下面记录一下在本地 Windwos 环境用 vagrant 搭建的虚拟机（Homestaead）和生产环境阿里云 CentOS 系统安装 Node.js 的步骤，以及 npm 安装依赖的不同之处。 使用源码编译的方式安装 node.js.首先将机子上的 Node.js 卸载，我直接贴上 Stack Overflow 上提供的步骤： 1.卸载 npm 和 Node.js 先卸载 npm，命令是：sudo npm uninstall npm -g，然后卸载 Node.js. Running which node will return something like /path/bin/node...
借助于 XMLHttpRequest，浏览器可以在整个页面不刷新的情况下与服务端进行交互，这就是所谓的 Ajax（Asynchronous JavaScript and XML）。Ajax 可以为用户提供更为丰富的用户体验。 Ajax 请求由 JavaScript 驱动，通过 JavaScript 代码向 URL 发送一个请求，待服务端有响应时会触发一个回调函数，可以在这里回调函数里面处理服务端返回的信息。由于整个发送请求和响应的过程是异步的，所以在此期间页面中其它 Javascript 代码仍然继...
Date 日期对象 日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。定义一个时间对象 :var Udate=new Date(); 注意:使用关键字new，Date()的首字母必须大写。使 Udate 成为日期对象，并且已有初始值：当前时间(当前电脑系统时间)。如果要自定义初始值，可以用以下方法：var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date(‘Oct 1, 2012’); //2012年10月1日 我们最好使用下面介绍的“方法”来严...
Js操作Cookie总结（设置，读取，删除），工作中经常会用到的哦！下面是详细代码，如有错误，请留言指正！JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie.假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B页面的时候，同样需要使用JS来引用temp的变量值，对于J...
许多书上闭包过于复杂讲解难懂，自己理解了一下并总结啦~讲闭包之前，需要先明白以下几个概念。 1、执行上下文(execution context) ?每创建一个函数同时就会创建一个执行环境，也就是执行上下文。全局执行上下文就是global环境，一个函数内部的当前执行环境就是当前执行上下文。 ?执行上下文定义了变量或函数有权访问其他数据，决定了他们各自的行为 。 2、执行上下文堆栈 ?活动的执行上下文在逻辑上组成一个堆栈。堆栈底部永远都是...
1、match方法 match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。 match()方法的返回值为：存放匹配结果的数组。 2、replace方法 replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。 replace方法的返回值为：一个新的字符串。 3、说明 以上2个方法的参数在使用正则表达式时主要添加全局g，这样才能对字符串进行全部匹配或者替换。 示例代码： <!DOCTYPE html> <h...
AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。在js中使用ajax请求一般包含三个步骤：创建XMLHttp对象发送请求：包括打开链接、发送请求处理响应在不使用任何的js框架的情况下，要想使用ajax，可能需要向下面一样进行代码的编写<span style="font-size:14px;">var xmlHttp = xmlHttpCreate();//创...
这篇文章主要为大家详细介绍了js HTML5 canvas绘制图片的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下本文实例为大家分享了HTML5 canvas绘制图片的具体代码，供大家参考，具体内容如下demo.jswindow.onload=function() {createcanvas();drawImage(); }function createcanvas() {var CANVAS=document.getElementById(mycanvas);context=CANVAS.getContext(2d);}function drawImage() {var img=new Image();img.onload=f...
用了好久的vue-resource，好像每一次使用的时候，都要去看一下上一次是怎么写的，具体的语法过不了多久又忘记了，甚至不知道其中的原理，只知道一些简单的使用，一会儿用ES6的语法，一会儿又用传统的语法，为了改变这种不良的习惯，并理清vue-resource使用promise取数据的原理，今天把这一块整理一下。 先来说说 vue-resource vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.aj...
1.vue-cli 构建项目//全局安装 vue-clinpm install - g vue- cli//创建一个基于 webpack 模板的新项目vue init webpack my- project//cd 进入刚新建的项目文件(my-project)cd my- project// 运行npm run dev2.vue-cli 使用axios//1.先安装axiosnpm install axios//2.main.js中引入并放在Vue的原型上import axios from axios;Vue.prototype.axios = axios;//3. .vue文件中中使用this.axios.post..3.vue-cli项目和请求后台接口//找到...
这次给大家带来Vue.js实现可配置登录表单步骤详解，Vue.js实现可配置登录表单的注意事项有哪些，下面就是实战案例，一起来看一下。业务场景在之前，项目只支持手机号+密码登录，前端是直接把表单写死的，后来有客户希望能支持验证码登录，有的客户还希望能有手机号+验证码+密码的登录方式…所以登录方式的灵活性需要可配置的表单支持，于是我把登录组件做了拆分。 以表单元素为粒度，分离出了手机号、密码、短信验证码这几个组件，...
本文实例讲述了基于javascript的异步编程。分享给大家供大家参考，具体如下： 异步函数这个术语有点名不副实，调用一个函数后，程序只在该函数返回后才能继续。JavaScript程序员如果称一个函数为异步的，其意思就是这个函数会导致将来再运行另一个函数，后者取自于事件队列。如果后面这个函数是作为参数传递给前者的，则称其为回调函数。 callback 回调函数是异步编程最基本的方式。 采用这种方式，我们把同步操作变成了异步操作，...
微信小程序 swiper组件轮播图 照着开发文档尝试,总是能有所收获.之前做Android开发,做个轮播图并不简单,用上viewpage再设置圆点,折腾一通之后还一堆bug.今天尝试微信小程序开发做轮播图,真是感动的泪流满面.废话说完了,上图.上图就是一个简易的轮播图,是不是很简易.23333 主要是代码也很简单. 1.index.wxml <!--index.wxml--> <swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000"> ...
页面初始化中，用的较多的就是$(document).ready(function(){//代码}); 或 $(window).load(function(){//代码}); 他们的区别就是，ready是在DOM的结构加载完后就触发，load是在页面内包括DOM结构，css，js，图片等都加载完成后再触发，显然ready更适合作为页面初始化使用。但有时候也不尽然。需要进一步查看其内部机制。 那么ready的内部是如何判断DOM的结构加载完的？并且不同的浏览器的判断是如何的？ 答案就在jquery代码内，假设...
本文主要和大家分享js中DOM事件绑定详解，整理了关于JS中DOM事件绑定的相关知识点，希望能帮助到大家。js事件绑定JavaScript 有三种事件模型：内联模型脚本模型DOM2 模型1、内联模型//基本废除不用 <input type="button" value="按钮" onclick="alert(Lee);" /> <input type="button" value="按钮" onclick="box();" />2、脚本模型 //基本不用 var input = document.getElementsByTagName(input)[0]; //得到 input 对象input.oncli...