66浏览

0评论

基于vue-upload-component封装一个图片上传组件的示例

需求分析业务要求，需要一个图片上传控件，需满足 多图上传 点击预览 图片前端压缩 支持初始化数据相关功能及资源分析基本功能
先到https://www.npmjs.com/search?q=vu...

• 2020-05-27

109浏览

0评论

element-ui的回调函数Events的用法详解

做轮播的时候想用这个change回调函数，但是官方文档上竟然就只列了这么一行东西，完全没有示例代码（也可能我没找到哈）鼓捣了半天，东拼西凑终于找到了靠谱的使用方法，其实很简单在轮...

• 2020-05-27

83浏览

0评论

使用angular-cli webpack创建多个包的方法

当我使用angular-cli构建项目时,它会将所有项目文件捆绑到一个主要的主包中.我在应用程序中使用了懒惰路由,一旦应用程序加载,我就可以导航.有没有一种方法可以将主包分为多...

• 2020-05-27

96浏览

0评论

深入理解NodeJS 多进程和集群

进程和线程
“进程” 是计算机系统进行资源分配和调度的基本单位，我们可以理解为计算机每开启一个任务就会创建至少一个进程来处理，有时会创建多个，如 Chrome 浏览器的选项卡，其...

• 2020-05-27

91浏览

0评论

浅谈HTTP 缓存的那些事儿

前言HTTP 缓存机制作为 Web 应用性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系的基础环节，也是想要成为前端架构的必备技能。缓存的作用我们为什么使用缓...

• 2020-05-27

132浏览

0评论

在小程序开发中使用npm的方法

微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。1. 在小程序中加载 npm 包npm install miniprogram-datepicker --productionno...

• 2020-05-27

80浏览

0评论

node实现分片下载的示例代码

本文基于http Range Requests协议，实现了分片下载的功能。使用场景包括基于浏览器的流文件片段传输、基于客户端的分片下载等。原理http通过Range Requests相关的header，可以...

• 2020-05-27

107浏览

0评论

vue src动态加载请求获取图片的方法

