- 博客(195)
- 收藏
- 关注
RSS订阅原创 在火狐和chrome不同的自动填充密码机制下实现根据密码框是否有内容来添加不同类的功能
setTimeout(function () { $('#pass').focus();//用以解决firefox不主动触发focus之前自动填充密码不触发focus事件的问题。 $('.reg-text').each(function () { if ($(this).val().trim() == '') {
2017-06-09 16:38:00
769
转载 使用firework切图
1、导入设计师给的图2、点击想要切下的图标-----右键——插入矩形切片3、点击图片——右键——导出所选切片——保存到所选文件夹（若想要背景透明的图片，则需要将设计师的图的背景都先置为透明。）4、新建文件，将所选的多个图移动至新画板中，排列好，导出制成雪碧图。（是不是在插入矩形切片后再画我也不清楚，还未操作过。刚接触。）
2017-06-09 14:53:00
1062
转载 MVC和MVVM
MVCInput 被引导到 Controller.Controller 决定渲染哪个 View, 并且生成 View 对应的 Model.一个 Controller 可以从很多个 View 当中选择一个渲染.View 没有他的 Controller 的信息.业务逻辑存在于 Controller 当中.当多个用户请求之间(基于 HTTP, 无状态的
2017-05-29 14:28:44
426
原创 节流（Throttling ）和防抖（Debouncing ）
为了区分这两个思想，最常用的例子就是电梯例子，我们也通过该例子来比较两个思想。当有很多人用电梯时，我们不能每来一个人，电梯都特意去送这个人一趟。这样，电梯的运行方式可以有两种优化思想debouncing每上一个人，从这个人开始，指定时间（比如400ms）后电梯关闭开始送人。在程序中，也就是每发生一个事件，从这个事件往后T秒，执行回调函数。//实现函数： var debounc
2017-02-13 22:52:01
652
原创 vue学习笔记
深入响应式原理如何追踪变化当Vue初始化时，会遍历data对象中的所有属性，并将这些属性通过Object.defineProperty 转换为setter和getter。vue的每一个组件实例都有一个watcher对象，当组件渲染时，其属性将被标记为依赖，一旦依赖项的setter被调用，就会通知watcher重新计算，从而与其相关的组件将会更新。变化检测问题受到
2017-02-11 20:20:49
628
原创 vue学习笔记
仅供自己查找使用，逻辑不通顺，估计只自己能看懂。。。。。自定义input组件vue中的v-model='somevalue'相当于因此，若想要自定义input组件，通过以下方式实现。var vueTest=new Vue({el:'#vueDemo',data:{message:''}, })Vue.component('child',{ template:'',
2017-02-09 23:04:02
454
转载 使用json-server
安装npm install -g json-server描述接口数据在项目中新建一个test.json文件，用以指定/issues和/total接口返回的数据\\ test.json{ "issues": [ { "id": 101, "text": "something is not right" },
2017-01-21 17:21:07
1005
转载 前后端分离架构设计
本文为阅读http://frontenddev.org/link/full-stack-development-with-nodejs-1.html后总结而得为什么要前后端分离划分清楚前后端职责后端专注于：服务层数据格式、数据稳定业务逻辑前端专注于：UI层控制逻辑、渲染逻辑交互、用户体验对前端发挥的局限我们在对项目进行优化时候，其实前端给我们的优
2017-01-12 23:43:04
10100
转载 前后端渲染
本文为阅读博文http://blog.youkuaiyun.com/zccz14/article/details/50833960后而得服务器渲染和客户端渲染简单介绍jade等模板渲染引擎为用于服务器渲染的代表，以代码生成代码返回给前端。。 而用js直接操作html和dom，则是客户端渲染。归根结底，服务器渲染是将一些模板规范语言翻译成html,js,css三种语言回传给前端。而客户端渲染，则
2017-01-12 14:04:28
425
转载 组件化的web
模块化的不足为了提高项目开发效率和便于后期维护，我们倾向于使用模块化的方式来互相协作，现在大部分稍微大型一点的项目，都会使用requirejs或者seajs来实现JS的模块化，多人分工合作开发，各自定义自己模块的依赖和暴露接口，这些模块-----通过独立拆分且通用的代码单元，组成一个个的页面。传统模块化代码示例如下：require([ 'Tmpl!../tmpl/list.html
2017-01-03 19:18:03
399
转载 正向代理和反向代理
本文为结合http://z00w00.blog.51cto.com/515114/1031287，http://blog.youkuaiyun.com/m13666368773/article/details/8060481，http://www.ittribalwo.com/article/163.html三篇文章内容而得正向代理什么是正向代理他的工作原理就像一个跳板，简单的说，我是一个用户,我
2016-12-29 14:25:03
311
原创 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 logs/nginx.pid;events {worker_connections 1024;
2016-12-23 19:52:38
2298
转载 webpack教程
为什么要使用webpack1、无需用户再去纠结于复杂的依赖关系2、当有很多模块需要加载时，传统的方法有两种：每个模块分别请求，这样会导致请求过多，影响速度一个请求获取所有模块，这样会导致模块太大，同样影响速度webpack通过懒加载的方式，只加载当前需要的模块，而非在最开始就获取所有模块，且无论css、js都可以通过webpack进行整合加载
2016-12-06 08:44:43
435
转载 nodejs文件上传处理模块formidable
本文转自http://blog.youkuaiyun.com/xggis/article/details/19970165通过jQuery fileupload插件和nodejs formidable插件实现文件异步上传，并且可以显示文件上传的进度。1、插件准备 jquery fileuplaod:下载地址：https://github.com/blueimp/jQuery-File-U
2016-11-30 14:31:06
3617
转载 git使用
本文为学习廖雪峰的教程后总结而得http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/0013743858312764dca7ad6d0754f76aa562e37894780440001、安装git后运行git bash2、自报家门，git bash中输入$ git c
2016-11-18 16:41:18
352
转载 用express布置模板布局
转载自https://segmentfault.com/a/1190000005767260新建默认layoutlayout.ejs 配置var expressLayouts = requ
2016-11-15 19:22:16
687
原创 在node中借助express-session使用session
var express = require('express');var session = require('express-session');var app = express();app.use(session({secret:'ylx',cookie:{maxAge:60000}}))//存sessionapp.get('/', function(req, r
2016-11-03 15:22:30
470
转载 在cmd使用mongoDB的指令
文章为总结http://www.cnblogs.com/jianglan/p/4430299.html而得1、安装windows服务创建log目录D:\MongoDB\logs输入命令如下：（注意：要在C:\Windows\System32目录下输入命令）1sc create MongoDB binPath="C:
2016-10-31 15:41:10
6111
1
转载 使用nodejs+livereload页面开发自动刷新
本文总结了http://istyles.blog.163.com/blog/static/181100389201341335012403/所得1、在浏览器上安装livereload插件，我是在chrome应用里面直接搜索后下载的。2、在命令行安装livereload，键入npm install -g node-livereload3、安装后在cmd指定你要监听的目录 liverel
2016-10-26 09:36:28
3269
转载 使用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 babel-cli 2、然后安装babel-preset-es2015插
2016-10-25 14:40:39
1188
转载 通过node使用mongodb
转自http://www.cnblogs.com/cnJun/p/3548967.html1、安装mongodb的msi文件，并安装2、创建文件夹db，比如我建在了F:\demo\test中。3、进入你的mongodb文件夹目录的bin中，例如我的是C:\Users\ylx\Desktop\mongodb-win32-x86_64-2.0.6\mongodb-win32-x86_64-
2016-10-24 14:32:21
341
转载 document.ready和window.onload的区别
$(function(){}) 和$(document).ready(function(){})这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).ready要比window.onload先执
2016-10-17 17:20:01
207
原创 chrome下判断点击input上标签还是其余标签
想要实现的功能：当input框失焦且点击的不是清除键时，执行reset方法重置input样式，当点击清除键时，执行clear方法，清除input内容。如图本想通过如下代码来实现 $(".search-input").focusout(function () { if (document.activeElement.className !== 'cl
2016-09-01 19:06:59
506
转载 浏览器兼容之聚焦相关的事件
常年做前端，哪能不恶心？虽然这两年浏览器兼容性是越来越好了，但还是会偶尔遇到一些其他问题，让你欲哭无泪，求死不能。今天我们就来八一八浏览器中跟聚焦（focus）有关的事件。 这个世界上有两种人：使鼠标的和使键盘的。鼠标是二维定位，精确度高；键盘是十个输入（像我爸爸那样的修炼二指禅的除外），速度非常。正因为各有利弊，所以虽然双方都看对方不太顺眼，也只能凑合着过。 焦点这一设计是为键盘使用者准
2016-08-31 18:18:59
1083
转载 js中的函数和执行环境
本文内容为阅读博文http://roomfourteen224.iteye.com/blog/2248632后总结而得，其中代码示例均引用自该博文何为环境函数能够访问声明在当前函数作用域“之外”的变量、全局变量、声明在函数内部的变量以及通过参数传进来的变量和指向“容器对象”的"this"变量。以上所有这些变量为我们的函数形成了一个“环境”，该“环境”定义了哪些变量和它们的值是可以被当前函数
2016-07-11 17:38:26
1355
原创 js参数是按什么传递的
本文内容为阅读博文baidu.com后总结而得，其中代码示例均引用自该博文基本类型的传递按值传递。也就是说，调用函数时，其形参为实参的副本，修改形参并不会影响传入的实参值。var a = 1;function foo(x) { x = 2;}foo(a);console.log(a); // 仍为1, 未受x = 2赋值所影响对象类型的传递按共享传递。也就是
2016-07-11 15:13:58
378
原创 js中函数表达式和函数声明
本文为阅读博文http://wiki.jikexueyuan.com/project/javascript-garden/function/general.html后总结而得函数声明函数声明会在执行前被解析，所以即使在调用的代码后进行函数声明，依然能够正常运行该函数 foo(); // 正常运行，因为foo在代码运行前已经被创建 function foo() {}函数表达式
2016-07-11 11:16:32
321
转载 函数是一等公民与纯函数
js中函数是一等公民即 js中，函数和其他变量一样，可以把它们存在数组里，当作参数传递，赋值给变量等为什么我们需要纯函数比如现在我们有这段代码function add (a, b) { return a + b}add(1, 2)add(5, 2)很好写单元测试吧describe('add', () => { it('should return a + b', ()
2016-07-08 10:57:31
520
原创 读JavaScript语言精粹后部分知识的总结
不同的函数调用方式方法调用模式一个函数B是另一个对象A的属性时，通过A.B来调用函数B的方式我们称之为方法调用模式 A= { a:'a vairalbe', B: function() { // } } A.B();这种调用模式中，B函数中的th
2016-07-05 15:49:37
295
转载 mocha教程
本文为阅读博文http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html 后 节选与整合而得下载mocha通过npm 下载npm install -g mocha//全局安装，这样不只在当前目录下，在其他目录下也可以直接使用mocha咯测试脚本的写法首先，要测试，得有要测试得东西呀，我们
2016-07-02 17:12:40
1312
转载 react教程
在一个简单的Demovar HelloMessage = React.createClass({//注意，组件类的第一个字母一定要大写 render: function() { return Hello {this.props.name};//组件属性使用组件类的this.props取出。 }});ReactDOM.render( , document
2016-07-02 16:39:32
391
原创 如何使用mock.js生成假数据
在公司项目中，由于前端与后台通常一起开工，可作为jser的我，很多工作，是需要建立在后台返回数据的基础上去进行的，因此，大部分时间，代码都是在看不到效果，看不到数据的情况下编写出来，这就会导致在后台结束工作之前无法进行我的js代码的调试，无法看到js代码实现的效果。因此，公司项目在一定程度上来说，是后台程序员和jser串行而非并行进行工作，大大降低了工作效率。近日看到了mock.js这一模块，可以
2016-06-17 15:18:58
10242
原创 nodejs中的事件机制以及事件协作和雪崩问题的改进方法
简单事件机制通过事件机制，我们不用关心组件内部是怎样的，只需要关注在我们所需的事件点即可。比如以下代码：var options = { host: 'wwww.google.com', port: 80, path: '/upload', method: 'POST'};var req = http.request(option, function(re
2016-06-17 11:37:09
1059
原创 组合模式
本文为阅读《Javascript设计模式》一书后，总结部分内容而得。其内部的代码和截图都来源自该书。使用组合模式的一个场景示例想象一下，现在你需要维护一个个人信息的页面，当用户不同时，页面也可能会发生变化。比如，当用户为小明时，展示给他的页面是这样的而当用户为小红时，展示给她的页面是这样的我现在想要实现保存页面信息的功能，面对各种各样的可能页面，页面上的各种元素保存信息的方式也不同
2016-06-14 15:57:10
297
原创 初次使用nodejs，报错Unexpected identifier
使用nodejs输入node example.js后 报错Unexpected identifier。由于急于先运行nodejs的实例，以初步了解，所以就不再纠结为什么了，直接找到了一个可以成功运行的方式。总结如下：使用cmd，进入nodejs文件夹，比如我的nodejs安装在F盘下，C:\Users\ylx>f:F:\>cd program filesF:\Program Fil
2016-06-13 16:51:18
7487
1
转载 js中的立即执行函数
本文内容转自博客http://weizhifeng.net/immediately-invoked-function-expression.html以下有三种执行立即执行函数的代码，为了方便，我们命名为A方法、B方法、C方法function () {console.log("f1");}(); // SyntaxError: Unexpected token (function(){ c
2016-04-25 17:26:51
378
原创 工厂模式
文中示例代码引用自《Javascript设计模式》一书使用工厂模式的目的消除对象间的耦合，简化更换所使用的类的工作以及简化在运行期间动态选择所用类的工作。（即弱化对象间耦合以及防止代码的重复）工厂模式的思路先创建出所要用到的小对象，然后生成并返回包含这些小对象的容器，即大对象。示例自行车商店非工厂模式不同自行车店，卖不同类自行车var BicycleSh
2016-04-23 17:19:07
305
原创 js中单体
单体的功能避免在代码复杂的项目中，所创建的全区变量间互相冲突，比如已经有了一个A属性，在之后为了其他功能，又创建了一个同名的A属性。单体为我们提供了一个命名空间，比如有了单体之后，我在NameSpace空间中创建了一个A，又在NameSpace2控件中创建了一个A，NameSpace.A与NameSpace2.A并不冲突。简单的单体 //定义单体,假设我们已经创建好了一个空的对象字面量
2016-04-20 17:21:58
385
原创 js中原型式继承和类式继承
其中的代码示例来自于http://web.jobbole.com/83319/博文类式继承在子函数中通过call和apply调用父函数的构造函数栗子：var father = function() { this.age = 52; this.say = function() { alert('hello i am '+ this.name ' and i am
2016-04-18 10:36:11
557
转载 js中构造函数与原型（图解）
本文为阅读博文http://clarkdo.github.io/javascript/2014/08/21/17/后总结而得①：f1._proto_==Foo.prototype//true②：function Foo() { } ; var f1 = new Foo();Foo.prototype.x = "hello";f1.x //=> helloFoo.x
2016-04-15 14:07:02
352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人