开心的小程序员

摘要： “受控“组件和”非受控“组件通常是指的表单元素。 但是有时如果通过props将数据传入某个组件，该组件受props数据控制，也可称为“受控”组件。 如果只是受state的数据影响，则称为“非受控”组件。 下面介绍的主要是表单类的组件。 1. 受控组件 通过React的state作为数据唯一来源，通过 阅读全文

摘要： 题目：在n*n的棋盘上，放n个皇后，互不攻击（不可在同行/列/对角线） 分析：将棋盘抽象成一个一维数组[0,1,2......,n*n-1]，x=~~(i/n)取整，y=i%n; decisions是放n个皇后的一维坐标 代码：queen(n)可获得最后结果。 阅读全文

摘要： 1. 不使用JSX 优点: 不用配置有关JSX的编译。 依赖语法： html页面示例： 使用React的前提是引入react和react-dom文件;生产环境要使用production版本 like_button.js 2. 快速使用JSX JSX元素本质上调用React.createElement 阅读全文

摘要： 1. js代码嵌入网页的方式 1. script标签嵌入脚本 script标签有个属性type，用于指定脚本的类型； 1. "text/javascript": 默认值，指定运行的是js代码 2. "application/javascript": 在较新的浏览器中，指定是JS代码 3. "text 阅读全文

摘要： 如图所示，图中蓝线表示DOMContentLoaded事件触发时经过的时间，DOM树构建花费的时间。 图中红线表示onload事件触发时经过的时间，也是所有的资源（图片等）下载处理完成的时间。 图中绿色的条表示等待服务器响应的时间；蓝色的条表示资源下载的时间。 由此可知，第一个蓝色条结束的位置，是H 阅读全文

摘要： 优化浏览器渲染，要从关键渲染路径出发，基本上是优化HTML、CSS、JS的依赖关系。 其中HTML构建的DOM消耗是必须的。 1. 从阻塞渲染的CSS出发 CSS默认是阻塞渲染的资源。 根据浏览器渲染的过程可知，浏览器渲染的基础是DOM和CSSOM。在生成CSSOM之前，不会渲染任何内容。 生成CS 阅读全文

摘要： 响应式网站指的是随着设备的尺寸变化，网页内容和样式始终可以正常显示。 1. 元视窗代码 设置了元视窗的代码后，页面内容可以随设备适度缩放。 2. CSS媒体类型过滤 css媒体类型过滤是根据当前所在的媒体环境进行过滤。 媒体类型有： 1. link加载外联样式时 2. 加载具体样式内容时 3. CS 阅读全文

摘要： 浏览器渲染，即浏览器将html,css,js的字节转为渲染元素，展示到页面的过程。 这个过程叫做关键渲染路径。 1. 关键渲染路径 1. 处理HTML构建DOM（文档对象模型)树 2. 处理CSS构建CSSOM（css对象模型）树 3. 将DOM树和CSSOM树合并成一个渲染树 4. 布局，也称为“ 阅读全文

摘要： 1. 执行顺序说明 1. node V10（每次切换都清空队列） 1. 清空主执行栈队列 2. 清空微任务队列。 3. 按照timer->poll->check队列执行，只要执行队列切换就清空微任务队列。则主执行栈切换到timer队列，也会先清空微任务队列。 4. 定时器时间到达，清空所有的time 阅读全文

摘要： 1. 窗口(iframe)通信 不同源的网页，可以获取窗口的以下属性和方法： 1. document.domain 场景： 给不同源(一级域名+端口+协议相同)的网页设置： 如：image.baidu.com和video.baidu.com就可以通过这个方法。 则可以通过js读取彼此的Cookie， 阅读全文