摘要：
14 个你可能不知道的 JavaScript 调试技巧 五种前端开发必备的调试技术 日志的艺术 吐血推荐珍藏的Chrome插件 吐血推荐珍藏的 Chrome 插件（二） <!--5f39ae17-8c62-4a45-bc43-b32064c9388a:W3siYmxvY2tJZCI6IjI5LTE1 阅读全文
摘要：
Chrome开发者工具之JavaScript内存分析 前端性能优化 —— 前端性能分析 Chrome DevTools - 性能监控 <!--5f39ae17-8c62-4a45-bc43-b32064c9388a:W3siYmxvY2tJZCI6IjE1LTE1MTQ4NDk4NzM3MzkiLC 阅读全文
摘要：
Chrome开发者工具详解(1)：Elements、Console、Sources面板 Chrome 开发者工具详解(2)：Network 面板 Chrome开发者工具详解(3)：Timeline面板 Chrome 开发者工具详解(4)：Profiles 面板 Chrome开发者工具详解 (5)：A 阅读全文
摘要：
Web图片资源的加载与渲染时机 这个控件叫：Skeleton Screen/加载占位图（该文无链接，收藏在有道云笔记） 手机活动页图片性能优化分享 <!--5f39ae17-8c62-4a45-bc43-b32064c9388a:W3siYmxvY2tJZCI6IjUyLTE1MTQ4OTk0NDM 阅读全文
摘要：
物理像素与设备独立像素： 概念： 分辨率指的是物理像素，物理像素即设计图的像素以及css中的像素。 设备独立像素：实际的视窗口大小。 设备像素比： 每款设备的devicePixelRatio都是已知，并且不变的，目前高清屏，普遍都是2，不过还有更高的，比如2.5, 3 等，魅族note的手机devi 阅读全文
摘要：
作用域 作用域决定了你的代码里的变量和其他资源在各个区域中的可见性，为代码提供了一个安全层级,用户只能访问他们当前需要的东西。 在 JavaScript 中有两种作用域： 全局作用域：定义在函数之外的变量会被保存在全局作用域中，在代码的任何地方都是可访问的。 局部作用域（函数作用域）：在函数内定义的 阅读全文
摘要：
这些指的是框架模式，框架模式不是一门写代码的学问，而是一门管理与组织代码的学问。其本质是一种软件开发的模型。 与设计模式不同，设计模式是在解决一类问题时总结抽象出的公共方法(工厂模式，适配器模式，单例模式，观察者模式 等)，他们与某种具体的技术栈无关，一种框架模式往往使用了多种设计模式，切不要把他们 阅读全文
摘要：
预加载 常用的是new Image();，设置其src来实现预载，再使用onload方法回调预载完成事件。 function loadImage(url, callback) { var img = new Image(); //创建一个Image对象，实现图片的预下载 img.src = url; 阅读全文
摘要：
需要通过用户触发，用户可通过以下三种方式操作触发： 相关实践：https://www.zhangxinxu.com/wordpress/tag/blob/ 通过input type="file" 选择本地文件 选择文件 第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="f 阅读全文
摘要：
设置拖拽的操作对象 被拖拽对象和拖拽释放区域 被拖拽对象：ondragstart，ondrag，ondragend 拖拽释放区：ondragenter，ondragover(要触发drop事件，要在over里阻止浏览器的默认事件)，ondragleave，ondrop（在释放时有浏览器的默认事件，比 阅读全文
摘要：
App常用开发模式简介 此处App为应用application，并非我们通常讲的手机App。 常用的几种APP开发模式-脑图 Native App 传统的原生App开发模式，有iOS和aOS两大系统，需要各自语言开发各自App。 优点：性能和体验都是最好的。 缺点：开发和发布成本高。 举个栗子：网易 阅读全文
摘要：
作者：子木 segmentfault.com/a/1190000015052545 关于 性能优化 是个大的面，这篇文章主要涉及到 前端 的几个点，如 前端性能优化 的流程、常见技术手段、工具等。 提及 前端性能优化 ，大家应该都会想到 雅虎军规，本文会结合 雅虎军规 融入自己的了解知识，进行的总结 阅读全文
摘要：
CDN CDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和 阅读全文
摘要：
动画是指由许多帧静止的画面，以一定的速度（如每秒16张）连续播放时，肉眼因视觉残象产生错觉，而误以为画面活动的作品。——维基百科 超人大战赛亚人 几个基本概念 简单介绍几个关于动画的基本概念。 帧：在动画过程中，每一幅静止画面即为一"帧"； 帧率：即每秒钟播放的静止画面的数量，单位是fps(Fram 阅读全文
摘要：
正常ajax请求表现 跨域类型： 跨域，指一个域下的文档或脚本试图去请求另一个域下的资源，ajax跨域只是属于浏览器"同源策略"中的一部分，其它的还有： 0）Cookie跨域iframe跨域，LocalStorage跨域 1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入：<link>、 阅读全文
摘要：
问题 传统的浏览器通信方式：基于HTTP协议的请求/响应模式。 早期：通过刷新浏览器来更新服务器端的数据 后来Ajax(XMLHttpRequest是核心)：可以不用刷新浏览器更新服务器端数据。但是这种模式的问题在于，只能通过客户端主动请求，服务器应答来获得数据，而服务器端有数据变化后无法通过推送方 阅读全文
摘要：
TCP是主机对主机层的传输控制协议，提供可靠的连接服务，采用三次握手确认建立一个连接，四次挥手断开连接。 三次握手 是指建立一个TCP连接时，需要客户端和服务端总共发送3个包以确认连接建立成功。在socket编程中，这一过程由客户端执行connect来触发。完成三次握手，随后Client与Serve 阅读全文
摘要：
整理自：前端早读课【第1183期】这些 CSS 命名规范，将省下你大把调试时间 试图解决 3 类问题： 仅从名字就能知道一个 CSS 选择器具体做什么 从名字能大致清楚一个选择器可以在哪里使用 从 CSS 类的名称可以看出它们之间的联系 不知你是否见过这样的类名： 这就是 BEM 命名规范。 这个火 阅读全文
摘要：
https协议作用 主要作用可以分为两种： 建立一个信息安全通道，来保证数据传输的安全。 另一种就是确认网站的可靠性。 ssl证书: 由受信任的数字证书颁发机构CA(如沃通WoSign)，在验证服务器身份后颁发，具有服务器身份验证和数据传输加密功能。 证书验证 如果认证该服务器证书的CA机构，存在于 阅读全文
摘要：
当时查http协议的时候了解的一些网络底层的知识，感觉挺有意思的，就把多位博主的资料整料梳理出来整理到一堆，就当是一篇科普文吧。 一、网络的五层模型 如何分层有不同的模型，有的模型分七层，有的分四层。我觉得，把互联网分成五层，比较容易解释。 如上图所示，最底下的一层叫做"实体层"（Physical 阅读全文