神百事的博客

初窥门径的前端er

js 单元测试-jest

facebook家出的。1 安装 npm init -y npm install jest2 创建demo.jsfunction sum(v1, v2) { return v1 + v2; }function sad() { return 123; } module.exports =...

2017-08-02 18:09:36

阅读数 227

评论数 0

js e2e测试-nightwatch入门

js的所有数字都存储为根为64位的(8比特),浮点数。 Number 方法 描述 toString() 数字转字符串,使用指定基数(a.toSting(10)按10进制) toLcaleString() 数字转字符串,使用本地数字格式顺序 toFixed() 数字转字...

2017-08-02 18:05:13

阅读数 846

评论数 0

flex

应该1年前有过了一遍api,兼容不好不够用,据说现在能到ie9+了?那就再过一遍准备直接往项目上写!css的4种布局方式: 1. 标准文档流 2. 浮空布局 3. 定位布局 4. flex布局flex有容器和轴,两个概念1.1 父容器属性父容器可以统一设置子容器的排列方式,子容器也可以单独...

2017-05-02 14:54:04

阅读数 213

评论数 0

js的36个设计模式:技巧型模式

1.链模式通过return this,让函数对象可以链式调用。function fn(){ this.a = function(){ console.log("a"); return this; }; this.b = f...

2017-04-21 13:29:59

阅读数 215

评论数 0

js的36个设计模式:行为型模式

1.模板方法模式不太好描述,就类似封装一个插件,传入不同参数和函数,实现添加dom的样式和方法。2.观察者模式跳过3.状态模式把多个判断封装到函数内。var a = "run"; function action(a){ if(a == "run"){...

2017-04-21 13:29:19

阅读数 455

评论数 0

原生js实现复制浏览器内容

<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...

2017-04-21 13:28:34

阅读数 3183

评论数 1

es2015

//1.let 只在作用域内有效 let name = "a";function fn() { let name = "b"; console.log(name); //b }fn(); console.log(name); //a//2.const...

2017-04-21 13:23:53

阅读数 188

评论数 0

js实现lazyman(流程控制)

function _lazyMan(name) { this.name = name; this.task = []; this.default(); var _this = this; setTimeout(function() { _th...

2017-04-21 13:22:59

阅读数 363

评论数 0

2016年终总结

黄金第一年。匆匆又1年,体会了几种不同的自己,应该来说是彻底告别社会新人标签,开始真正征途的1年。在锋浪呆到大概5 6月离职的吧,并不是愉快的。自己至少有8成的原因,对职业感太浅,和自己这类职场经历太少有很大关系,当时并没有从多方面考虑,直接造成了不快的结果。今后必须要注意!之后抱着对未来无限的向...

2016-12-31 22:31:02

阅读数 255

评论数 2

vue开发笔记

安装vue-clinpm install vue-cli -gvue脚手架vue init webpack newpc 或 vue init webpack-simple newpc查看生产环境和编译生成文件npm run dev –inline –hot(热刷新) npm run buil...

2016-12-22 17:34:03

阅读数 231

评论数 0

js的36个设计模式:结构型模式

1.外观模式(1)在对页面dom绑定原生点击事件的时候,dom2级会覆盖dom0级的操作;IE9不兼容addEventListener,而不支持dom2级的浏览器,又只能用dom0级的onclick。外观模式可以把一些兼容方法或者复杂的方法简化。function addEvent(dom,type...

2016-12-13 16:56:20

阅读数 1306

评论数 0

Git和GitHub学习笔记

上传新项目到Github1.在github创建仓库 2.执行下面操作初始化当前目录为GIT仓库工作空间 git init生成README文件 git add README.md将代码提交到本地仓库中,备注“first commit” git commit -m "first commi...

2016-12-13 14:36:05

阅读数 235

评论数 0

js的36个设计模式:创建型模式

1.简单工厂模式 function fn(id,txt){ var o = new Object(); o.txt = txt; if(id == "a"){ o.show = function(){...

2016-12-12 17:06:01

阅读数 281

评论数 0

js的36个设计模式:前奏

先是一些js面向对象的基础,后面的模式都会涉及到这些知识点。 构造函数,原型对象 var Fn = function(f){ //var定义私有方法、属性 var num = 1; //this定义公有方法 this.getF ...

2016-12-12 16:37:19

阅读数 155

评论数 0

MVC,MVVM简单理解

MVC用户-》view-》controller-》model-》viewView 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈。(用户操作视图,业务逻辑控制器操作数据,数据层再反馈到视图...

2016-12-09 22:32:42

阅读数 227

评论数 0

js的链式调用

一个简单的链式调用 //需求num不等于1,2,3 function Fn(num){ this.num = num; }; Fn.prototype.checkOne = function(){ if(this.num != 1){ ...

2016-12-05 21:52:43

阅读数 171

评论数 0

代码的抽象三原则

软件开发是"抽象化"原则(Abstraction)的一种体现。 所谓"抽象化",就是指从具体问题中,提取出具有共性的模式,再使用通用的解决方法加以处理。 开发软件的时候,一方面,我们总是希望使用别人已经写好的代码,另一方面,又希望自己写的代码尽可能重...

2016-11-21 23:08:43

阅读数 380

评论数 0

js原生代码实现数据双向绑定

封装成jquery的插件了,复制代码后在Jquery之后引入; 也可以去掉插件那行直接使用。<!--使用方法--> <div data-bind-1="name"></div> <input type="text"...

2016-11-21 12:18:14

阅读数 680

评论数 0

vue笔记。Demo 2

<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...

2016-11-13 22:21:08

阅读数 188

评论数 0

vue笔记。Demo 1

<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>learn vue:1</title&...

2016-11-13 22:02:47

阅读数 217

评论数 0

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