摘要: 组件从注册方式分为全局组件和局部组件。 从功能类型又可以分为偏视图表现的(presentational)和偏逻辑的(动态生成dom),推荐在前者中使用模板,在后者中使用 JSX 或渲染函数动态生成组件模板内容,整体来说表现类的组件远远多于逻辑类组件。 定义组件 注意:组件名最好使用全小写加短横线,即 阅读全文
posted @ 2019-02-16 22:53 中二的羊 阅读(1335) 评论(0) 推荐(0) 编辑
摘要: (1)命令ls——列出文件 ls -la 给出当前目录下所有文件的一个长列表,包括以句点开头的“隐藏”文件 ls a* 列出当前目录下以字母a开头的所有文件 ls -l *.doc 给出当前目录下以.doc结尾的所有文件 (2)命令cp——复制文件 cp afile afile.bak 把文件复制为 阅读全文
posted @ 2019-02-16 22:29 中二的羊 阅读(256) 评论(0) 推荐(0) 编辑
摘要: 设置和使用技巧:前端工具开发利器webstrom专篇...更新中 选中行上下移:cl+shift+上下箭头 展示文件结构图:view-tool_window-structure。具体的图标含义 生成注释目录 webstorm提供一个本地文件修改历史记录(快捷键:ALT+SHIFT+c,Mac中 AL 阅读全文
posted @ 2019-02-16 22:27 中二的羊 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 在项目中碰到同事写的一段代码: 就去查了一下: ie支持contains方法。如果A元素包含B元素,则返回true,否则false。 火狐不支持,火狐用的是w3c的compareDocumentPosition() 方法,这是W3C制定的方法,标准浏览器都支持 文章中转站: 关于documentEl 阅读全文
posted @ 2019-02-16 22:23 中二的羊 阅读(1040) 评论(0) 推荐(0) 编辑
摘要: 示例: 视屏的控件在浏览器中真实面目如下: 那这些节点是从哪里来的? W3C提出了ShadowDOM的概念,Shadow DOM 是一个 HTML 的新规范,其允许开发者封装HTML组件(类似vue组件,将html,css,js独立部分提取),使一些DOM节点在特定范围内可见,而在网页DOM树中不可 阅读全文
posted @ 2019-02-16 22:13 中二的羊 阅读(942) 评论(0) 推荐(0) 编辑
摘要: 文章中转站: DocumentFragment对象 createDocumentFragment()用法总结 深入理解DOM节点类型第四篇——文档片段节点DocumentFragment 阅读全文
posted @ 2019-02-16 22:06 中二的羊 阅读(393) 评论(0) 推荐(0) 编辑
摘要: 分享本人有道云笔记收藏文章:理解浏览器的历史记录 阅读全文
posted @ 2019-02-16 22:01 中二的羊 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 浏览器 浏览器基础结构主要包括如下7部分: 1.用户界面(User Interface):用户所看到及与之交互的功能组件,如地址栏,返回,前进按钮等; 2.浏览器引擎(Browser engine):负责控制和管理下一级的渲染引擎; 3.渲染引擎(Rendering engine):负责解析用户请求 阅读全文
posted @ 2019-02-16 21:57 中二的羊 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 具体流程解析参考文章:浏览器请求发起处理 阅读全文
posted @ 2019-02-16 21:56 中二的羊 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 浏览器缓存,也就是客户端缓存,既是网页性能优化里面静态资源相关优化的一大利器,也是无数web开发人员在工作过程不可避免的一大问题,所以在产品开发的时候我们总是想办法避免缓存产生,而在产品发布之时又在想策略管理缓存提升网页的访问速度。了解浏览器的缓存命中原理,是开发web应用的基础,本文着眼于此,学习 阅读全文
posted @ 2019-02-16 20:35 中二的羊 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 什么是Web缓存 Web缓存是指一个Web资源(如html页面,图片,js,数据等)存在于Web服务器和客户端(浏览器)之间的副本。缓存会根据进来的请求保存输出内容的副本;当下一个请求来到的时候,如果是相同的URL,缓存会根据缓存机制决定是直接使用副本响应访问请求,还是向源服务器再次发送请求。比较常 阅读全文
posted @ 2019-02-16 19:53 中二的羊 阅读(775) 评论(0) 推荐(0) 编辑
摘要: 浏览器同源策略 所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个 ip 地址,也非同源。 同源策略限制内容有: Cookie、LocalStorage、IndexedDB 等存储性内容 DOM 节点 AJAX 请求发送后,结果被浏览器拦截了 Cookie、LocalStorag 阅读全文
posted @ 2019-02-16 19:28 中二的羊 阅读(356) 评论(0) 推荐(0) 编辑
摘要: ui类型 1,load:当页面完全加载后(包括所有图像、 JavaScript 文件、CSS 文件等外部资源)在 window上面触发,当所有框架都加载完毕时在框架集上面触发,当图像加载完毕时在<img>元素上面触发,或者当嵌入的内容加载完毕时在<object>元素上面触发。 (1),在html,为 阅读全文
posted @ 2019-02-16 17:28 中二的羊 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 偏移量(offset dimension) 包括元素在屏幕上占用的所有可见的空间。元素的可见大小由其高度、宽度决定,包括所有内边距、滚动条和边框大小(注意,不包括外边距)  offsetHeight:元素在垂直方向上占用的空间大小,以像素计。包括元素的高度、(可见的)水平滚动条的高度、上边框高度和 阅读全文
posted @ 2019-02-16 17:20 中二的羊 阅读(622) 评论(0) 推荐(0) 编辑
摘要: 会改变原数组的方法 reverse,splice,push,pop,unshift,shift,sort reverse //倒序 var b = [1, 2, 3, 4]; b.reverse();//[4, 3, 2, 1] splice 剪接,删改通用方法,会修改数组.从起始位置开始删除几个, 阅读全文
posted @ 2019-02-16 17:06 中二的羊 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 字符串方法 字符串与正则 search match split 正则对象的exec 阅读全文
posted @ 2019-02-16 16:57 中二的羊 阅读(109) 评论(0) 推荐(0) 编辑
摘要: Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定 区别在于: Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取; 而onunload则已经从服务器上读到了需 阅读全文
posted @ 2019-02-16 16:43 中二的羊 阅读(1125) 评论(0) 推荐(0) 编辑
摘要: 构造函数 特点: a:构造函数的首字母必须大写,用来区分于普通函数 b:内部使用的this对象,来指向即将要生成的实例对象 c:使用New来生成实例对象 特点: a:构造函数的首字母必须大写,用来区分于普通函数 b:内部使用的this对象,来指向即将要生成的实例对象 c:使用New来生成实例对象 f 阅读全文
posted @ 2019-02-16 16:29 中二的羊 阅读(1510) 评论(0) 推荐(0) 编辑
摘要: eval概略 eval()是一个函数,但是被当做运算符来使用。 只有一个参数,参数为字符串形式: 若参数不是字符串,则直接返回这个参数; 若是字符串,则当做js代码编译。若编译成功,则返回字符串中最后一个表达式或者语句的值 若无值,则返回undefined。 如果字符串抛出异常,该异常被传递给eva 阅读全文
posted @ 2019-02-16 15:35 中二的羊 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 每个浏览器窗口、每个标签页乃至每个框架,都有自己的 history 对象与特定的window 对象关联。 go方法 //后退一页 history.go(-1); //前进一页 history.go(1); //前进两页 history.go(2); 也可以给 go()方法传递一个字符串参数,此时浏览 阅读全文
posted @ 2019-02-16 15:32 中二的羊 阅读(193) 评论(0) 推荐(0) 编辑