debounce(防抖)和throttle(节流)

防抖和节流窗口的resize、scroll，输入框内容校验等操作时，如果这些操作处理函数较为复杂或页面频繁重渲染等操作时，如果事件触发的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少触发的频率，同时又不影响实际效果。debounce 防抖debounce（防抖），简单来说就是防止抖动。从上

业界 2016年07月10日

全面学习javascript中的对象

对象的基础对象的定义对象是一组由若干个无序的键值对（key/value）组成的数据集合 ，在 javascript 中所有的数据都可以被视作对象。每一个键值对又可以叫做“成员（members）”。对象（object）的创建（3种方式）对象字面量（对象初始化器）构造函数Object.create() es5的创建对象的方式，可以指定原型对象//方式1var me = {

业界 2016年07月29日

gulp+webpack工作流探索

概述最近研究了下工作流，先说一下我司的情况，我司现在是pc端用php直出，h5用vuejs构建，vuejs部分就不进行描述了，因为网上的构建方法都是很成熟的了。以下是php直出，需要向后台同学提供html文件的构建方法。调试都是在本地调试的，调试完成后打包生成html交付给后台同学。http-server 模拟数据，调试ajaxwebpack 打包js，模块化管理gulp打

业界 2016年08月05日

javascript闭包介绍

概念闭包(closure)是一个拥有任意变量以及绑定这些变量的环境(environment)的表达式(一般来说是就是function)A "closure" is an expression (typically a function) that can have free variables together with an environment that binds

业界 2016年08月05日

前端静态资源版本更新与缓存之——通过gulp 在原html文件上自动化添加js、css版本号

原理修改js和css文件通过对js,css文件内容进行hash运算，生成一个文件的唯一hash字符串(如果文件修改则hash号会发生变化)替换html中的js,css文件名，生成一个带版本号的文件名方案现在网上的方案都是生成一个新的dist目录，里面包含了要发布的html,js,css等文件。但是在实际的公司的项目中，会有情况不能生成新的HTML进行发布，需要在原来的HTM

业界 2016年08月08日

为你的博客添加搜索功能吧!

Search-Spider-Blog提供个人博客文章搜索服务, 只需要配置个人博客地址, 载入博客数据, 开启Server服务, 即可开启文章搜索服务。对blogconfig.json配置文件监控, 修改后服务及时地更新博客数据。本人用的为Hexo Blog, 所以Hexo用户体验更佳代码地址使用说明环境配置after clone && cdnpm i 对 blogconf

业界 2016年08月07日

JS 函数

初始函数Function类型，即函数的类型。典型的JavaScript函数定义:function 函数名称(参数表){ //函数执行部分 return ;}//注意：参数列表直接写形参名即可return语句：return返回函数的返回值并结束函数运行函数也可以看做数据来进行传递参数列表相当于函数入口，return 语句相当于函数出口函数可以作为参数来传递。 fu

业界 2016年06月20日

一个前端写的php博客系统2--前台展示+后台登录

部署的演示地址我的博客地址： http://www.weber.pub 可以查看到具体的站点展示github 地址：https://github.com/baiyuming/byblog前台首页展示首页的侧边预留的位置是给后面的统计，热门之类的版块预留位置。。。控制器文章列表展示要考虑到文章数量增多后分页展示，那么我们要统计文章数量，使用 count() 计算文章总数，然后

业界 2016年08月01日

GoJS 绘图 (九) ：数据绑定

绑定字符串和数字特性绑定GraphObject数据的属性。在这个例子中，我们不仅绑定TextBlock.text和Shape.fill中的节点到节点数据的属性值，对于线条我们也结合Shape.stroke和Shape.strokeWidth中的数据的属性值。所有你需要做的就是添加目标GraphObject一个新的绑定对象和数据对象的属性。当然，目标属性必须是一个可设置属性;

业界 2016年07月06日

【page-monitor 前端自动化 中篇】 源码分析

上篇中初探了page-monitor的一些功能和在前端自动化测试方面的可行性，本篇主要分析下page-monitor的实现方式和源码。mode-module简介page-monitor的存在形式是node-module，依赖于node安装和运行，简单必须了解下node_modulesnode-module是nodejs的模块，符合commonJs规范【具体规范可以参考：ht

业界 2016年08月07日