Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Vue 2.0 开始支持服务端渲染的功能，所以本文章也是基于vue 2.0以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于Vue作者尤雨溪大神的 vue-hacker-news。本人在公...
2020-05-27
微信小程序 后台登录（非微信账号）实例详解
微信小程序 后台登录实现效果图：最近写了一个工具类的小程序，按需求要求不要微信提供的微信账号登录，需要调取后台登录接口来登录。由于小程序大部分都是调取微信信息登录，很少...
2020-05-27
ES6新特性之Symbol类型用法分析
本文实例讲述了ES6新特性之Symbol类型用法。分享给大家供大家参考，具体如下：Symbol类型1. 为了避免属性名的冲突，ES6新增了Symbol类型。Symbol可以产生一个独一无二的值。let s...
2020-05-27
微信小程序页面间通信的5种方式
PageModel（页面模型）对小程序而言是很重要的一个概念，从app.json中也可以看到，小程序就是由一个个页面组成的。如上图，这是一个常见结构的小程序：首页是一个双Tab框架PageA和PageB...
2020-05-27
js实现一个猜数字游戏
看你需要猜几次才能猜到那个正确的数字！效果图：代码如下：<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <tit...
2020-05-27
JavaScript函数柯里化原理与用法分析
本文实例讲述了JavaScript函数柯里化原理与用法。分享给大家供大家参考，具体如下：柯里化是这样的一个转换过程，把接受多个参数的函数变换成接受一个单一参数(译注：最初函数的第...
2020-05-27
angular.js+node.js实现下载图片处理详解
前言本文主要介绍的是angular.js+node.js实现下载图片处理，下载有两种方式，下面话不多说，来看看详细的介绍吧。第一种：不指定完整路径，然后发送get给server让server自己去拼接路...
2020-05-27
angular.JS实现网页禁用调试、复制和剪切
一、angular根据环境配置禁用调试：// Disable debug data for production environment// @link https://docs.angularjs.org/guide/production$compileProvider.debugInfoEna...
2020-05-27
微信小程序 中wx.chooseAddress(OBJECT)实例详解
1、wx.chooseAddress(OBJECT)概述调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址。OBJECT参数说明代码实现if(wx.chooseAddress){ wx.chooseAddress({ suc...
2020-05-27
node.js平台下的mysql数据库配置及连接
首先下载mysql模块包npm install mysql --save-dev专门为数据库创建一个模块，放入一个文件中。var mysql=require("mysql");exports.connect=function(sql,param,callback){...
2020-05-27
ES6中Iterator与for..of..遍历用法分析
本文实例讲述了ES6中Iterator与for..of..遍历用法。分享给大家供大家参考，具体如下：Iterator与for..of..遍历1.Iterator概念遍历器（Iterator）是一种接口，为各种不同的数据结构提...
2020-05-27
微信公众号菜单配置微信小程序实例详解
先提条件是你的公众号版定了小程序
第一种：直接配置
第二张：代码配置
1、进入在线接口调试工具
2、选择自定义菜单
菜单body为json格式:
{ "button":...
2020-05-27
ES6中Generator与异步操作实例分析
本文实例讲述了ES6中Generator与异步操作。分享给大家供大家参考，具体如下：Generator与异步操作1.Generator概念可以把Generator理解成一个状态机（好像React中有很多state），封装...
2020-05-27
JS+CSS实现下拉刷新/上拉加载插件
闲来无事，写了一个当下比较常见的下拉刷新/上拉加载的jquery插件，代码记录在这里，有兴趣将代码写成插件与npm包可以留言。体验地址：http://owenliang.github.io/pullToRefresh/...
2020-05-27
JS正则获取HTML元素的方法
本文实例讲述了JS正则获取HTML元素的方法。分享给大家供大家参考，具体如下：var html = $("#summaryTemplate").html();var imageMath = /<img [^<,>]*(?=target-type=("|'...
2020-05-27
Angularjs使用指令做表单校验的方法
前言
通常，使用angular做表单验证，一般都是把验证规则单独写为service，然后通过依赖注入的方式调用。在个别情况下，例如用户注册表单，需要根据用户输入给出不同提示信息，使用servi...
2020-05-27
AngularJS1.X学习笔记2-数据绑定详解
上一篇从整体上认识了Angular，从现在开始更加深入的学习Angular的特性。本次学习的是数据绑定。应该所有的MVC框架都会用到数据绑定，比如我所知道的ThinkPHP、struts等，只有实...
2020-05-27
基于JavaScript实现验证码功能
本文实例为大家分享了JavaScript实现验证码的具体代码，供大家参考，具体内容如下1、一个简单的例子
新建 test.html
<!DOCTYPE html> <html> <meta http-equiv="Content-Type"...
2020-05-27
JavaScript中闭包的详解
闭包是什么在 JavaScript 中，闭包是一个让人很难弄懂的概念。ECMAScript 中给闭包的定义是：闭包，指的是词法表示包括不被计算的变量的函数，也就是说，函数可以使用函数之外定义的...
2020-05-27
ES6 Promise对象概念与用法分析
本文实例讲述了ES6 Promise对象概念与用法。分享给大家供大家参考，具体如下：1.Promise概念Promise 对象有三种状态：① Fulfilled 可以理解为成功的状态
② Rejected 可以理解为...
2020-05-27
关于Node.js的events.EventEmitter用法介绍
Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。Node.js里面的许多对象都会分发事件：一个net.Server对象会在每次有新连接时分发一个事件， 一个fs.readStre...
2020-05-27
原生JS实现九宫格抽奖效果
效果图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style> *{margin:0;paddin...
2020-05-27
3分钟快速搭建nodejs本地服务器方法运行测试html/js
做前端的都知道，公司的项目在自己的电脑上搭建环境是挺麻烦的一件事情 首先：一般个人电脑没公司的配置性能好， 其次：搭建公司项目在自己电脑涉及很多缓存环境，资源环境包，数据库...
2020-05-27
Linux CentOS系统下安装node.js与express的方法
前言最近因为工作需要，要安装使用node.js与express，但在网上找了很多步骤，各种问题，所以还是自己总结下吧。1、下载wget --no-check-certificate https://nodejs.org/dist/v6.10...
2020-05-27
ES6(ECMAScript 6)新特性之模板字符串用法分析
本文实例讲述了ES6(ECMAScript 6)新特性之模板字符串用法。分享给大家供大家参考，具体如下：ES6引入了一种新型的字符串字面量语法，我们称之为模板字符串（template strings）。除了...
2020-05-27
js实现音频控制进度条功能
效果图：代码如下：<!doctype html><html><head><meta name="author" content="dony"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="pragma" conten...
2020-05-27
jq checkbox 的全选并ajax传参的实例
实例如下：/全选按钮 $("#all").click(function(){ if(this.checked){ $(":checkbox").prop("checked", true); }else{ $(":checkbox").removeAttr("c...
2020-05-27
ES5学习教程之Array对象
前言ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，下面主要介绍了ES5中的Array对象，需要的朋友们一起来看看吧。一、创建 Array 对象的语法：new Array();new Arra...
2020-05-27
ES6新特性之变量和字符串用法示例
本文实例讲述了ES6新特性之变量和字符串用法。分享给大家供大家参考，具体如下：一、变量1. LET我们都习惯用var 来声明变量，现在还可以用let来声明变量，两者的主要区别是作用域：va...
2020-05-27
手机端转换rem适应
话不多说，请看代码： <script> (function() { var changeRem = function() { document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.cl...
2020-05-27
ES6新特性之数组、Math和扩展操作符用法示例
本文实例讲述了ES6新特性之数组、Math和扩展操作符用法。分享给大家供大家参考，具体如下：一、ArrayArray对象增加了一些新的静态方法，Array原型上也增加了一些新方法。1.Array....
2020-05-27
Ajax异步文件上传与NodeJS express服务端处理
为了避免在实现简单的异步文件上传功能时候引入一个第三方库文件的尴尬情形（库文件可能造成多余的开销，拉低应用加载速度，尤其是在引入库文件之后仅使用其中一两个功能的情况下...
2020-05-27
前端自动化开发之Node.js的环境搭建教程
一、为什么我们前端自动化开发
相信任何学开发的，不管学什么语言，老师都这样讲过，作为一名开发人员，你最大的精力应该是放在创造力上面，don't you repeat myself 不要重复自己，而...
2020-05-27
jQuery UI Grid 模态框中的表格实例代码
在弹出的模态框中使用表格。在某些情况下，特别是 bootstrap modal，可能会出现表格渲染宽度过小或有时显示不完全。会误认为是由于 bootstrap modal 的动画渲染导致表格渲染时...
2020-05-27
ES6新特性之解构、参数、模块和记号用法示例
本文实例讲述了ES6新特性之解构、参数、模块和记号用法。分享给大家供大家参考，具体如下：一、解构解构提供了一个方便的地从对象或数组中提取数据的方法，请看下面的例子：//ES6le...
2020-05-27
Vue.js实战之组件之间的数据传递
前言Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目，其中 App.vue...
2020-05-27
ES6新特性之模块Module用法详解
本文实例讲述了ES6新特性之模块Module用法。分享给大家供大家参考，具体如下：一、Module简介ES6的Class只是面向对象编程的语法糖，升级了ES5的构造函数的原型链继承的写法，并没有...
2020-05-27
ES6新特性之函数的扩展实例详解
本文实例讲述了ES6新特性之函数的扩展。分享给大家供大家参考，具体如下：一、函数参数默认值1. ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。function log(x, y =...
2020-05-27
Vue.js实战之利用vue-router实现跳转页面
前言使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn...
2020-05-27
NodeJS基础API搭建服务器详细过程记录
前言在习惯了使用express框架，jade模板引擎等现成工具来写代码之后，很多人对于基本的NodeJS API会慢慢生疏。本文将以一个超小型web项目，来详细介绍如何使用NodeJS基础的http,...
2020-05-27
ES6新特性之字符串的扩展实例分析
本文实例讲述了ES6新特性之字符串的扩展。分享给大家供大家参考，具体如下：一、ES5字符串函数concat: 将两个或多个字符的文本组合起来，返回一个新的字符串。
indexOf: 返回字符...
2020-05-27
JavaScript 事件流、事件处理程序及事件对象总结
JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件，以便事件发生时执行相应的代码。这种在传统...
2020-05-27
javascript 中的try catch应用总结
javascript 中的try catch应用总结实例代码：<script language="JavaScript"> try { throw new Error(10,"asdasdasd") } catch (e) { alert(e.message); alert(e.description...
2020-05-27
vue货币过滤器的实现方法
自定义事件也可以用来创建自定义的表单输入组件，使用 v-model 来进行数据双向绑定。所以要让组件的 v-model 生效，它必须：
接受一个 value 属性 在有新的 value 时触发 inpu...
2020-05-27
vue2.0构建单页应用最佳实战
前言我们将会选择使用一些vue周边的库 vue-cli , vue-router , vue-resource , vuex1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vuex管理我们的数据流4.使用vue...
2020-05-27
AngularJS页面传参的5种方式
Angular页面传参有多种办法，根据不同用例，我举5种最常见的（请在网页版知乎浏览答案）：1. 基于ui-router的页面跳转传参 (1) 在AngularJS的app.js中用ui-router定义路由，比如现在有...
2020-05-27
Vue.js实战之Vuex的入门教程
前言在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式，详细点击这篇文章查看。但是如果是大型项目，很多时候都需要在子组件之间...
2020-05-27
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
本文实例讲述了JS常见创建类的方法。分享给大家供大家参考，具体如下：Javascript是一种基于对象的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）...
2020-05-27
vue-cli+webpack记事本项目创建
vue-cli+webpack记事本项目使用的是vue-cli2.0里面的项目构建工具webpack项目的准备工作：1.了解vue2.02.了解一些ES63.储备一些webpack知识参照项目地址：vue2.0构建单页应用最...
2020-05-27
Node.js之网络通讯模块实现浅析
前言
想必我们在用Node.js用的最多的应该是创建http服务，所以对于每个Web开发工程师而言，Node.js的网络相关模块学习是必不可少。Node.js的网络模块架构
在Node.js的模块里面，...
2020-05-27