一. 加载本地图片1.图片目录
2. 在data中配置图片路径data() { return { formData: { avatar: require('@/assets/icon1524737568182.png'), motto: 'xxxxxxxxxx'...

• 2020-05-27

109浏览

0评论

IE9 elementUI文件上传的问题解决

问题： IE9中无法使用FormData
思路 基于上面的问题，需要使用form表单上传文件 form表单上传会引起页面的刷新，因此需要动态添加一个iframe来避免页面刷新 from表单上传之后...

• 2020-05-27

72浏览

0评论

bootstrap table合并行数据并居中对齐效果

本文实例为大家分享了bootstrap table合并行数据并居中对齐的具体代码，供大家参考，具体内容如下渲染表格后进行数据行合并onLoadSuccess: function (data) { $('#tableStyle'...

• 2020-05-27

108浏览

0评论

element-ui upload组件多文件上传的示例代码

之前有一篇写的如何同时传递form表单及upload组件文件，如果有多个upload文件该如何传递呢上代码html<el-form ref="newform" :model="newform" :rules="rules"> <el-form-...

• 2020-05-27

72浏览

0评论

Nodejs实现多文件夹文件同步

本文实例为大家分享了Nodejs实现多文件夹文件同步的具体代码，供大家参考，具体内容如下
package.json{ "name": "asyncFile", "version": "0.0.1", "dependencies":{ "fs-sync"...

• 2020-05-27

73浏览

0评论

vue实现循环切换动画

本文实例为大家分享了vue实现循环切换动画的具体代码，供大家参考，具体内容如下注意动画的钩子函数的判断逻辑，注意动画编写时类名的顺序！！<!DOCTYPE html><html lang="en"><head>...

• 2020-05-27

94浏览

0评论

解决百度Echarts图表坐标轴越界的方法

Echarts是由百度提供的数据可视化解决方案, 可以让我们快速实现功能丰富的图表,官网链接
使用方法
1.引入echarts.min.js文件
下载echarts.min.js文件,下载地址创建一个挂...

• 2020-05-27

127浏览

0评论

微信小程序开发之tabbar图标和颜色的实现

前期准备 ：注册，填材料，验证等等：https://mp.weixin.qq.com1.浏览一遍简易教程，下载相应的开发工具写一个小例子点击左侧的 “编辑”-》点击右侧代码里的 app.json 修改为{ "page...

• 2020-05-27

113浏览

0评论

手把手教你写一个微信小程序（推荐）

需求　　小程序语音识别，全景图片观看，登录授权，获取个人基本信息一：基础框架　　官方开发文档：https://developers.weixin.qq.com/miniprogram/dev/ （其实官方文档写的很清楚了）1....

• 2020-05-27

133浏览

0评论

vue+echarts实现动态绘制图表及异步加载数据的方法

前言　　背景：vue写的后台管理，需要将表格数据绘制成图表（折线图，柱状图），图表数据都是通过接口请求回来的。安装
　　cnpm install echarts --s (我这里用了淘宝镜像，不知道同学...

• 2020-05-27

116浏览

0评论

react 应用多入口配置及实践总结

背景还是之前的那个项目，做完国际化没多久，还没来得及划水， 又有新的活了 -- 移动端的兼容。 考虑到后期的复杂度， 需要做两套资源。 具体的目标是：同一个URL，PC打开就显示PC的那...

• 2020-05-27

86浏览

0评论

Vue绑定内联样式问题

使用 v-bind:style 可以给元素绑定内联样式,方法与:class类似,也有对象语法和数组语法,看起来很直接在元素上写CSS:<!DOCTYPE html><html><head> <meta charset="utf-8">...

• 2020-05-27

86浏览

0评论

详解vue如何使用rules对表单字段进行校验

1、在代码中，添加属性：:rule <Form ref="loginForm" :model="form" :rules="rules" @keydown.enter.native="handleSubmit" class="form-con"> <FormItem prop="ph...

• 2020-05-27

86浏览

0评论

NodeJS 将文件夹按照存放路径变成一个对应的JSON的方法

在编程之前，一定要有一个信条：代码是为了减少工作量而生的，重复枯燥的工作是不能容忍的。
需求
这是由上篇文章衍生出的需求，我已经将一个文件夹内所有的文件名转译为英文，但我在...

• 2020-05-27

77浏览

0评论

教你如何编写Vue.js的单元测试的方法

Vue.js是一个JavaScript框架，可用于构建Web应用程序的前端框架。特别是在创建复杂功能时，对于每个项目，有必要在我们的应用程序中查看所有内容，并检查它是否符合预期。然而，对于...

• 2020-05-27

103浏览

0评论

Javascript中parseInt的正确使用方式

定义和用法parseInt() 函数可解析一个字符串，并返回一个整数。语法parseInt(string, radix)parseInt(string, radix) 当参数radix的值为 0，或没有设置该参数时，parseInt()会根...

• 2020-05-27

85浏览

0评论

JavaScript的词法结构精华篇

词法结构是一套基础性的规则，用来描述如何使用这门语言来编写程序。诸如如何给变量命名，如何写注释，如何分割短语等等。我总结为以下几点1.字符集使用Unicode码2.区分大小写 j...

• 2020-05-27

85浏览

0评论

基于Vue实现可以拖拽的树形表格实例详解

因业务需求，需要一个树形表格，并且支持拖拽排序，任意未知插入，github搜了下，真不到合适的，大部分树形表格都没有拖拽功能，所以决定自己实现一个。这里分享一下实现过程，项目源代码请...

• 2020-05-27

101浏览

0评论

JS实现十分钟倒计时代码实例

编写JS倒计时代码需要用到很多JavaScript知识，比如：if函数，Math.floor，定时器setInterval等等，如有不清楚的小伙伴可以参考PHP中文网的相关文章，或者访问 JavaScript视频教程。举...

• 2020-05-27

98浏览

0评论

深入理解 Koa 框架中间件原理

Node 主要用在开发 Web 应用，koa 是目前 node 里最流行的 web 框架。在 Node 开启一个 http 服务简直易如反掌,官网 demo。const http = require("http");const server = htt...

• 2020-05-27

91浏览

0评论

使用JS获取页面上的所有标签

最近忙的一匹，忙着大保健，都来不及写博客，今天特意抽出点时间来写一写　　前两天看到一个题，是问如何从页面上获取所有的标签的并查看他们的数量，感觉还是有点意思的，所以给大家来...

• 2020-05-27

87浏览

0评论

vue 指令之气泡提示效果的实现代码

菜鸟学习之路//L6zt github自己 在造组件轮子，也就是瞎搞。自己写了个slider组件，想加个气泡提示。为了复用和省事特此写了个指令来解决。预览地址项目地址 github 我叫给它胡...

• 2020-05-27

78浏览

0评论

vue实现pdf导出解决生成canvas模糊等问题(推荐)

最近公司项目需要，利用vue实现pdf导出，从而保存到本地打印出来，说起来好像也很容易，具体要怎么实现呢？1 、我们要添加两个模块1 第一个.将页面html转换成图片
2 npm install --s...

• 2020-05-27

107浏览

0评论

vue中导出Excel表格的实现代码

项目中我们可能会碰到导出Excel文件的需求，一般后台管理系统中居多，将table中展示的数据导出保存到本地。当然我们也可以通过一些处理来修改要导出的数据格式，具体需求具体对待...

• 2020-05-27

91浏览

0评论

vue中使用cookies和crypto-js实现记住密码和加密的方法

使用crypto-js加解密
第一步，安装npm install crypto-js第二步，在你需要的vue组件内importimport CryptoJS from "crypto-js";第三步，使用 // Encrypt 加密 var cipherText...

• 2020-05-27

72浏览

0评论

使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能

由于微信小程序没有提供类似 Image 这样的 JS 对象，要实现图片的预加载要麻烦一些， wxapp-img-loader自定义组件可以在微信小程序中实现图片预加载功能。使用1、下载 wxapp-im...

• 2020-05-27

151浏览

0评论

详解vue文件中使用echarts.js的两种方式

最近工作中需要用到echarts，由于项目是用的vue-cli开发的。在网上搜到vue中合成了vue-echarts，但是不想使用vue中规定好的数据格式，于是就自己做了一个vue项目引用原生echarts...

• 2020-05-27

91浏览

0评论

vue2.0 路由模式mode="history"的作用

特别提醒：开启mode="history"模式，需要服务端的支持，因为出现“刷新页面报错404”的问题；大家都知道，路由地址都是以"#"形式展示，但是有些时候，我们又希望路由地址中不出现"#"，那怎...

• 2020-05-27

101浏览

0评论

vue: WebStorm设置快速编译运行的方法

WebSorm是一款优秀的前端开发工具，而Vue项目可以使用Node进行编译运行，平常我们可以通过命令行部署项目进行调试。本文介绍设置Webstorm进行快速部署Vue项目。第一步点击启动...

• 2020-05-27

114浏览

0评论

使用微信小程序开发弹出框应用实例详解

view class="container" class="zn-uploadimg"> <button type="primary"bindtap="showok">消息提示框</button> <button type="primary"bindtap="modalcnt">模态弹窗</butt...

• 2020-05-27

106浏览

0评论

webstorm+vue初始化项目的方法

vue新项目准备：1、安装nodejs，官网下载傻瓜安装node -v 验证2、npm包管理器，是集成在node中的，所以安装了node也就有了npmnpm -v 验证3、安装cnpmnpm install -g cnpm --registr...

• 2020-05-27

109浏览

0评论

vue中v-for循环给标签属性赋值的方法

1.给每个按钮添加class的属性值以及icon图标属性值，通过v-for实现自动添加样式，发现属性值无法显示，切记在属性前加上v-bind<html><head><meta charset="utf-8"><title>v-for在...

• 2020-05-27

96浏览

0评论

Vue用v-for给循环标签自身属性添加属性值的方法

我的代码结构如下所示不能执行，会出现报错<RadioGroup v-model="animal"> <Radio v-for='a in radio_arr' label={{a}}></Radio></RadioGroup>export default { data(){ retu...

• 2020-05-27

89浏览

0评论

vue移动端html5页面根据屏幕适配的四种解决方法

最近做了两个关于h5页面对接公众号的项目，不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话，进行总结分享一下如何处理。在vue移动端h5页面当中，其中...

• 2020-05-27

98浏览

0评论

深入理解移动前端开发之viewport

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页...

• 2020-05-27

118浏览

0评论

值得收藏的八个常用的js正则表达式

开发中如果有input输入框，难免就要写正则表达式，因此在这里总结了一些常见常用的正则表达式的书写方法，希望会大家有所帮助；附图：
一.手机号码$(document).ready(function(){...

• 2020-05-27

78浏览

0评论

js中自定义react数据验证组件实例详解

我们在做前端表单提交时，经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法，例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等...

• 2020-05-27

99浏览

0评论

ES6 系列之 Generator 的自动执行的方法示例

单个异步任务
var fetch = require('node-fetch');function* gen(){ var url = 'https://api.github.com/users/github'; var result = yield fetch(url); console.log(r...

• 2020-05-27

88浏览

0评论

详解在vue-cli项目下简单使用mockjs模拟数据

为什么要用mockjs实际开发中，前后端分离，前端需要后端的接口去完成页面的渲染，但是并不能等到后端成员写完接口再开始进行测试。大部分情况下，前后端需要同时进行开发。因此便需...

• 2020-05-27

76浏览

0评论

clipboard在vue中的使用的方法示例

简介
页面中用 clipboard 可以进行复制粘贴，clipboard能将内容直接写入剪切板安装
npm install --save clipboard使用方法一
<template> <span>{{ code }}</span> <i...

• 2020-05-27

374浏览

0评论

webstorm中配置Eslint的两种方式及差异比较详解

写在前面这两种方式的配置基本相同，都是配一下node地址，Eslint执行文件的地址，Eslint的配置文件（就是.eslintrc）等，而且网上很方便就可以搜索到，就不多说了。之所以要比较一下两者...

• 2020-05-27

97浏览

0评论

在小程序Canvas中使用measureText的方法示例

有时候我们在使用Canvas绘制一段文本时，会需要通过measureText()方法获取文本的宽度，例如：创建canvas标签
<canvas id="canvas"></canvas>获取一段文本的宽度
var canvas = doc...

• 2020-05-27

68浏览

0评论

浅析JS中什么是自定义react数据验证组件

我们在做前端表单提交时，经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法，例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等...

• 2020-05-27