编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

47浏览

0评论

详解如何使用webpack打包JS

如何使用webpack打包JS我们在命令行中输入：webpack -h看看webpack的命令行大全Usage: webpack-cli [options] webpack-cli [options] --entry <entry> --output <output>...

2020-05-27 05:19:08

82浏览

0评论

Vue Router的懒加载路径的解决方法

单页应用产出的入口chunk大小随着业务的复杂度线性增加，导致后期加载速度越来越慢。后面就需要对不同路径下的模块进行拆分，打包到相应的chunk下，按需加载，找到chunk的大小、个...

2020-05-27 05:19:07

45浏览

0评论

webpack打包react项目的实现方法

1webpack简介
webpack是目前最流行的打包工具之一，是一个为前端模块打包构建而生的工具，它既吸取了大量已有的方案优点和教训，也解决了很多前端开发过程中已有的痛点，如代码的拆...

2020-05-27 05:19:06

42浏览

0评论

详解javascript中的babel到底是什么

javascript在不断的发展，各种新的标准和提案层出不穷，但是由于浏览器的多样性，导致可能几年之内都无法广泛普及，babel可以让你提前使用这些语言特性，他是一种用途很多的javascrip...

2020-05-27 05:19:05

39浏览

0评论

JS实现快递单打印功能【推荐】

最近做项目需要打印快递单，在网上搜索了一下发现直接给出代码的比较少。首先说一下js网页打印的几种方法：1.window.print()会弹出打印对话框2.使用html 标签引入Webbrowser控...

2020-05-27 05:19:04

56浏览

0评论

vue2.0项目实现路由跳转的方法详解

一、安装1、安装路由vue-router:npm install vue-router
vue项目的依赖文件node_modules存在vue-router依赖，说明安装成功
2、vue项目引入vue-ruoter：二、应用1、路径配置（页面...

2020-05-27 05:19:03

97浏览

0评论

Taro集成Redux快速上手的方法示例

前言的前言最近被一款来自京东凹凸实验室的多终端开发框架Taro吸粉了，官方对 Taro 的简介是使用React语法，一键生成多终端应用（包括小程序 / H5 / 快应用 / RN 等），而目前 Github...

2020-05-27 05:19:02

63浏览

0评论

Vue 获取数组键名的方法

