自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 在火狐和chrome不同的自动填充密码机制下实现根据密码框是否有内容来添加不同类的功能

setTimeout(function () { $('#pass').focus();//用以解决firefox不主动触发focus之前自动填充密码不触发focus事件的问题。 $('.reg-text')....

2017-06-09 16:38:00

阅读数 329

评论数 0

转载 使用firework切图

1、导入设计师给的图 2、点击想要切下的图标-----右键——插入矩形切片 3、点击图片——右键——导出所选切片——保存到所选文件夹(若想要背景透明的图片,则需要将设计师的图的背景都先置为透明。) 4、新建文件,将所选的多个图移动至新画板中,排列好,导出制成雪碧图。(是不是在插入矩形切片后再画我也...

2017-06-09 14:53:00

阅读数 449

评论数 0

转载 MVC和MVVM

MVC Input 被引导到 Controller. Controller 决定渲染哪个 View, 并且生成 View 对应的 Model. 一个 Controller 可以从很多个 View 当中选择一个渲染. View 没有他的 Controller 的信息. ...

2017-05-29 14:28:44

阅读数 200

评论数 0

原创 节流(Throttling )和防抖(Debouncing )

为了区分这两个思想,最常用的例子就是电梯例子,我们也通过该例子来比较两个思想。当有很多人用电梯时,我们不能每来一个人,电梯都特意去送这个人一趟。这样,电梯的运行方式可以有两种优化思想 debouncing 每上一个人,从这个人开始,指定时间(比如400ms)后电梯关闭开始送人。在程序中...

2017-02-13 22:52:01

阅读数 414

评论数 0

原创 vue学习笔记

深入响应式原理 如何追踪变化 当Vue初始化时,会遍历data对象中的所有属性,并将这些属性通过Object.defineProperty 转换为setter和getter。 vue的每一个组件实例都有一个watcher对象,当组件渲染时,其属性将被标记为依赖,一旦依赖项的setter被调用,...

2017-02-11 20:20:49

阅读数 447

评论数 0

原创 vue学习笔记

仅供自己查找使用,逻辑不通顺,估计只自己能看懂。。。。。 自定义input组件 vue中的v-model='somevalue' 相当于因此,若想要自定义input组件,通过以下方式实现。 var vueTest=new Vue({ el:'#vueDem...

2017-02-09 23:04:02

阅读数 328

评论数 0

转载 使用json-server

安装 npm install -g json-server 描述接口数据 在项目中新建一个test.json文件,用以指定/issues和/total接口返回的数据 \\ test.json { "issues": [ { ...

2017-01-21 17:21:07

阅读数 819

评论数 0

转载 前后端分离架构设计

本文为阅读http://frontenddev.org/link/full-stack-development-with-nodejs-1.html后总结而得 为什么要前后端分离 划分清楚前后端职责 后端专注于: 服务层数据格式、数据稳定业务逻辑 前端专注于: UI层控制逻辑、渲染逻辑交互...

2017-01-12 23:43:04

阅读数 7463

评论数 0

转载 前后端渲染

本文为阅读博文http://blog.csdn.net/zccz14/article/details/50833960后而得 服务器渲染和客户端渲染简单介绍 jade等模板渲染引擎为用于服务器渲染的代表,以代码生成代码返回给前端。。  而用js直接操作html和dom,则是客户端渲染。 归...

2017-01-12 14:04:28

阅读数 289

评论数 0

转载 组件化的web

模块化的不足 为了提高项目开发效率和便于后期维护,我们倾向于使用模块化的方式来互相协作,现在大部分稍微大型一点的项目,都会使用requirejs或者seajs来实现JS的模块化,多人分工合作开发,各自定义自己模块的依赖和暴露接口,这些模块-----通过独立拆分且通用的代码单元,组成一个个的页面。 ...

2017-01-03 19:18:03

阅读数 242

评论数 0

转载 正向代理和反向代理

本文为结合http://z00w00.blog.51cto.com/515114/1031287,http://blog.csdn.net/m13666368773/article/details/8060481,http://www.ittribalwo.com/article/163.html...

2016-12-29 14:25:03

阅读数 176

评论数 0

原创 windows下nodejs+express nginx的配置

#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid l...

2016-12-23 19:52:38

阅读数 1803

评论数 0

转载 webpack教程

为什么要使用webpack 1、无需用户再去纠结于复杂的依赖关系 2、当有很多模块需要加载时,传统的方法有两种: 每个模块分别请求,这样会导致请求过多,影响速度一个请求获取所有模块,这样会导致模块太大,同样影响速度 webpack通过懒加载的方式,只加载当前需要的模块,而非在最开始就获取所有模...

2016-12-06 08:44:43

阅读数 327

评论数 0

转载 nodejs文件上传处理模块formidable

本文转自http://blog.csdn.net/xggis/article/details/19970165 通过jQuery fileupload插件和nodejs formidable插件实现文件异步上传,并且可以显示文件上传的进度。 1、插件准备       jquery fileupla...

2016-11-30 14:31:06

阅读数 2805

评论数 0

转载 git使用

本文为学习廖雪峰的教程后总结而得http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/0013743858312764dca7ad6d0754f76aa562e3789478044000...

2016-11-18 16:41:18

阅读数 200

评论数 0

转载 用express布置模板布局

转载自https://segmentfault.com/a/1190000005767260 新建默认layout layout.ejs ...

2016-11-15 19:22:16

阅读数 410

评论数 0

转载 微信后台开发第一步:nodeJS+express接入微信后台详细教程

欢迎各位指正,转载请把链接带上! 前期准备工作 1:如果你没有服务器,那你需要一个内网映射工具:我用的是《花生壳》,花生壳在实名认证是需要8RMB的认证费,之后就可以永久使用了,并且支持80端口映射, 注:花生壳在免费申请时要申请内网,不要申请公网。  2:node...

2016-11-11 20:25:40

阅读数 670

评论数 0

原创 在node中借助express-session使用session

var express = require('express'); var session = require('express-session'); var app = express(); app.use(session({secret:&...

2016-11-03 15:22:30

阅读数 284

评论数 0

转载 在cmd使用mongoDB的指令

文章为总结http://www.cnblogs.com/jianglan/p/4430299.html而得 1、安装windows服务 创建log目录D:\MongoDB\logs 输入命令如下:(注意:要在C:\Windows\System32目录下输入命令) 1 ...

2016-10-31 15:41:10

阅读数 4132

评论数 1

转载 使用nodejs+livereload页面开发自动刷新

本文总结了http://istyles.blog.163.com/blog/static/181100389201341335012403/所得 1、在浏览器上安装livereload插件,我是在chrome应用里面直接搜索后下载的。 2、在命令行安装livereload,键入npm inst...

2016-10-26 09:36:28

阅读数 2085

评论数 0

转载 使用babel进行es6到es5的转换

本文为结合http://www.07net01.com/2015/09/926960.html和http://www.cnblogs.com/axl234/p/5794863.html博文内容而得 1、首先安装babel-cli(用于在终端使用babel)     npm install -g...

2016-10-25 14:40:39

阅读数 1028

评论数 0

转载 通过node使用mongodb

转自http://www.cnblogs.com/cnJun/p/3548967.html 1、安装mongodb的msi文件,并安装 2、创建文件夹db,比如我建在了F:\demo\test中。 3、进入你的mongodb文件夹目录的bin中,例如我的是C:\Users\ylx\Deskt...

2016-10-24 14:32:21

阅读数 226

评论数 0

转载 document.ready和window.onload的区别

$(function(){}) 和$(document).ready(function(){}) 这两个方法的效果都是一样的,都是在dom文档树加载完之后执行一个函数(注意,这里面的文档树加载完不代表全部文件加载完)。 而window.onload是在dom文档树加载完和所有文件加载完之后...

2016-10-17 17:20:01

阅读数 132

评论数 0

原创 chrome下判断点击input上标签还是其余标签

想要实现的功能:当input框失焦且点击的不是清除键时,执行reset方法重置input样式,当点击清除键时,执行clear方法,清除input内容。如图 本想通过如下代码来实现 $(".search-input").focusout(function () { ...

2016-09-01 19:06:59

阅读数 354

评论数 0

转载 浏览器兼容之聚焦相关的事件

常年做前端,哪能不恶心?虽然这两年浏览器兼容性是越来越好了,但还是会偶尔遇到一些其他问题,让你欲哭无泪,求死不能。今天我们就来八一八浏览器中跟聚焦(focus)有关的事件。  这个世界上有两种人:使鼠标的和使键盘的。鼠标是二维定位,精确度高;键盘是十个输入(像我爸爸那样的修炼二指禅的除外),速度...

2016-08-31 18:18:59

阅读数 481

评论数 0

转载 js中的函数和执行环境

本文内容为阅读博文http://roomfourteen224.iteye.com/blog/2248632后总结而得,其中代码示例均引用自该博文 何为环境 函数能够访问声明在当前函数作用域“之外”的变量、全局变量、声明在函数内部的变量以及通过参数传进来的变量和指向“容器对象”的"t...

2016-07-11 17:38:26

阅读数 931

评论数 0

原创 js参数是按什么传递的

本文内容为阅读博文baidu.com后总结而得,其中代码示例均引用自该博文 基本类型的传递 按值传递。也就是说,调用函数时,其形参为实参的副本,修改形参并不会影响传入的实参值。 var a = 1; function foo(x) { x = 2; } foo(a); console...

2016-07-11 15:13:58

阅读数 206

评论数 0

原创 js中函数表达式和函数声明

本文为阅读博文http://wiki.jikexueyuan.com/project/javascript-garden/function/general.html后总结而得 函数声明 函数声明会在执行前被解析,所以即使在调用的代码后进行函数声明,依然能够正常运行该函数 foo(); // 正...

2016-07-11 11:16:32

阅读数 198

评论数 0

转载 函数是一等公民与纯函数

js中函数是一等公民即 js中,函数和其他变量一样,可以把它们存在数组里,当作参数传递,赋值给变量等 为什么我们需要纯函数 比如现在我们有这段代码function add (a, b) { return a + b } add(1, 2) add(5, 2)很好写单元测试吧describe...

2016-07-08 10:57:31

阅读数 392

评论数 0

原创 读JavaScript语言精粹后部分知识的总结

不同的函数调用方式 方法调用模式 一个函数B是另一个对象A的属性时,通过A.B来调用函数B的方式我们称之为方法调用模式 A= { a:'a vairalbe', B: function() { ...

2016-07-05 15:49:37

阅读数 199

评论数 0

转载 mocha教程

本文为阅读博文http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html 后  节选与整合而得 下载mocha 通过npm 下载 npm install -g mocha//全局安装,这样不只在当前目录下,在其他...

2016-07-02 17:12:40

阅读数 804

评论数 0

转载 react教程

在 一个简单的Demo var HelloMessage = React.createClass({//注意,组件类的第一个字母一定要大写 render: function() { return Hello {this.props.name};//组件属性使用组件类的this.pr...

2016-07-02 16:39:32

阅读数 266

评论数 0

原创 如何使用mock.js生成假数据

在公司项目中,由于前端与后台通常一起开工,可作为jser的我,很多工作,是需要建立在后台返回数据的基础上去进行的,因此,大部分时间,代码都是在看不到效果,看不到数据的情况下编写出来,这就会导致在后台结束工作之前无法进行我的js代码的调试,无法看到js代码实现的效果。因此,公司项目在一定程度上来说,...

2016-06-17 15:18:58

阅读数 8092

评论数 0

原创 nodejs中的事件机制以及事件协作和雪崩问题的改进方法

简单事件机制 通过事件机制,我们不用关心组件内部是怎样的,只需要关注在我们所需的事件点即可。 比如以下代码:var options = { host: 'wwww.google.com', port: 80, path: '/upload�...

2016-06-17 11:37:09

阅读数 747

评论数 0

原创 组合模式

本文为阅读《Javascript设计模式》一书后,总结部分内容而得。其内部的代码和截图都来源自该书。 使用组合模式的一个场景示例 想象一下,现在你需要维护一个个人信息的页面,当用户不同时,页面也可能会发生变化。比如,当用户为小明时,展示给他的页面是这样的 而当用户为小红时,展示给她的页面是这样的 ...

2016-06-14 15:57:10

阅读数 165

评论数 0

原创 初次使用nodejs,报错Unexpected identifier

使用nodejs输入node example.js后 报错Unexpected identifier。由于急于先运行nodejs的实例,以初步了解,所以就不再纠结为什么了,直接找到了一个可以成功运行的方式。总结如下: 使用cmd,进入nodejs文件夹,比如我的nodejs安装在F盘下, ...

2016-06-13 16:51:18

阅读数 5844

评论数 1

转载 js中的立即执行函数

本文内容转自博客http://weizhifeng.net/immediately-invoked-function-expression.html 以下有三种执行立即执行函数的代码,为了方便,我们命名为A方法、B方法、C方法 function () {console.log("f1...

2016-04-25 17:26:51

阅读数 265

评论数 0

原创 工厂模式

文中示例代码引用自《Javascript设计模式》一书 使用工厂模式的目的 消除对象间的耦合,简化更换所使用的类的工作以及简化在运行期间动态选择所用类的工作。(即弱化对象间耦合以及防止代码的重复) 工厂模式的思路 先创建出所要用到的小对象,然后生成并返回包含这些小对象的容器,即大对象。 ...

2016-04-23 17:19:07

阅读数 165

评论数 0

原创 js中单体

单体的功能 避免在代码复杂的项目中,所创建的全区变量间互相冲突,比如已经有了一个A属性,在之后为了其他功能,又创建了一个同名的A属性。单体为我们提供了一个命名空间,比如有了单体之后,我在NameSpace空间中创建了一个A,又在NameSpace2控件中创建了一个A,NameSpace.A与Nam...

2016-04-20 17:21:58

阅读数 235

评论数 0

原创 js中原型式继承和类式继承

其中的代码示例来自于http://web.jobbole.com/83319/博文 类式继承 在子函数中通过call和apply调用父函数的构造函数 栗子: var father = function() { this.age = 52; this.say = function...

2016-04-18 10:36:11

阅读数 396

评论数 0

提示
确定要删除当前文章?
取消 删除