caoweiju/learn_load

前端学习的足迹记录和tolist

learn_load's Issues

DOM操作和HTMLELEMENT的常用属性

promise的学习和实践

用js实现各种辅助方法【bind、apply、call、assign等】

为了夯实JavaScript的基础知识，需要进行一些基础内容的学习和实现。

1. 一些辅助方法的实现【bind、apply、call...】
2. 一些高级方法的polyfill【assign、array.find...】，
3. 实现一些操作符的伪代码，模拟操作符的内部实现过程【new操作符】，

javascript的原型链和继承方式

javascript的执行上下文context和作用域scope

docker的简介和使用实践

关于BFC和堆叠上下文的学习

层叠上下文

层叠上下文是HTML元素的三维概念，这些HTML元素在一条假想的相对于面向（电脑屏幕的）视窗或者网页的用户的z轴上延伸，HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。

BFC+IFC

Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting context (简称BFC)和 Inline formatting context (简称IFC)。
一个块格式化上下文（block formatting context） 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域，也是浮动层元素进行交互的区域。

http从0.9、1.0、1.1、http2到QUIC的进化史

CSS伪类学习

CSS伪类学习，主要是伪类选择器的选择规则！

浏览器的meta标签大全

你真的知道HTML 元素吗？
有很多可以设置的属性，需要进一步了解；

HTML 视频元素video的学习和实践

HTMLMediaElement：HTML媒体元素接口在属性和方法中添加了 HTML元素来支持基础的媒体相关的能力，就像audio和video一样。HTML 视频元素和 HTML 音频元素元素都继承自此接口。

`Web Components`的学习和实践

Web Components是一套不同的技术，允许您创建可重用的定制元素（它们的功能封装在您的代码之外）并且在您的web应用中使用它们。

媒体查询和1px的实践方案和ios适配方案

科学冲浪记录

javascript的运算符的一些深度知识学习

在JavaScript中，经常会使用很多运算符，而有一些运算符对于不同的数据类型的处理是不一样的；主要学习以下：

1. 运算符的优先级
2. 逻辑运算符的短路运算
3. 一元运算符的类型转换 一元加法和加法 +0 -0
4. ==和===遇到null undefined NaN

单页应用的router的原理和实现

HTML5引入了 history.pushState() 和 history.replaceState() 方法，它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。

前端安全只是须知XSS 和 CSRF

css之flex布局的系统学习和实践

因为flex它十分简单灵活，区区简单几行代码就可以实现各种页面的的布局，以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。然而学习 Flex 布局，你只要学习几个 CSS 属性，就可以写出简洁优雅复杂的页面布局。

webpack的plugin和loader的学习和实践

webpack作为目前比较流行的前端打包工具，其中的plugin和loader是其功能的核心部分，学习过程分两步：

1. 学习plugin和loader的作用和使用。
2. 自己编写demo分别实现plugin和loader的功能demo。

windows和mac搭建友好型终端

react的学习资料汇总

整体

1. React 框架运行时优化方案的演进
2. React 技术揭秘
3. 图解 React 源码

细节

进阶

JavaScript的执行过程和function构造方法和new操作的内部执行

JavaScript的节流[throttle]和防抖[debounce]函数

函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段，但是应用场景各有不同，特别是在一些交互场景，这两者都是需要我们频繁注意的地方；

需要了解的前端性能优化手段

css-next的了解和学习使用

JavaScript的装饰器decorators的学习

根据tc39关于装饰器decorators的规范进度；希望能够学习完整的装饰器的诞生过程，以及第三方babel的实现情况。

1. 装饰器的基础学习
2. 相关功能的讨论
3. 第三方的实现

跨域资源共享(CORS) 的学习和实现

跨域资源共享(CORS) 是一种机制，它使用额外的HTTP头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时，资源会发起一个跨域 HTTP 请求。

requestAnimationFrame对于scroll的优化

scroll的问题：

1. 性能
2. ios的uiwebview表现，仅在滚动停止才触发
3. jq和zepto无法使用事件委托模式，也就是on('scroll', '.list', function(){});

浏览器的渲染机制和阻塞加载、渲染综述