json 数组结构如下"head": [{"brand": "../static/images/brand.svg"}],"main": [{"教程": []},想要获取 “教程” 这两个字作为标题，.vue中方法如下<h1> {{Object.keys(sMai...

2020-05-27 05:19:01

115浏览

0评论

vue使用jsonp抓取qq音乐数据的方法

1、安装jsonpnpm install jsonp2、创建jsonp.js文件，内容如下：import originJSONP from 'jsonp'/** * 封装jsonp * @param {*} url 原始的jsonp第一个参数是url，第二个参数是op...

2020-05-27 05:19:00

55浏览

0评论

vue树形结构获取键值的方法示例

本文介绍了vue树形结构获取键值的方法示例，分享给大家，具体如下：把键值文件放入引入控件import { getTypeValue } from '@/api/dict/dictValue/index';点击搜索，打开弹窗<el-for...

2020-05-27 05:18:59

65浏览

0评论

在vue2.0中引用element-ui组件库的方法

在vue2.0中引用element-ui组件库element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。官网： http://element.eleme.io/安装npm i element-ui -S引用完整的eleme...

2020-05-27 05:18:57

60浏览

0评论

nodejs实现套接字服务功能详解

本文实例讲述了nodejs实现套接字服务功能。分享给大家供大家参考，具体如下：一、什么是套接字1. 套接字允许一个进程他通过一个IP地址和端口与另一个进程通信，当你实现对运行在...

2020-05-27 05:18:56

86浏览

0评论

MVVM 双向绑定的实现代码

这篇文章主要记录学习 JS 双向绑定过程中的一些概念与具体的实现MVVM 具体概念
MVVM 中有一些概念是通用的，具体如下Directive （指令）
自定义的执行函数，例如 Vue 中的 v-click...

2020-05-27 05:18:55

44浏览

0评论

JavaScript 下载svg图片为png格式

1.遇到需要将svg下载的需求，网上找了一些代码，地址是这个https://github.com/exupero/saveSvgAsPng，但是不太好用，莫名的把网页所有的svg都下载了，于是在源码的基础上做了一些小...

2020-05-27 05:18:54

104浏览

0评论

QQ跳转支付宝并自动领红包脚本（最新）

前言大半夜的有个哥们缠着我帮他写的（还硬塞300块给我）
丢给我一个别人的可用的demo给我，我研究一下就搞出来了，下面话不多说了，来一起看看详细的介绍吧。代码：
alipay.html<html...

2020-05-27 05:18:53

67浏览

0评论

vue中使用element-ui进行表单验证的实例代码

element-ui 中验证一、简单逻辑验证（直接使用rules）实现思路•html中给el-form增加 :rules="rules"
•html中在el-form-item 中增加属性 prop="名称"•js中直...

2020-05-27 05:18:52

90浏览

0评论

vue实现点击当前标签高亮效果【推荐】

实现点击按钮使当前按钮高亮，其他按钮复原的效果实现思路•在data中定义即将渲染的数据，及activedata() { return { wpList: [ { name: '食品饮料' }, {...

2020-05-27 05:18:51

72浏览

0评论

JS获取指定月份的天数两种实现方法

最近看到一个有意思的试题，正好在需求中也碰到类似的问题，即计算某个月的天数问题。碰到类似问题也许大部分会想是不是还要判断闰年、平年，如果这样想的话就复杂了，下面给出具体...

2020-05-27 05:18:50

71浏览

0评论

JS实现关键词高亮显示正则匹配

html 和ajax 部分就不写了，只需将需要匹配的文字传进去就可以了比如匹配后台传回的字符串data.content中的关键词：直接调用：data.content = highLightKeywords(data.content,k...

2020-05-27 05:18:49

58浏览

0评论

vue中实现左右联动的效果

这里的坑还是蛮多的，花了一个多小时，才理清楚。做一下笔记，以便于复习。首先呢，需要让左右的布局都可以滚动，这里使用了betterScrollnpm i better-scrollimport BScroll from 'b...

2020-05-27 05:18:48

44浏览

0评论

Nodejs异步回调之异常处理实例分析

本文实例讲述了Nodejs异步回调之异常处理。分享给大家供大家参考，具体如下：目前我们项目的Nodejs异常是通过express next 到 errorhandler 中间件去处理的，原本以为此方法可以...

2020-05-27 05:18:47

56浏览

0评论

使用vue-infinite-scroll实现无限滚动效果

vue-infinite-scroll插件可以无限滚动实现加载更多，其作用是是当滚动条滚动到距离底部的指定高度时触发某个方法。
https://github.com/ElemeFE/vue-infinite-scroll/
http...

2020-05-27 05:18:46

66浏览

0评论

JS实现图片转换成base64的各种应用场景实例分析

本文实例讲述了JS实现图片转换成base64的各种应用场景。分享给大家供大家参考，具体如下：网络上有很多片介绍通过js将图片转换成base64的文章，之所以再写这篇文章的原因时发现没...

2020-05-27 05:18:45

55浏览

0评论

Vue验证码60秒倒计时功能简单实例代码

template<template> <div class='login'> <div class="loginHeader"> <input type="tel" class="loginBtn border-bottom" placeholder="请输入手机号" /> <input type="t...

2020-05-27 05:18:44

35浏览

0评论

Vue子组件向父组件通信与父组件调用子组件中的方法

子组件向父组件通信子组件的button按钮绑定点击事件,事件方法名为sendToParent(),该方法在子组件的methods中声明,实现功能this.$emit('cus-event',this.msg);在父组件引入...

2020-05-27 05:18:43

41浏览

0评论

纯JS实现的读取excel文件内容功能示例【支持所有浏览器】

本文实例讲述了纯JS实现的读取excel文件内容功能。分享给大家供大家参考，具体如下：template.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=...

2020-05-27 05:18:41

98浏览

0评论

JS实现获取word文档内容并输出显示到html页面示例

本文实例讲述了JS实现获取word文档内容并输出显示到html页面。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl...

2020-05-27 05:18:40

54浏览

0评论

Vue中$refs的用法详解

说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref...

2020-05-27 05:18:39

73浏览

0评论

使用JavaScript中的lodash编写双色球效果

具体代码如下所述：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

2020-05-27 05:18:38

47浏览

0评论

JavaScript中var、let、const区别浅析

下面通过代码给大家介绍JavaScript中var、let、const区别，具体代码如下所述：//1.var定义的变量可以修改，如果不初始化会输出undefined，不会报错。var a;console.log(a); //undef...

2020-05-27 05:18:37

52浏览

0评论

JS的函数调用栈stack size的计算方法

如果你写了一个一直调用自身的死循环，那么恭喜你，很快就可以看到报错：Uncaught RangeError: Maximum call stack size exceeded。那么这个call stack size有多少呢？1. 计算方法...

2020-05-27 05:18:36

51浏览

0评论

超出JavaScript安全整数限制的数字计算BigInt详解

JavaScript中的基本数据类Number是双精度浮点数，它可以表示的最大安全范围是正负9007199254740991，也就是2的53次方减一，在浏览器控制台分别输入Number.MAX_SAFE_INTEGER和Numb...

2020-05-27 05:18:35

67浏览

0评论

nodejs用gulp管理前端文件方法

1、安装node.js（https://nodejs.org/en/）安装后使用node -v查看版本node安装完之后会顺带安装npmps：npm其实是Node.js的包管理工具（package manager）为啥我们需要一个包管理工具...

2020-05-27 05:18:34

61浏览

0评论

vue中vee validate表单校验的几种基本使用

今天主要记录一下用vee-validate来进行表单校验的几个基本使用。包括最基础的必填和长度校验；异步请求服务的校验（重名校验），还有延迟校验。如何引入等就不在这里赘述了，直接进入...

2020-05-27 05:18:33

57浏览

0评论

angularjs结合html5实现拖拽功能

先来看看具体效果：实现方法：1.下载并引入 angularjs2.HTML代码：<!DOCTYPE html><html lang="en" ng-app="test"><head> <meta charset="UTF-8"> <title>Html5 拖拽行为和Ang...

2020-05-27 05:18:32

67浏览

0评论

Vue.js项目中管理每个页面的头部标签的两种方法

在 Vue SPA 应用中，如果想要修改 HTML 的头部标签，如页面的 title ，我们只能去修改 index.html 模板文件，但是这个是全局的修改，如何为每个页面都设置不一样的 title 呢？下面介绍...

2020-05-27 05:18:31

40浏览

0评论

一个Vue页面的内存泄露分析详解

什么是内存泄露？内存泄露是指new了一块内存，但无法被释放或者被垃圾回收。new了一个对象之后，它申请占用了一块堆内存，当把这个对象指针置为null时或者离开作用域导致被销毁，那么...

2020-05-27 05:18:30

107浏览

0评论

Vue EventBus自定义组件事件传递

前言组件化应用构建是Vue的特点之一，因此我们在Vue的实际开发过程中会经常需要封装自定义组件，以提高开发的效率。而组件在大部分情况下并不会孤立的存在，它必然会与父组件和...

2020-05-27 05:18:27

58浏览

0评论

详解React之父子组件传递和其它一些要点

react是R系技术栈中最基础同时也是最核心的一环，2年不到获取了62.5k star(截止到目前)，足可见其给力程度。下面对一些react日常开发中的注意事项进行罗列。React的组件生命周...

2020-05-27 05:18:26

42浏览

0评论

JavaScript实现封闭区域布尔运算的示例代码

这篇文章主要介绍多段线实现布尔运算的方法
先上代码function getOperatedCurves(sourceCurs: Curve[], targetCus: Curve[]) { let source: Polyline | Circle = (sour...

2020-05-27 05:18:25

188浏览

0评论

vue-router重定向不刷新问题的解决

前阵子太忙了，自己一个人一边开发着新项目，一边维护着旧项目，没时间写博客，终于让我腾出时间了。废话少说，开始正文。问题描述:之前项目是angular开发的，后来用vue重构后。项目路...

2020-05-27 05:18:24

70浏览

0评论

vue.js 实现输入框动态添加功能

代码如下所示：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue-demo</title>...

2020-05-27 05:18:23

70浏览

0评论

JS实现仿微信支付弹窗功能

先奉上效果图html代码<!DOCTYPE html> <html> <head> <title>仿手机微信支付输入密码界面效果</title> <meta charset="utf-8" /> <meta name="viewport" con...

2020-05-27 05:18:22

86浏览

0评论

使用vue的transition完成滑动过渡的示例代码

使用vue来做一些小巧的动画效果是非常方便的，今天本人想使用vue的transition来完成一个滑动过渡效果，这里和大家分享一下。直接上源代码：<!DOCTYPE html><html><head> <meta c...

2020-05-27 05:18:21

35浏览

0评论

使用vue-router beforEach实现判断用户登录跳转路由筛选功能

在开发webApp的时候，考虑到用户体验，经常会把不需要调用个人数据的页面设置成游客可以访问，而当用户进入到一些需要个人数据的，例如购物车，个人中心，我的钱包等等，在进行登录的验证...

2020-05-27 05:18:20

79浏览

0评论

浅谈super-vuex使用体验

vuex与super-vuex
super-vuex是一套用于简化Vuex的数据架构。
适用场景在繁重的中后台项目中，引入vuex的作用如下：全局数据共享，组件数据逻辑解耦数据业务接口分离数据模...

2020-05-27 05:18:19

81浏览

0评论

vue2.0使用v-for循环制作多级嵌套菜单栏

使用v-for循环生成一个多级嵌套菜单栏，只要你学会了这个方法，几乎所有的菜单栏都可以实现了。方法<div class="level-one" v-if="obj.level == 1" v-for="obj in bar1"><a>{{o...

2020-05-27 05:18:18

54浏览

0评论

nuxt.js 缓存实践

nuxt 是基于 vue 的 ssr 解决方案，可以是使用vue语法完成前后端的同构。然而在与传统纯字符串拼接的 ssr 方案相比，性能就没那么好了， nuxt 需要在服务端生成虚拟 dom ，然后再序...

2020-05-27 05:18:17

72浏览

0评论

微信小程序项目总结之点赞删除列表分享功能

小程序点赞功能思路：在后台没有给你接口自己模拟数据data:{ likes:{ iszan:false, num:0 } } 1.遍历评论列表判断点击的id 2.如果id相同判断是否点赞过如果为tr...

2020-05-27 05:18:16

61浏览

0评论

vue实现点击关注后及时更新列表功能

如图，我要实现点击关注之后列表及时更新成最新的列表。思路很简单，主要是两点：1、在点击关注之后去执行一个请求新的关注列表的action；2、在vue组件中watch监听已关注列表和推荐...

2020-05-27 05:18:14

首页 «1321 132213231324 1325 »尾页

热门文章