深入理解 Koa 框架中间件原理
Node 主要用在开发 Web 应用，koa 是目前 node 里最流行的 web 框架。在 Node 开启一个 http 服务简直易如反掌,官网 demo。const http = require("http");const server = htt...
2020-05-27
使用JS获取页面上的所有标签
最近忙的一匹，忙着大保健，都来不及写博客，今天特意抽出点时间来写一写 前两天看到一个题，是问如何从页面上获取所有的标签的并查看他们的数量，感觉还是有点意思的，所以给大家来...
2020-05-27
vue 指令之气泡提示效果的实现代码
菜鸟学习之路//L6zt github自己 在造组件轮子，也就是瞎搞。自己写了个slider组件，想加个气泡提示。为了复用和省事特此写了个指令来解决。预览地址项目地址 github 我叫给它胡...
2020-05-27
vue实现pdf导出解决生成canvas模糊等问题(推荐)
最近公司项目需要，利用vue实现pdf导出，从而保存到本地打印出来，说起来好像也很容易，具体要怎么实现呢？1 、我们要添加两个模块1 第一个.将页面html转换成图片
2 npm install --s...
2020-05-27
vue中导出Excel表格的实现代码
项目中我们可能会碰到导出Excel文件的需求，一般后台管理系统中居多，将table中展示的数据导出保存到本地。当然我们也可以通过一些处理来修改要导出的数据格式，具体需求具体对待...
2020-05-27
vue中使用cookies和crypto-js实现记住密码和加密的方法
使用crypto-js加解密
第一步，安装npm install crypto-js第二步，在你需要的vue组件内importimport CryptoJS from "crypto-js";第三步，使用 // Encrypt 加密 var cipherText...
2020-05-27
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
由于微信小程序没有提供类似 Image 这样的 JS 对象，要实现图片的预加载要麻烦一些， wxapp-img-loader自定义组件可以在微信小程序中实现图片预加载功能。使用1、下载 wxapp-im...
2020-05-27
详解vue文件中使用echarts.js的两种方式
最近工作中需要用到echarts，由于项目是用的vue-cli开发的。在网上搜到vue中合成了vue-echarts，但是不想使用vue中规定好的数据格式，于是就自己做了一个vue项目引用原生echarts...
2020-05-27
vue2.0 路由模式mode="history"的作用
特别提醒：开启mode="history"模式，需要服务端的支持，因为出现“刷新页面报错404”的问题；大家都知道，路由地址都是以"#"形式展示，但是有些时候，我们又希望路由地址中不出现"#"，那怎...
2020-05-27
vue: WebStorm设置快速编译运行的方法
WebSorm是一款优秀的前端开发工具，而Vue项目可以使用Node进行编译运行，平常我们可以通过命令行部署项目进行调试。本文介绍设置Webstorm进行快速部署Vue项目。第一步点击启动...
2020-05-27
使用微信小程序开发弹出框应用实例详解
view class="container" class="zn-uploadimg"> <button type="primary"bindtap="showok">消息提示框</button> <button type="primary"bindtap="modalcnt">模态弹窗</butt...
2020-05-27
webstorm+vue初始化项目的方法
vue新项目准备：1、安装nodejs，官网下载傻瓜安装node -v 验证2、npm包管理器，是集成在node中的，所以安装了node也就有了npmnpm -v 验证3、安装cnpmnpm install -g cnpm --registr...
2020-05-27
vue中v-for循环给标签属性赋值的方法
1.给每个按钮添加class的属性值以及icon图标属性值，通过v-for实现自动添加样式，发现属性值无法显示，切记在属性前加上v-bind<html><head><meta charset="utf-8"><title>v-for在...
2020-05-27
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
vue移动端html5页面根据屏幕适配的四种解决方法
最近做了两个关于h5页面对接公众号的项目，不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话，进行总结分享一下如何处理。在vue移动端h5页面当中，其中...
2020-05-27
深入理解移动前端开发之viewport
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页...
2020-05-27
值得收藏的八个常用的js正则表达式
开发中如果有input输入框，难免就要写正则表达式，因此在这里总结了一些常见常用的正则表达式的书写方法，希望会大家有所帮助；附图：
一.手机号码$(document).ready(function(){...
2020-05-27
js中自定义react数据验证组件实例详解
我们在做前端表单提交时，经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法，例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等...
2020-05-27
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
详解在vue-cli项目下简单使用mockjs模拟数据
为什么要用mockjs实际开发中，前后端分离，前端需要后端的接口去完成页面的渲染，但是并不能等到后端成员写完接口再开始进行测试。大部分情况下，前后端需要同时进行开发。因此便需...
2020-05-27
clipboard在vue中的使用的方法示例
简介
页面中用 clipboard 可以进行复制粘贴，clipboard能将内容直接写入剪切板安装
npm install --save clipboard使用方法一
<template> <span>{{ code }}</span> <i...
2020-05-27
webstorm中配置Eslint的两种方式及差异比较详解
写在前面这两种方式的配置基本相同，都是配一下node地址，Eslint执行文件的地址，Eslint的配置文件（就是.eslintrc）等，而且网上很方便就可以搜索到，就不多说了。之所以要比较一下两者...
2020-05-27
在小程序Canvas中使用measureText的方法示例
有时候我们在使用Canvas绘制一段文本时，会需要通过measureText()方法获取文本的宽度，例如：创建canvas标签
<canvas id="canvas"></canvas>获取一段文本的宽度
var canvas = doc...
2020-05-27
浅析JS中什么是自定义react数据验证组件
我们在做前端表单提交时，经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法，例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等...
2020-05-27
vue+VeeValidate 校验范围实例详解（部分校验,全部校验）
搜索很久，没有发现有关于vue+VeeValidate部分校验的。自己写一个。主要是两个场景：1. 校验范围内，所有的字段。2. 校验全局所有字段。主要方法：1.validate(fields, scope) 2...
2020-05-27
vue-quill-editor+plupload富文本编辑器实例详解
1,先给vue项目中下载vue-quill-editor依赖npm install vue-quill-editor --save2,下载plupload依赖npm install plupload --save3,在组件中分别引入对应的jsimport { quillE...
2020-05-27
vue-cli3.0 脚手架搭建项目的过程详解
1.安装vue-cli 3.0npm install -g @vue/cli# oryarn global add @vue/cli安装成功后查看版本：vue -V(大写的V)2.命令变化vue create --help
用法：create [options] <app-name>...
2020-05-27
浅析vue-router原理
近期被问到一个问题，在你们项目中使用的是Vue的SPA（单页面）还是Vue的多页面设计？这篇文章主要围绕Vue的SPA单页面设计展开。 关于如何展开Vue多页面设计请点击查看。vue-router...
2020-05-27
vue中el-upload上传图片到七牛的示例代码
一、思路，从后台获取七牛token，上传图片到七牛，获取返回图片路径放入el-upload。二、代码。<el-input v-model="listVideoQuery.orgLogo" @change="orgLogoChange"></el-input>...
2020-05-27
简化版的vue-router实现思路详解
本文旨在介绍 vue-router 的实现思路，并动手实现一个简化版的 vue-router 。我们先来看一下一般项目中对 vue-router 最基本的一个使用，可以看到，这里定义了四个路由组件,我们...
2020-05-27
使用pkg打包Node.js应用的方法步骤
Node.js应用不需要经过编译过程，可以直接把源代码拷贝到部署机上执行，确实比C++、Java这类编译型应用部署方便。然而，Node.js应用执行需要有运行环境，意味着你需要先在部署机器...
2020-05-27
Vue项目pdf(base64)转图片遇到的问题及解决方法
公司有个业务需求,要求后台传pdf的base64编码给前端,前端显示到界面上,后来在网上搜索了很多关于base64转pdf的文章,都写的不是非常的详细,在实现的过程中遇到很多坑,经过一...
2020-05-27
vuex2中使用mapGetters/mapActions报错的解决方法
解决方案可以安装整个stage2的预置器或者安装 Object Rest Operator 的babel插件 babel-plugin-transform-object-rest-spread 。接着在babel的配置文件 .babelrc 中应用插...
2020-05-27
VUE-cli3使用 svg-sprite-loader
VUE-cli3使用 svg-sprite-loadersvg-sprite-loader 的插件，用来根据导入的 svg 文件自动生成 symbol 标签并插入 html，接下来就可以在模版中方便地使用 svg-sprite 技术了。使...
2020-05-27
vue 项目地址去掉 #的方法
vue-router 设置 history 模式vue 项目往往会搭配 vue-router 官方路由管理器，它和 vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router 默认为 hash 模式，使用...
2020-05-27
angular4 获取wifi列表中文显示乱码问题的解决
问题描述：
如果搜索到的wifi是中文名称，那么就会显示特殊字符比如（甿ªç”Ÿè迪），乱码的问题。这里需要使用 escape方法对特殊字...
2020-05-27
分享5个小技巧让你写出更好的 JavaScript 条件语句
在使用 JavaScript 时，我们常常要写不少的条件语句。这里有五个小技巧，可以让你写出更干净、漂亮的条件语句。1. 使用 Array.includes 来处理多重条件举个栗子 ：// 条件语句fun...
2020-05-27
Intellij IDEA搭建vue-cli项目的方法步骤
1、安装/升级node环境
vue-cli对于node和npm的版本是有要求的。可以通过 node -v （npm -v）查看当前版本，通过 where node （where npm）查看安装路径。如果node版本不符合vue-cli的...
2020-05-27
详解ES6 Promise对象then方法链式调用
promise俗称链式调用，它是es6中最重要的特性之一
简单的说可以不停的then调用嵌套在调用（异步之后，链式调用方式执行回调），这种操作方式称为promise
then()方法的作用是Promise实...
2020-05-27
详解webpack打包第三方类库的正确姿势
webpack 的使用越来越广泛，但其中不乏很多鲜为人知的细节设置，甚至很多人会认为这是 webpack 的 bug。这次，我们就来聊一聊 webpack.optimize.CommonsChunkPlugin。
这个 plugi...
2020-05-27
Iview Table组件中各种组件扩展的使用
一、Iview Table 组件 多选框选中和禁选设置
Table添加多选框
通过给 columns 数据设置一项，指定 type: 'selection' ，即可自动开启多选功能。正确使用好以下事件，可以达到需...
2020-05-27
使用Vue做一个简单的todo应用的三种方式的示例代码
1. 引用vue.js<!DOCTYPE html><html><head><script src="http://vuejs.org/js/vue.js"></script> <meta charset="utf-8"> <title>JS Bin</title></head><body> <div id="ro...
2020-05-27
详解Axios 如何取消已发送的请求
前言
最近在项目中遇到一个问题，在连续发送同一请求时，如果第二次请求比第一次请求快，那么实际显示的是第一次请求的数据，这就会造成数据和我选择的内容不一致的问题。解决的方...
2020-05-27
Node.js中的不安全跳转如何防御详解
导语：早年在浏览器大战期间，有远见的Chrome认为要运行现代Web应用，浏览器必须有一个性能非常强劲的Java引擎，于是Google自己开发了一个高性能的开源的Java引擎，名字叫V8。在2009...
2020-05-27
如何安装控制器JavaScript生成插件详解
前言既然组件不提供view服务引擎，那在编写应用网站的时候只能由javascript调用接口进行UI整合，这样编写javascript来访问接口就变得一件非常麻烦。为了解决这一繁琐问题组件提...
2020-05-27
在js代码拼接dom对象到页面上的模板总结
每次在js代码里面想动态的拼个dom，然后append到页面上，都是各种麻烦，
要是可以直接在jsp页面弄个隐藏的model那是很好的，用js方法里面的clone方法也是很好的，还可以给不同部分set...
2020-05-27
Koa 使用小技巧(小结)
cookie的安全保护
基于cookie来验证用户状态的系统中，如何提高cookie的安全级别是首要因素，最简单直接的方式就生成的cookie值随机而且复杂。一般使用uuid来生成cookie，生成的...
2020-05-27
在vue中使用echarts图表实例代码详解
安装vue依赖使用npmnpm install echarts --save使用yarnyarn add echarts使用国内的淘宝镜像：//安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.o...
2020-05-27
vue使用echarts图表的详细方法
本文为大家分享了vue使用echarts图表的方法，供大家参考，具体内容如下
该示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S或者使用国内的淘宝镜像：安装
npm...
2020-05-27
vue-cli项目中使用echarts图表实例
我们在项目中经常需要使用一些折线图、柱状图、饼状图等等，之前使用过heightCharts，后来觉得这货不开源，只是做展示的话又点浪费时间，于是看了下eCharts，于是在vue-cli搭建的项目...
2020-05-27
