zxw305的博客

// 模拟call实现Function.prototype.call_test = function(context){ var ctx = context || window ctx.fn = this let args = [] for(let i = 1 , len = arguments.length ; i< len; i ++){ args.push('arguments['+i+']') } let fn = eval('ctx.fn('+args+')') de

Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。让我们深入一个简单的例子，这个例子里render函数很实用。假设我们要生成一些带锚点的标题：<h1> <a name="hello-world" href="#hello-world"> Hello world! </a></h1>对于上面的 HTML，你..

在19年中做H5组件库的过程中，对于组件库版本管理上没有上心，每一次发布与变更，只是简单的修改一下package.json文件中version版本号，时间久了，就不记得自己曾经最新的版本号了，可以通过npm库中发布的版本对比找回，通过对npm使用指南调研，写了一个pkm工具来管理组件库发布的版本号代码如下let fs = require('fs')let packageJSON = require('./package.json')let options = process.argvlet

首先让我们从最简单的一个实例Vue入手: const app = new Vue({ // options 传入一个选项obj.这个obj即对于这个vue实例的初始化 })通过查阅文档，我们可以知道这个options可以接受:选项/数据datapropspropsData(方便测试使用)computedmethodswatch

1、req.params //获取路由信息，例如： /user/:id 例如：127.0.0.1:3000/index，这种情况下，我们为了得到index，我们可以通过使用req.params得到，通过这种方法我们就可以很好的处理Node中的路由处理问题，同时利用这点可以非常方便的实现MVC模式；（注：默认为{}）2、req.query //get 方法的获取参数，例如：?id=12

创建好node web项目后，项目会生成一个app.js文件其中默认配置是 使用jade模板app.set('view engine', 'jade');日常工作中使用较多的是 html文件，对jade模板并不熟悉，下面是配置使用html模板的方式首先引入引入ejs模块，如果没有安装改模块，要安装 ，安装命令是 npm install ejs -save

1、刚刚入手vue时，使用vue-resource发送ajax跨域请求失败，提示信息是Content-type不正确，对比jQuery发送ajax跨域成功，查找vue API 发现处理Application/json请求失败时，启用emulateJSON配置，请求会以application/x-www-form-urlencoded最为MIME类型，类似普通表单方式提交

减少http请求次数

看栗子：let  obj = {obj_pro_1:'1',obj_pro_2:2}let obj2 = obj;obj2.obj_pro_2=4;console.log(obj.obj_pro_2);//4，此种方式并不是复制，而是把对象 obj 的引用给了obj2，两个对象同时只想一个堆对象，操作一个对象，会影响另一个对象，如若想复制一个对象，需

应用场景：在做智能卖场项目的过程中，所有的页面都会有一个底部通栏，通栏含有的元素例如，首页，优惠券，购物车，搜索，活动，我的选项，根据location所在的页面展示不同的底部通栏，例如首页中展示以上功能除去首页的四个，搜索页中展示除去搜索功能和活动功能的三个问题：屏幕宽度一定，还要做到根据功能自适应展示，功能间距相等，如果采用盒子模型布局方式，需要针对不同数量的功能模块写出不同的样式，采用fl

Vue版本: 2.3.2virtual-dom(后文简称vdom)的概念大规模的推广还是得益于react出现，virtual-dom也是react这个框架的非常重要的特性之一。相比于频繁的手动去操作dom而带来性能问题，vdom很好的将dom做了一层映射关系，进而将在我们本需要直接进行dom的一系列操作，映射到了操作vdom，而vdom上定义了关于真实dom的一些关键的信息，vdom完全是

在开发项目的过程中，使用了vue-resource，vue-resource使用了很多Es6新语法及新变量，例如promise，由此引发了页面白屏的问题，经测试 努比亚z7、vivox7 等Android 系统为5.1.1，使用乐视2、红米note4x 系统分别为6.0及6.0.1不会引发白屏问题使用 polyFill包支持，polyFill中针对低版本的Android、ios系统支持Es6预

var getRamdom = function (min,max){ //生成随机数return Math.random() * (max - min) + min;}function dealRepeat(set,min,max){   //去重if(set.has(undefined)){set.delete(undefined);set.add(getRamdom(

const fibonacci  = ((init=[0,1],n)=>{const fib = (n)=>{let result = init[n];if(typeof result !=='number'){result=fib(n-1)+fib(n-2);init[n]=result;}return result;}fib(n);return init

1、百度、QQ浏览器拨打电话问题场景：使用标签 tel:协议，一键拨打电话功能下，正对含有分机号的情况，通常是拨打分机号后需以“#”结束，App端能识别“#”，IOS、Android操作系统上的部分浏览器上不能识别“#”，将其解析成“%23”，或者不识别“#”。解决方案：经查证浏览器解析该字符是会进行转码成16进制字符，经实践，将“#”字符写成“%2

https://juejin.im/post/5abb55ee6fb9a028e33b7e0a

Escript 中常见的数据结构有基本类型和对象类型，其中对象类型中Array曝光率非常非常高Array常用方法总结如下栈方法Array.pop() 出栈方法参数：无返回值：出栈元素Array.push(item) 入栈方法item数据类型可以为任意的参数：任意类型、任意数量的元素返回值：修改后的数组的lengthlet a = [1,2,3]conso...

开发项目过程中遇到的ajax 跨域问题现象：使用两种方式处理ajax跨域，结果不同1，使用jquery的$.ajax方式处理跨域么有问题，有正常返回2，使用vue-resource插件处理跨域，失败提示Content-type类型不对以上两种方式均采用默认方式处理跨域，查请求数据后发现，两种方式的Content-type不一样，其中使用方式1中Content-type值

单页应用Single-Page-Application实现单页应用的方案有很多种，例如react，node-express,vue等，近期学习Vue，看过vue-cli，挺有意思的，实现单页应用其实很方便，学些使用vue-cli实现单页应用，请先掌握webpack使用，vue的基本使用中的组件，单页组件，路由等知识1   安装 nodejs 见node官方文档  安装教程，不需要单

项目中遇到这样一个问题，商品详情中含有  单引号的一半 如 李家'蜂蜜，另一种情况是含有 双引号的一半 如王家 " 葡萄，如果将这类数据作为单数传入js function中是就会报js  错，那么我们可以用 反撇号 ` 来定义变量 ，这样就能够规避掉这类因为单引号或者是双引号带来的js 错误转自infoq  原文地址：http://www.infoq.com/cn/articl

/*** Created by zengxianwen on 2016/6/13.*/console.log('start');/***工厂方法模式start***//*** 工厂方法模式* @param type* @param content* @returns {Factory}* @constructor*/var Factory = fun

/*** Created by zengxianwen on 2016/6/15.*/console.log('start javascript oo');//继承/*** 类式继承* @constructor*/function SuperClass(){this.superClass = true;this.books =

*** 浅复制* @returns {F}*/function prototypeExtend() {var F = function () {},args = arguments,i = 0,len = args.length;for(; i len ; i ++){for(var j in args[i]){F.prototype[j] = args[i

/*** Created by zengxianwen on 2016/6/13.*//*** 对象之字面量表示方式* @type {{checkName: checkObject.checkName, checkEmail: checkObject.checkEmail, checkPwd: checkObject.checkPwd}}*/var checkObj

/***本函数库收纳了常用的js应用*目前还在不断的维护中*author 曾宪文、*start time 20151204*//**验证邮箱函数* return true 格式正确，false 格式不正确*/function verifyMail(val){var reg=/

1       function Foo() {getName = function () { alert (1); }; return this; } Foo.getName = function () { alert (2);}; Foo.prototype.getName =function () { alert (3);}; var getName = fu

var ResultState = function(){var States = {state0:function(){console.log('first');},state1:function(){console.log('second');},state2:function(){console.log('third');},state3:func

前因：项目接口会返回很多状态码，通常的做法是使用ifelse  去处理状态，或者将if else  封装成一个方法，调用但是即便用方法封装，还是完全避免用 if  else 去处理状态，今天我们采用一种新的尝试，使用状态模式来进行N多种状态的下的逻辑处理，来避免N多种状态下反锁的if else 语句维护困难的问题。状态模式：不同的状太会产生不同的行为，即当一个对象内部状态改变时，会导致其行

var Iterator = function(items,container){var container = container && document.getElementById(container)||document,items = container.getElementByTagName(items),length = items.length,index = 0 ;v

之所以将这两种迭代器写在同一篇中是因为基于面向对象思想，数组也是对象//数组迭代var eachArray = function(arr,fn){var i = 0 ,len = arr.length;for(; i if(fn.call(arr[i],i,arr[i])===false){break;}}}//对象迭代var eachO

在学习vue的过程中，初期vue只是起到了UI操作的功能，数据请求都是通过jQuery的ajax来处理，总觉的怪怪的，大家都在盛传vue有多么的强大，一番搜索之后发现，vue也有异步请求的插件，本文简单介绍下vue-resource,闲话少说上菜vue-resource 特点1. 体积小vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip

var  format  = 'yyyy-mm-dd:hh:mm:ss'function formatDate (source,  format ) {    let date = new Date();    if (typeof source === 'string') format = source;    if (typeof source === 'number') da

注意文章中的post 配置app.configureapp.configure(function() {    //默认情况下Express并不知道该如何处理该请求体，因此我们需要增加bodyParser中间件，用于分析    //application/x-www-form-urlencoded和application/json    //请求体，并把变量

原文链接    http://lib.youkuaiyun.com/article/javascript/61057

准备工作：安装myql 数据库，建数据库 testnode, 建表node在项目的package.json文件中添加依赖  "dependencies": { "mysql": "^2.13.0"}package.json文件目录下执行，npm install mysql -save等待安装mysql 依赖，安装好后新建文件 mysqlconf.js文件，编

使用场景：移动端 HTML5 页面，意见反馈系统中需要开发一个图片上传功能，使用input  file 后页面太过丑陋，使用替换样式，将 input file 设置成display : none，上传功能又失效，经过一番搜索，尝试将 input file 透明度设置成完全透明，并将其罗列在替换dom元素上方，再调用input  file 的onchange 方法读取文件，使用 reader 读取文

var A = function(selector,context){return new A.fn.init(selector,context);}A.fn = A.prototype = {constructor:A,init:function(selector,context){this.length = 0 ;context = context||documen

项目中曾经遇到过这样一个问题，上传图片模块最多上传4张，但是每张图片都是可以删除的，那么上送到后台的图片数据就需要根据页面上最终的图片数组结果上送，而不是你上传到云服务端的图片数量，基于此考虑，各种翻资料，还真的找到了相近的一款迭代器，同步变量迭代器//同步变量迭代器var A = {common:{},client:{user:{username:'AClient

var Observer = (function(){var _messages = {};return {regist:function(type,fn){if(typeof _messages[type] ==='undefined'){_messages[type] = [fn];}else{_messages[type].push(fn);}},fi