node-sass安装失败的原因与解决方法
前言我们一般在利用npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。
这是使用 sass 的同...
2020-05-27
Nodejs进阶之服务端字符编解码和乱码处理
写在前面在web服务端开发中，字符的编解码几乎每天都要打交道。编解码一旦处理不当，就会出现令人头疼的乱码问题。不少从事node服务端开发的同学，由于对字符编码码相关知识了解...
2020-05-27
JS实现匀加速与匀减速运动的方法示例
本文实例讲述了JS实现匀加速与匀减速运动的方法。分享给大家供大家参考，具体如下：/* * 动画帧函数 * * */ var requestFrame=function(){ var prefixList=['webkit','moz','...
2020-05-27
利用yarn代替npm管理前端项目模块依赖的方法详解
本文主要给大家介绍了关于yarn代替npm管理前端项目模块依赖的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。什么是 yarn?简单来说，yarn 是一个...
2020-05-27
JS实现颜色的10进制转化成rgba格式的方法
本文实例讲述了JS实现颜色的10进制转化成rgba格式的方法。分享给大家供大家参考，具体如下：当我们在已知一个整数如（0~256x256x256x256 之间的颜色值），想获得关于它的3原色加一个...
2020-05-27
详解基于 axios 的 Vue 项目 http 请求优化
对于需要大量使用 http 请求的项目，我们通常会选择对 http 请求的方法进行二次封装，以便增加统一的拦截器，或者统一处理阻止重复提交之类的逻辑。Vue.js 的项目中我们选择使用...
2020-05-27
JS沙箱模式实例分析
本文实例讲述了JS沙箱模式。分享给大家供大家参考，具体如下：//SandBox(['module1,module2'],function(box){});/**** @function* @constructor* @param [] array 模块名数...
2020-05-27
JavaScript基础进阶之数组方法总结(推荐)
数组常用方法总结：下面我只总结了es3中常用的数组方法，一共有11个。es5中新增的9个数组方法，后续再单独总结。1个连接数组的方法：concat（）2个数组转换为字符串的方法：join（）、toStrin...
2020-05-27
zTree获取当前节点的下一级子节点数实例
使用zTree插件实现树形图中，需要获取当前点击的父节点的子节点数的需求，使用treeNode.children获取子节点数据集合,使用length方法获取集合长度。
将当前节点的treeNode传入即...
2020-05-27
基于react组件之间的参数传递(详解)
1、父组件向子组件传递参数class Child extends Component { componentDidMount(){ let name = this.props.default; console,log(name); ...
2020-05-27
JS一个简单的注册页面实例
如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="js/jquery-1.8.0.min.js"></script> <script>// $(fun...
2020-05-27
对于Javascript 执行上下文的全面了解
在这篇文章中，将比较深入地阐述下执行上下文 – JavaScript中最基础也是最重要的一个概念。相信读完这篇文章后，你就会明白javascript引擎内部在执行代码以前到底做了些什么，为...
2020-05-27
基于ES6 Array.of的用法(实例讲解)
ES6为Array增加了of函数用已一中明确的含义将一个或多个值转换成数组。因为，用new Array()构造数组的时候，是有二意性的。构造时，传一个参数，表示生成多大的数组。构造时，传多个...
2020-05-27
javascript基础进阶_深入剖析执行环境及作用域链
执行环境执行环境定义了变量或函数有权访问的其他函数，决定了他们各自的行为。每个执行环境都有一个与之关联的变量对象。变量对象环境中定义的所有变量和函数都保存在这个对...
2020-05-27
纯js实现画一棵树的示例
用纯js画一棵树。思路：1、一棵树的图片，作为页面背景；2、通过html5中的canvas画布进行遮罩；3、定时每隔10ms，从下往上清除1px的遮罩；<!DOCTYPE html><html><head><meta charset="U...
2020-05-27
zTree异步加载展开第一级节点的实现方法
在 setting 中的 callback 中加上 onAsyncSuccess:onAsyncSuccess 回调函数 , 然后实现回调函数 var isFirst = true;function onAsyncSuccess(event, treeId) { if (is...
2020-05-27
Vue学习笔记之表单输入控件绑定
表单输入绑定
基础用法
文本
<input v-model:"msg" placeholder="edit me"/>### 多行文本<textarea name="" id="" cols="30" rows="10" v-model:"msg"></textarea>### 复选...
2020-05-27
简单谈谈关于Angular Cli打包的事
本文主要给大家介绍了关于Angular Cli打包的事，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。一、引言
Angular从开发再到生产环境部署都离不开Angular Cli...
2020-05-27
Angular实现下载安装包的功能代码分享
废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html ng-app="myPro"><head><meta charset="UTF-8"><title>angular-实现下载安装包的功能</title><script...
2020-05-27
浅谈Vue.js中的v-on(事件处理)
Vue.js的事件处理
监听事件
我们可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。<div class="box"> {{msg}} <input type="button" value="按钮" v-on:click=...
2020-05-27
JavaScript正则表达式的贪婪匹配和非贪婪匹配
所谓贪婪匹配就是匹配重复字符是尽可能多的匹配，比如："aaaaa".match(/a+/); //["aaaaa", index: 0, input: "aaaaa"] 非贪婪匹配就是尽可能少的匹配，用法就是在量词后面加上一...
2020-05-27
详解vue-cli本地环境API代理设置和解决跨域
前言
我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，localhost是没有办法设置cookie的。我们可...
2020-05-27
JSON在Javascript中的使用（eval和JSON.parse的区别）详细解析
JSON 和XML比较json的长度和xml比起来更加短小json读取速度更快json可以使用JavaScript的内置方法直接进行解析，转化成javascript对象，非常方便。在Javascript使用eval将接送...
2020-05-27
jQuery实现注册会员时密码强度提示信息功能示例
本文实例讲述了jQuery实现注册会员时密码强度提示信息功能。分享给大家供大家参考，具体如下：1.效果如图所示：2.html代码：<p><span>设置密码：</span><input type="password" id="e...
2020-05-27
JavaSctit 利用FileReader和滤镜上传图片预览功能
FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File或 Blob对象指定要读取的文件或数据。1、FileReader接口的方法FileReade...
2020-05-27
详解Vue2.0 事件派发与接收
由于vue2.0 移除了1.0中的$dispatch 和$broadcast 这两个组件之间通信传递数据的方法 ,官方的给出的最简单的升级建议是使用集中的事件处理器,而且也明确说明了 一个空的vue...
2020-05-27
vue如何使用 Slot 分发内容实例详解
vue我自己还在摸索学习中，今天学习了使用 Slot 分发内容，给自己留个小笔记
使用slot分发内容我们要注意2点<app> 组件不知道它会收到什么内容。这是由使用 <app> 的父组件决定...
2020-05-27
js使用generator函数同步执行ajax任务
本文实例为大家分享了js使用generator函数同步执行ajax任务的具体代码，供大家参考，具体内容如下
function request(url, callback) { fetch(url, {mode: 'cors', credentials...
2020-05-27
javascript观察者模式实现自动刷新效果
本文实例为大家分享了js观察者模式实现自动刷新的具体代码，供大家参考，具体内容如下// author wangbinandi@gmail.comconst observable = obj => { const observers = Symbol...
2020-05-27
Node.js如何使用Diffie-Hellman密钥交换算法详解
简介
Diffie-Hellman（简称DH）是密钥交换算法之一，它的作用是保证通信双方在非安全的信道中安全地交换密钥。目前DH最重要的应用场景之一，就是在HTTPS的握手阶段，客户端、服务端利...
2020-05-27
js实现鼠标跟随运动效果
鼠标跟随运动效果展示
1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span
2、给span标签添加字段
3、设置基本的样式
1、cursorPlay的宽度 992px，高度6...
2020-05-27
webpack踩坑之路图片的路径与打包
刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里(bundle)。下面我们就来分析下在webpack项目中图...
2020-05-27
浅谈angular4生命周期钩子
理解
Angular提供了生命周期钩子，把这些关键生命时刻暴露出来，赋予我们在它们发生时采取行动的能力。可以将钩子函数理解为在合适的时候做合适的事情。
钩子函数
ng4主要提供...
2020-05-27
Angular2里获取（input file）上传文件的内容的方法
最近在用Angular2，需要有一个上传文件的功能，但是又不想用库，所以直接用原生的input file 标签。<input type="file" id="newUpload" >然后想获取上传的内容，于是先想了个愚蠢的...
2020-05-27
node.js-v6新版安装具体步骤(分享)
1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O...
2020-05-27
vue组件初学_弹射小球(实例讲解)
1. 定义每个弹射的小球组件( ocicle )2. 组件message自定义属性存放小球初始信息(可修改)
{ top: "0px", //小球距离上方坐标 left: "0px", //小球距离左...
2020-05-27
浅谈react.js中实现tab吸顶效果的问题
在react项目开发中有一个需求是，页面滚动到tab所在位置时，tab要固定在顶部。实现的思路其实很简单，就是判断当滚动距离scrollTop大于tab距离页面顶部距离offsetTop时，将tab的pos...
2020-05-27
详谈js原型继承的一些问题
当我们使用原型链继承时，需要谨慎的定义原型上的方法和属性，因为这可能带来意外的结果。一、谨慎的定义原型上的方法。当我们想为一个构造函数的原型上定义一个方法时，一定要在...
2020-05-27
jquery实现用户登陆界面(示例讲解)
实例如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="js/jquery-1.8.0.min.js"></script> <script> var...
2020-05-27
javascript如何用递归写一个简单的树形结构示例
现在有一个数据，需要你渲染出对应的列表出来：var data = [ {"id":1}, {"id":2}, {"id":3}, {"id":4}, ];var str="<ul>";data.forEach(function(v,i){ str+="<li><span>"+v.i...
2020-05-27
表格展示利器 Bootstrap Table实例代码
1.Bootstrap Bable 全部数据导出分析 在表格导出数据中，发现设置了分页参数，导出的数据仅为表格加载的分页参数数据，于是，针对这样的情况，通过设置分页参数的值，使表格可以加...
2020-05-27
Vue的百度地图插件尝试使用
百度地图插件
安装
CDN全局安装
<script src="https://unpkg.com/vue-baidu-map"></script>插件的引入
Vue.use(VueBaiduMap.default, { ak: 'YOUR_APP_KEY',})ak 是在百度...
2020-05-27
jquery实现限制textarea输入字数的方法
jquery怎么实现限制textarea输入的字数呢？有需要的朋友可以参考一下我写的例子，当然如果有误，也希望大家能及时指出来，大家共同学习进步。<!DOCTYPE html><html lang="en"><head...
2020-05-27
JavaScript 中Date对象的格式化代码方法汇总
JavaScript默认的时间格式我们一般情况下不会用，所以需要进行格式化，下面说说我总结的JavaScript时间格式化方法。很多时候，我们可以利用JavaScript中Date对象的内置方法来格...
2020-05-27
vue mixins组件复用的几种方式（小结）
最近在做项目的时候，研究了mixins，此功能有妙处。用的时候有这样一个场景，页面的风格不同，但是执行的方法，和需要的数据非常的相似。我们是否要写两种组件呢？还是保留一个并且然后...
2020-05-27
轻松玩转BootstrapTable（后端使用SpringMVC+Hibernate）
还是那句老话，好记性不如烂笔头。记得以前的一个Demo项目里面有分页，但是没有用插件，自己手写的分页处理，但是效果并不是很好，最近接触到插件BootstrapTable，风格和Bootstrap统一，...
2020-05-27
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
混合是什么
混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身...
2020-05-27
JavaScript中运算符规则和隐式类型转换示例详解
前言本文主要给大家介绍了关于JavaScript运算符规则和隐式类型转换的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。隐式类型转换
在 JavaScript...
2020-05-27
js防刷新的倒计时代码 js倒计时代码
最近在维护考试系统，在进行考试测试时无意中点击了刷新按钮，但是上面的倒计时并没有受到影响，同时在几篇博客中也有这样的例子，所以我想看看它到底是怎样防止刷新的。如果是用cs...
2020-05-27
JavaScript使用FileReader实现图片上传预览效果
FileReader是HTML5 File API的一部分。它实现了一种异步文件读取机制。可以把FileReader想象为XMLHttpRequest，区别只是它读取的是文件系统，而不是远程服务器。为了读取文件中...
2020-05-27
