- 博客(28)
- 收藏
- 关注
RSS订阅原创 js设计模式笔记
this指向document.getElementById = (function(func){ return function(){ return func.apply(document,arguments) }})(document.getElementById) //用来修正this指向var getId = document.getElementById //如果不
2018-04-08 23:38:38
160
原创 网易NEC命名规范笔记
写完一个30多个页面的项目，代码冗余和命名污染确实很头大，代码冗余用less可以尽可能的减少，命名污染问题看了网易的NEC规范，发现非常不错，结合了下less，做个总结前提：放弃id，统一用class命名；属性间不换行且重要的属性靠前原则；建reset.less（预设样式，功能样式），mixin.less（元素内复用的样式），common.less（公共样式）三个文件，对应的用来放置预设样式he布...
2018-04-06 20:55:08
1259
原创 less的实用用法笔记
第一次写完一个三十个页面的项目，真真切切让我体会到了css组件化的重要性，被各种代码冗余，命名冲突搞得头昏脑涨，趁次做一次总结，下次就学乖了。1.常用的宽高等.w(@width:0){ //适用于经常用到的单独样式设置 width:@width}.example { //写的时候键盘打.w和一个shift就可以输宽度值了 .w(100px);} 2.自定义组件（以...
2018-04-06 19:30:32
224
原创 webpack4配置es6+less环境遇到的问题
webpack升级到4，分离出了webpack-cli，同时也升级了一堆插件（出问题就update一下，可能就OK了）webpack4.0简化了很多操作，如entry（默认dir目录，所以自己手动建一个），output（默认dist，自动生成）都有默认配置，增加了--mode development和--mode producttion模式，webpack对这两种模式配置做了尽可能的优化，但并不是...
2018-03-31 16:23:38
2258
原创 移动端vw单位适配
一. 项目中配置postcssrc.js，同时安装好对应的插件module.exports = { "plugins": { "postcss-import": {}， //解决@import引入路径问题 "postcss-url": {}, //该插件主要用来处理文件，比如图片文件、字体文件等引用路径的处理. "autoprefixer": {}, //自动处理浏览...
2018-03-29 22:27:03
877
原创 《图解HTTP》功能追加协议
HTTP的瓶颈 一条连接上只可发送一个请求。请求只能从客户端开始。客户端不可以接收除响应以外的指令请求 / 响应首部未经压缩就发送。首部信息越多延迟越大发送冗长的首部。每次互相发送相同的首部造成的浪费较多可任意选择数据压缩格式。非强制压缩发送解决方法 Ajax（Asynchronous JavaScript and XML， 异 步 JavaScrit与 XML技术）由于它只更新一部分页面，...
2018-03-26 22:15:06
183
原创 《图解HTTP》笔记-确认访问用户身份的认证
认证 确认访问者身份，核对密码，动态令牌，数字证书，生物认证（指纹虹膜），IC卡等信息HTTP认证方式BASIC 认证（基本认证）DIGEST 认证（摘要认证）SSL 客户端认证FormBase 认证（基于表单认证）BASIC 认证 虽然是使用Base64编码方式，但这不是加密处理方式，很不安全，而且无法注销认证DIGEST认证使用质询响应方式，将受到的质询吗计算生...
2018-03-26 21:53:03
217
原创 ES6笔记-Promise
依据阮一峰ES6教程摘取的自己可能用到的特性Promise Promise 是一个对象，从它可以获取异步操作的消息，相当于一个容器，保存着某个未来才会结束的事件（一般是异步操作）的结果。 特点： 对象状态不受外界影响 一旦状态改变，就不会再变，任何时候都可以得到这个结果 无法取消Promise，一旦建立就立即执行，无法中途取消 内...
2018-03-25 22:01:55
111
原创 《图解HTTP》笔记-HTTPS
HTTP的不足 通信使用明文（不加密），内容可能会被窃听 通信加密：通过和SSL或TLS组合使用进行通信加密（HTTPS） 内容加密：对通信内容（报文主体）进行加密，有被篡改风险 不验证通信方的身份，因此有可能遭遇伪装（照单全收） 查明对手的证书：使用SSL加密处理，利用证书来指明通信...
2018-03-25 17:38:54
231
原创 ES6笔记-Iterrator和for...of循环
Iterator（遍历器） 是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（for...of循环）。原生具备Iterator接口的数据结构如下ArrayMapSetStringTypedArray函数的 arguments 对象NodeList 对象数组的symbol.iterator属性let arr = ['a', '...
2018-03-25 00:11:57
470
原创 ES6笔记-Set和Map数据结构
依据阮一峰ES6教程摘取的可能会用到的特性Set数据结构 类似于数组，但成员值都是唯一的，通过new set()创建属性Set.prototype.constructor：构造函数，默认就是Set函数。Set.prototype.size：返回Set实例的成员总数。操作方法add(value)：添加某个值，返回 Set 结构本身。delete(value)：删除某个值，返回一个布尔值...
2018-03-24 22:08:39
141
原创 《图解HTTP》笔记-首部字段
首部字段类型通用首部字段（General Header Fields）请求响应都会使用的首部请求首部字段（Request Header Fields） 从客户端向服务器端发送请求报文时使用的首部。补充了请求的附加内容、客户端信息、响应内容相关优先级等信息响应首部字段（Response Header Fields）从服务器端向客户端返回响应报文时使用的首部。补充了响应的附加内容，也会要求客户端附加额...
2018-03-24 19:16:23
250
原创 《图解HTTP》笔记-与HTTP协作的Web服务器
虚拟主机虚拟主机 允许一台 HTTP 服务器搭建多个 Web 站点，运行不同域名的网站。在相同的 IP 地址下，由于虚拟主机可以寄存多个不同主机名和域名的 Web 网站，因此在发送 HTTP 请求时，必须在 Host 首部内完整指定主机名或域名的 URI。代理、网关、隧道配合服务器工作，可以将请求转发给通信线路上的下一站服务器，并且能接收从那台服务器发送的响应再转发给客户端代理缓存代理（Cachi...
2018-03-24 16:32:30
166
原创 《图解HTTP》笔记-HTTP状态码
状态码200 OK 响应正常处理，但返回的信息会因请求方法不同而不同，如GET会返回资源实体，HEAD只会返回首部204 No Content 正常处理，但响应报文中不含实体的主体部分，一般在只需要从客户端往服务器发送信息，而对客户端不需要发送新信息内容的情况下使用206 Partial Content 范围请求，响应报文中包含由Content-Range指定的实体内容301 Moved Perm...
2018-03-24 15:40:28
322
原创 ES6笔记-对象
依据阮一峰教程摘取的自己可能用到的特性属性的简洁表示法function f(x, y) { return {x, y};}// 等同于function f(x, y) { return {x: x, y: y};}f(1, 2) // Object {x: 1, y: 2}方法简写const o = { method() { return "Hello!"; ...
2018-03-23 17:53:33
111
原创 ES6笔记-数组
依据阮一峰教程摘取的自己可能用到的特性扩展运算符 ...，好比rest参数的逆运算// ES5 的写法Math.max.apply(null, [14, 3, 77])// ES6 的写法Math.max(...[14, 3, 77])// 等同于Math.max(14, 3, 77);function push(array, ...items) { array.p...
2018-03-23 17:29:41
120
原创 ES6笔记-函数
阮一峰教程选取自己可能用到的特性函数参数的默认值function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello与结构赋值默认值结合使用 foo()不带参数时不...
2018-03-23 16:42:39
103
原创 es6笔记-解构
依据阮一峰教程解构 只要等号两边模式相同，即可赋值 Set结构，也可以解构赋值（具有Iterrator接口）let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];third // "baz"let ...
2018-03-23 15:29:25
88
原创 ES6笔记
依据阮一峰教程整理平时可能会用到的ES6新特性let 产生块级作用域 不存在变量提升 使用es6声明的全局变量，不属于顶层对象属性（window，global），window.xxx返回时undefined。 存在暂时性死区(如下)var tmp = 123;if(true){ tmp = 'abc' //ReferenceError; （使用了let后...
2018-03-23 14:52:12
130
原创 Array,String方法笔记
Array方法中会改变原对象的方法有：pop,push,shift,unshift,reverse,sort,splice其他方法：concat,join,slice,every,map,some,forEach,reduceString方法中会改变原对象的方法有：replace其他方法：charAt,charCodeAt,concat,lastIndexOf,indexOf,match,sear...
2018-03-22 22:31:00
118
原创 《图解HTTP》笔记-HTTP报文内的HTTP信息
HTTP报文请求行包含用于请求的方法，请求 URI 和 HTTP 版本状态行包含表明响应结果的状态码，原因短语和 HTTP 版本首部字段包含表示请求和响应的各种条件和属性的各类首部（通用首部、请求首部、响应首部和实体首部）编码提高速率编码提高传输速率HTTP在传输时可以原貌传输也可以传输中编码传输，以有效处理大量请求，但是耗CPU资源报文是 HTTP 通信中的基本单位，由 8 位组字节流（octe...
2018-03-22 22:14:34
273
原创 《图解HTTP》笔记-HTTP协议
请求响应HTTP方法GET 指定的资源经服务器端解析后返回响应内容。POST 方法用来传输实体的主体，PUT 方法传输文件，自身不带验证机制，任何人都可以上传文件 , 存在安全性问题，因此一般的 Web 网站不使用该方法。若配合 Web 应用程序的验证机制，或架构设计采用REST（REpresentational State Transfer，表征状态转移）标准的同类Web 网站，就可能会开放使用...
2018-03-21 23:14:48
1084
原创 《图解HTTP》笔记-TCP/IP协议族
TCP/IP 协议族 计算机与网络设备要相互通信，双方就必须基于相同的方法。比如，如何探测到通信目标、由哪一边先发起通信、使用哪种语言进行通信、怎样结束通信等规则都需要事先确定。不同的硬件、操作系统之间的通信，所有的这一切都需要一种规则。而我们就把这种规则称为协议（protocol）。协议族分四层 应用层决定了向用户提供应用服务时通信的活动（FTP,DNS,HTTP）-...
2018-03-20 23:30:39
240
原创 jquery 核心方法
1.each a. $.each(array,callback);$.each(object,callback) b.callback 接受两个参数，function(index,value)或function（property,value）2.inArray a.$.inArray(value,array,[fromIndex]) fromIndex为查找的起始位置，该方法返回...
2018-02-25 19:31:22
182
原创 jquery 动画
1.hide/show/toggle a.不带参数时直接隐藏（display:none）；带参数时变为动画方法，.hide('fast/slow') , .hide([duration],[complete]) b.控制元素的display,效果从右至左2.slideDown/slideUp/slideToggle a.参数同hide ,控制元素的height，效果从上到下3.f...
2018-02-25 18:45:57
77
原创 jQuery 事件篇
一.鼠标事件1.click,dbclick a.参数可以为click(function(){}),click(function(eventObject){}),click([eventData],function(eventObject){}) b.由mousedown,mouseup构成，dbclick为双击，中间时间间隔由系统决定2.mousedown,mouseup a....
2018-02-25 17:27:37
151
原创 jquery 学习总结
遍历：1.children() 无参数时匹配所有子元素，带参数时匹配符合条件的子元素，父子关系（只查找第一级）2.find() 必须带参数，从所有后代中匹配符合条件的元素，父与后代关系3.parent() 无参数时匹配所有父元素，带参数时匹配符合条件的父元素 ，子与父关系（只到第一级）4.parents() 无参数时匹配所有父元素，带参数时匹配符合条件的父元素，子与前辈关系5.closest() ...
2018-02-25 14:28:17
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人