- 博客(54)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 基于prototype, this, eval实现 call、apply、bind方法
// 模拟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
2020-11-25 21:28:15
143
转载 Vue render 函数详细讲解
Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。让我们深入一个简单的例子，这个例子里render函数很实用。假设我们要生成一些带锚点的标题：<h1> <a name="hello-world" href="#hello-world"> Hello world! </a></h1>对于上面的 HTML，你..
2020-09-17 14:30:31
494
1
原创 npm 脚本使用实践
在19年中做H5组件库的过程中，对于组件库版本管理上没有上心，每一次发布与变更，只是简单的修改一下package.json文件中version版本号，时间久了，就不记得自己曾经最新的版本号了，可以通过npm库中发布的版本对比找回，通过对npm使用指南调研，写了一个pkm工具来管理组件库发布的版本号代码如下let fs = require('fs')let packageJSON = require('./package.json')let options = process.argvlet
2020-09-11 14:44:02
299
原创 JS Escript 数组之使用方法总结
Escript 中常见的数据结构有基本类型和对象类型，其中对象类型中Array曝光率非常非常高Array常用方法总结如下栈方法Array.pop() 出栈方法参数：无返回值：出栈元素Array.push(item) 入栈方法item数据类型可以为任意的参数：任意类型、任意数量的元素返回值：修改后的数组的lengthlet a = [1,2,3]conso...
2019-07-18 17:16:58
316
转载 git命令使用说明
习惯了使用工具管理本地仓库和远程仓库，忽然换成git命令感到很不适，果断复习了一下git 命令，通过使用命令管理本地仓库和远程仓库，更能体会到git工作流程 转载自 https://www.cnblogs.com/chenwolong/p/GIT.html...
2018-11-08 14:51:39
122
原创 生成斐波那契数列数组
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
2018-02-02 10:32:22
606
原创 生成 min-max之间n个不重复的随机数
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(
2018-01-16 17:02:11
1088
原创 vue-resource Android 5.1.1版本白屏
在开发项目的过程中，使用了vue-resource，vue-resource使用了很多Es6新语法及新变量，例如promise，由此引发了页面白屏的问题，经测试 努比亚z7、vivox7 等Android 系统为5.1.1，使用乐视2、红米note4x 系统分别为6.0及6.0.1不会引发白屏问题使用 polyFill包支持，polyFill中针对低版本的Android、ios系统支持Es6预
2017-12-28 16:27:30
3558
2
原创 express req 获取入参方式
1、req.params //获取路由信息，例如： /user/:id 例如：127.0.0.1:3000/index，这种情况下，我们为了得到index，我们可以通过使用req.params得到，通过这种方法我们就可以很好的处理Node中的路由处理问题，同时利用这点可以非常方便的实现MVC模式；（注：默认为{}）2、req.query //get 方法的获取参数，例如：?id=12
2017-12-20 18:19:44
1626
原创 Vue点点坑及Vue的学习过程
1、刚刚入手vue时，使用vue-resource发送ajax跨域请求失败，提示信息是Content-type不正确，对比jQuery发送ajax跨域成功，查找vue API 发现处理Application/json请求失败时，启用emulateJSON配置，请求会以application/x-www-form-urlencoded最为MIME类型，类似普通表单方式提交
2017-12-19 16:50:13
369
转载 vue 虚拟dom实现原理
Vue版本: 2.3.2virtual-dom(后文简称vdom)的概念大规模的推广还是得益于react出现，virtual-dom也是react这个框架的非常重要的特性之一。相比于频繁的手动去操作dom而带来性能问题，vdom很好的将dom做了一层映射关系，进而将在我们本需要直接进行dom的一系列操作，映射到了操作vdom，而vdom上定义了关于真实dom的一些关键的信息，vdom完全是
2017-12-14 10:03:33
37248
5
转载 Vue 2.0 的数据依赖原理解析
首先让我们从最简单的一个实例Vue入手: const app = new Vue({ // options 传入一个选项obj.这个obj即对于这个vue实例的初始化 })通过查阅文档，我们可以知道这个options可以接受:选项/数据datapropspropsData(方便测试使用)computedmethodswatch
2017-12-14 10:00:37
444
原创 js 对象克隆
看栗子：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，两个对象同时只想一个堆对象，操作一个对象，会影响另一个对象，如若想复制一个对象，需
2017-09-25 10:24:38
177
原创 flex 布局
应用场景：在做智能卖场项目的过程中，所有的页面都会有一个底部通栏，通栏含有的元素例如，首页，优惠券，购物车，搜索，活动，我的选项，根据location所在的页面展示不同的底部通栏，例如首页中展示以上功能除去首页的四个，搜索页中展示除去搜索功能和活动功能的三个问题：屏幕宽度一定，还要做到根据功能自适应展示，功能间距相等，如果采用盒子模型布局方式，需要针对不同数量的功能模块写出不同的样式，采用fl
2017-06-27 16:36:21
690
原创 ajax跨域遇到的问题
开发项目过程中遇到的ajax 跨域问题现象：使用两种方式处理ajax跨域，结果不同1，使用jquery的$.ajax方式处理跨域么有问题，有正常返回2，使用vue-resource插件处理跨域，失败提示Content-type类型不对以上两种方式均采用默认方式处理跨域，查请求数据后发现，两种方式的Content-type不一样，其中使用方式1中Content-type值
2017-06-26 16:42:46
337
原创 vue学习之vue-resource
在学习vue的过程中，初期vue只是起到了UI操作的功能，数据请求都是通过jQuery的ajax来处理，总觉的怪怪的，大家都在盛传vue有多么的强大，一番搜索之后发现，vue也有异步请求的插件，本文简单介绍下vue-resource,闲话少说上菜vue-resource 特点1. 体积小vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip
2017-06-26 10:51:25
1052
原创 单页应用
单页应用Single-Page-Application实现单页应用的方案有很多种，例如react，node-express,vue等，近期学习Vue，看过vue-cli，挺有意思的，实现单页应用其实很方便，学些使用vue-cli实现单页应用，请先掌握webpack使用，vue的基本使用中的组件，单页组件，路由等知识1 安装 nodejs 见node官方文档 安装教程，不需要单
2017-06-23 14:33:08
387
原创 日期格式化
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
2017-05-26 10:34:16
199
转载 对CSS中的Position、Float属性的一些深入探讨
本文为转载，原文地址：http://www.cnblogs.com/coffeedeveloper/p/3145790.html#html
2017-05-26 09:40:34
183
转载 javascript canvas 绘图 2d 渐变 阴影
原文链接 http://lib.csdn.net/article/javascript/61057
2017-03-23 09:19:18
285
转载 Node.js+Express构建Http服务（GET方式和POST方式）
注意文章中的post 配置app.configureapp.configure(function() { //默认情况下Express并不知道该如何处理该请求体，因此我们需要增加bodyParser中间件，用于分析 //application/x-www-form-urlencoded和application/json //请求体，并把变量
2017-03-16 09:43:01
344
原创 node 链接mysql 数据库及增删改查操作
准备工作：安装myql 数据库，建数据库 testnode, 建表node在项目的package.json文件中添加依赖 "dependencies": { "mysql": "^2.13.0"}package.json文件目录下执行，npm install mysql -save等待安装mysql 依赖，安装好后新建文件 mysqlconf.js文件，编
2017-03-10 17:59:58
323
原创 express 使用html 模板
创建好node web项目后，项目会生成一个app.js文件其中默认配置是 使用jade模板app.set('view engine', 'jade');日常工作中使用较多的是 html文件，对jade模板并不熟悉，下面是配置使用html模板的方式首先引入引入ejs模块，如果没有安装改模块，要安装 ，安装命令是 npm install ejs -save
2017-03-06 14:56:44
470
转载 CSS的单位及css3的calc()及line-height百分比
原文链接http://lib.csdn.net/article/51/37837?knId=1377
2017-02-28 19:49:03
267
原创 html5 上传图片实践
使用场景：移动端 HTML5 页面，意见反馈系统中需要开发一个图片上传功能，使用input file 后页面太过丑陋，使用替换样式，将 input file 设置成display : none，上传功能又失效，经过一番搜索，尝试将 input file 透明度设置成完全透明，并将其罗列在替换dom元素上方，再调用input file 的onchange 方法读取文件，使用 reader 读取文
2017-02-24 14:59:14
219
转载 伪元素 之:after,:before
伪元素是创造关于文档语言能够指定的文档树之外的抽象，能实实在在展示出效果，但是却在查看代码的时候看不到具体的代码，伪元素有 ： :first-line，:first-letter，:before，:after,本文重点讲述 :after及 :before使用用途链接：http://www.w3cplus.com/css3/pseudo-element-roundup.html
2017-02-23 21:19:49
161
转载 使用CSS3创建文字颜色渐变(CSS3 Text Gradient)
转载自 http://www.w3cplus.com/content/css3-gradient其中css3 渐变性详细资料 见 http://www.w3cplus.com/content/css3-gradient
2017-02-23 11:11:59
580
转载 css 盒子模型之布局
本实例中介绍了盒子模型中的相对布局，绝对布局，以及浮动布局，其中相对布局会占用文档流，大小为该元素的大小，浮动布局和绝对布局不会占用文档流的位置，本文中主要介绍浮动布局 float 的使用方式适用于css 盒子模型的初学者文章链接：http://lib.csdn.net/article/css3/58730
2017-02-23 10:26:10
253
原创 js设计模式之惰性模式
写过前段脚本的经常会遇到绑定时间方法，但是要交兼容IE浏览器和标准浏览器例如：var JsObject = {};JsObject.on = function (dom,type,fn){if(dom.addEventListener){//除去IE外的标准浏览器dom.addEventListener(type,fn,false);}else if(dom.a
2016-10-21 15:54:37
337
转载 微信WeixinJSBridge API
工作中第一次接触微信分享相关的东东，业务方需要将一个h5页面下挂到我的项目中，分享发送给朋友后，发现有title，有背景图，但是没有具体描述，只有一个页面访问连接占据了描述的位置上，搜了一下微信相关API，特转载此篇文章，地址如下 微信WeixinJSBridge APIhttp://www.cnblogs.com/txw1958/p/WeixinJSBridge-ap
2016-10-08 16:56:30
468
原创 基于原型继承的链模式
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
2016-09-28 15:24:06
180
转载 响应式布局box-sizing与巧用css3的calc()方法
css3 box-sizing属性box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width之内padding-box，padding计算入width内border-box，border和padding计算入width之内，其实就是怪异模
2016-09-14 10:48:30
2028
原创 css 实现文本省略号：单行多行
在做移动端的项目时经常会遇到文本过长，块级元素宽度不够这行的问题，产品会要求说根据宽度展示，超出部分用点号代替做这种效果的时候会遇到单行展示和多行展示单行示例：.ellipsis-single{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}在做移动端的项目时经常会遇到文本过长，块
2016-09-13 15:38:39
299
原创 ES6之模板字符串
项目中遇到这样一个问题，商品详情中含有 单引号的一半 如 李家'蜂蜜，另一种情况是含有 双引号的一半 如王家 " 葡萄，如果将这类数据作为单数传入js function中是就会报js 错，那么我们可以用 反撇号 ` 来定义变量 ，这样就能够规避掉这类因为单引号或者是双引号带来的js 错误转自infoq 原文地址：http://www.infoq.com/cn/articl
2016-09-12 14:47:19
815
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人