摘要：
简介 webpack作为当前最为流行的模块打包工具，几乎所有的主流前端开发框架（React、Vue等）都会将其作为默认的模块加载和打包工具。通过简单的配置项，使用各种相关的loader和plugin，我们就可以实现自动的模块依赖分析并打包，从而大大降低了前端项目的开发复杂度，明显提高了前端项目的开发 阅读全文
摘要：
静态资源的分布对网站加载速度的影响 / 浏览器对同一域名下并发加载资源数量 / browsers network-http-persistent-max-connections-per-server 引文：浏览器在同一个域名下并发加载的资源数量是有限的，访问淘宝首页需要加载126个资源，那么如此小的 阅读全文
摘要：
最近在用webpack优化首屏加载性能，通过几种插件之后我们上线前后的速度快了一倍，在此就简单的分享下吧，先上个优化前后首屏渲染的对比图。 可以看到总下载时间从3800ms缩短到1600ms。 我们在用webpack时一般都会选择多入口文件吧，为的就是将自己的源码跟第三方库代码分离。这是之前的代码， 阅读全文
摘要：
随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。 Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发 阅读全文
摘要：
有人认为JavaScript是最好的语言，有人认为它一团糟。可按照C++之父的话来讲： 世界上只有两种编程语言：一种是天天被人喷的，另一种是没人用的。 不论你喜欢承认与否，JavaScript已经一天比一天火了，甚至火得有点过头，生态圈太过繁荣，每个月都可能有新的相关构建工具、开发框架或者别的什么库 阅读全文
摘要：
前端性能的几个基础指标 先开门见山的罗列前端性能相关的几个基础指标名词。 白屏时间 首屏时间 用户可操作时间 页面总下载时间 为何会选择这几个时间节点以及各自的含义可以参考这篇文章 七天打造前端性能监控系统另外本文搜集性能相关数据是用了高级浏览器的Performance Api,大家可以参考这篇文章 阅读全文
摘要：
流媒体本质上是：现实的图像，经过编码器压缩，持久化为点播文件或者直播流，经过传输，在终端解码和展示。 http live streaming（hls） 适用移动端HTTP Live Streaming（HLS）是苹果公司实现的基于HTTP的流媒体传输协议，可实现流媒体的直播和点播。原理上是将视频流分 阅读全文
摘要：
1、常用工具相关 2、知识储备相关 3、移动Web相关 4、切页面相关 5、前端库/框架/插件相关 6、部署流程相关 7、帖子相关 8、H5案例相关 9、Node.js相关 10、AngularJS相关 11、Angular2相关 12、Ionic相关 13、Ionic 2相关 14、React N 阅读全文
摘要：
getBoundingClientRect介绍 getBoundingClientRect获取元素位置 getBoundingClientRect用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。getBoundingClientRect是DOM元素到浏览器可视范围的距离（不包含文档卷 阅读全文
摘要：
1.同源策略如下： 特别注意两点： 第一，如果是协议和端口造成的跨域问题“前台”是无能为力的， 第二：在跨域问题上，域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。 “URL的首部”指window.location.protocol +wind 阅读全文
摘要：
1.基于iframe实现跨域 基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点，也就是两个页面必须属于一个基础域（例如都是xxx.com，或是xxx.com.cn），使用同一协议（例如都是 http）和同一端口（例如都是80），这样在两个页面中同时添加docum 阅读全文
摘要：
起因： 1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的； 2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考； 概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事 阅读全文
摘要：
在使用 React 的过程中，不可避免的需要组件间进行消息传递（通信），组件间通信大体有下面几种情况： 父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信 下面依次说下这几种通信方式。 父组件向子组件通信 这是最简单也是最常用的一种通信方式：父组件通过向子组件传递 props 阅读全文
摘要：
#!/bin/bash #基本数组操作a=(1 2 3) ##()表示空数组echo "第0个元素:"${a[0]}echo "所有元素: "${a[@]}echo "数组长度: "${#a[@]}echo " " #遍历数组echo "遍历数组:"for item in ${a[@]}do ech 阅读全文
摘要：
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 阅读全文