- 博客(29)
- 收藏
- 关注
原创 float
学习mark http://www.iyunlu.com/view/css-xhtml/55.html http://www.cnblogs.com/Gabriel-Wei/p/6184392.html
2017-10-16 11:40:49 100
原创 (!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]
学习mark 关键学习Object -> Number解析过程 http://www.jfh.com/jfperiodical/article/3224 https://sdk.cn/news/3025
2017-10-16 11:40:38 1022
原创 inline-block
学习mark https://www.zhihu.com/question/21468450 http://www.iyunlu.com/view/css-xhtml/64.html
2017-10-16 11:40:24 69
原创 flex
学习mark http://www.cnblogs.com/libin-1/p/5888491.html http://blog.csdn.net/magneto7/article/details/70854472 http://blog.csdn.net/qq_23191031/article/details/53084017 https://www.zhih...
2017-10-16 11:35:00 75
原创 flex
学习mark 2009版本,我们称之为老版本,使用的是“display:box”或者“display:inline-box”;2011版本,我们称之为混合版本,使用的是“display:flexbox”或者“display:inline-flexbox”;2013版本,也就是最新语法版本,使用的是“display:flex”或者“display:inline-flex”。...
2017-10-16 11:34:04 79
原创 call & apply
学习mark http://uule.iteye.com/blog/1158829 https://segmentfault.com/q/1010000003494514 call是传入单个参数的,而apply是传入参数数组的,在call传入参数数量大于3个的时候,性能不如apply,因此在有些类库的代码中,会出现这种优化方式...
2017-10-13 08:02:27 57
原创 router: onpopstate
学习mark history.pushState(stateObject, title, url);tip: stateObject = {key: value, ...},必须可序列化,理解为JSON.stringify & JSON.parse 接收url的参数为string类型,用以改变当前地址栏的url.需要注意的一点就是这个参数不能和跨域,即协议,域名...
2017-10-13 08:01:44 192
原创 margin叠加问题
学习mark 我认为,两个兄弟块状盒子摆放时,margin重合,是css艺术,BFC只是提供了一种打破这种艺术的手段而已 http://www.cnblogs.com/blackwood/archive/2013/07/03/3169023.html https://www.zhihu.com/question/19823139...
2017-10-13 08:01:28 95
原创 router: onhashchange
学习mark http://www.cnblogs.com/carriezhao/p/6861319.html http://smiky.iteye.com/blog/1917700 http://www.cnblogs.com/rubylouvre/archive/2012/10/24/2730599.html
2017-10-13 07:55:53 129
原创 history: reload & replace
学习mark 有3个页面(a.html, b.html, c.html).默认打开a.html页面,然后在a.html页面中通过一个链接转向b.html页面。现在,我在b.html页面中用window.location.replace("c.html");与用window.location.href("c.html");分别进入c.html页面.从用户界面来看是没有什么区别的,但是现在...
2017-10-12 08:12:22 228
原创 router:iframe历史记录
学习mark http://www.cnblogs.com/ranran/p/iframe_history.html http://front-end.blog.163.com/blog/static/119581242201042502813887/
2017-10-12 08:12:02 245
原创 js解析过程
学习mark http://www.html5jscss.com/js-data-scope.html http://www.cnblogs.com/foodoir/p/5977950.html http://www.360doc.com/content/13/0412/11/7492958_277750522.shtml
2017-10-12 08:11:45 79
原创 浏览器允许的并发请求资源数
学习mark 解决方案是启用和主站不同的域名来放置静态资源,也就是cookie free 浏览器是基于domain的并发控制,而不是page https://www.zhihu.com/question/20474326 http://www.cnblogs.com/x_wukong/p/3926059.html?utm_source=tuicool&u...
2017-10-12 08:11:31 216
原创 http header:Cookie & Set-Cookie
学习mark http://www.cnblogs.com/hdtianfu/archive/2013/05/30/3108295.html
2017-10-11 08:09:36 481
原创 dns-prefect
学习mark 注意:dns-prefect、preconnect、preload、prefecth、prerender、subresource对应学习 chrome 会自动把当前页面的所有带href的link的dns都prefetch一遍个人认为此处点出了image标签的src属性指向域名dns不会提前解析 需要手动添加link标签的场景是:你预计用户在后面的访问中...
2017-10-11 08:07:39 215
原创 浏览器渲染过程
学习mark DOM TreeCSS DOM Tree(CSS Rule Tree)Render TreeLayout(reflow)Paint(repaint) http://www.cnblogs.com/slly/p/6640761.html
2017-10-11 08:07:28 78
原创 BFC & hasLayout
学习mark http://kayosite.com/block-formatting-contexts-in-detail.html http://www.cnblogs.com/leejersey/p/3991400.html http://kayosite.com/remove-floating-style-in-detail.html https://w...
2017-10-11 08:07:08 82
原创 defer & async
学习mark 两者的区别在于执行时的不同: async 脚本在script文件下载完成后会立即执行,并且其执行时间一定在 window的load事件触发之前。这意味着多个async脚本很可能不会按其在页面中的出现次序顺序执行。与此相对,浏览器确保多个 defer 脚本按其在HTML页面中的出现顺序依次执行,同时HTML5标准要求,在DOM解析完成后,docume...
2017-10-11 08:01:47 69
原创 widthCredentials
学习mark 有一点需要注意,设置了widthCredentials为true的,虽然请求中会包含cookie,但是响应中Set-Cookie的cookie仍然遵循同源策略,所以你是访问不了这些cookie的。 http://zawa.iteye.com/blog/1868108 http://newhtml.net/using-cors/ jquery fir...
2017-10-10 08:11:58 499
原创 slice & splice
学习mark 数组copy:var a = [1, 2, 3];var b = a.slice(); // b = [1, 2, 3] arguments -> array:Array.prototype.slice.call(arguments); // arguments -> [] http://blog.csdn.net/zpw91/ar...
2017-10-10 08:05:23 71
原创 prototype
学习mark https://www.zhihu.com/question/34183746?sort=created http://www.cnblogs.com/faith3/p/6210273.html 每一个函数在创建之后都会拥有一个名为prototype的属性,这个属性指向函数的原型对象。Note:通过Function.protot...
2017-10-10 08:04:50 65
原创 dns-prefetch/preconnect/prerender/prefetch/preload
学习mark http://www.alloyteam.com/2016/05/preload-what-is-it-good-for-part1/ http://www.jianshu.com/p/24ffa6d45087 http://blog.csdn.net/franktaoge/article/details/51473823 https://www....
2017-10-09 08:57:53 210
原创 http header basic auth
学习mark http://blog.csdn.net/u011181633/article/details/43229387 http://blog.csdn.net/kkdelta/article/details/28419625 http://www.cnblogs.com/xiekeli/p/5607107.html
2017-10-09 08:57:22 979
原创 align center
学习mark1.table、table-cell、vertical-align、text-align2.flex、justify-content、align-items3.calc,计算absolute top left值4.translate,计算absolute top left值5.absolute,配置top、left、margin负边距 http://ww...
2017-10-09 08:56:22 192
原创 instanceof原理
学习mark instanceof 检测一个对象A是不是另一个对象B的实例的原理是:查看对象B的prototype指向的对象是否在对象A的[[prototype]]链上。如果在,则返回true,如果不在则返回false。不过有一个特殊的情况,当对象B的prototype为null将会报错(类似于空指针异常)。 https://www.ibm.com/developerworks...
2017-10-09 08:51:07 98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人