sookielulu-CSDN博客

转载 web移动端常见面试题以及适配兼容问题

1、移动端你们一般采用什么布局？移动端设计稿是多大的尺寸？● 定宽布局● 一般移动端设计稿是640或者750的尺寸2、移动布局自适应不同屏幕的几种方式（1）响应式布局（2）100%布局（弹性布局）（3）等比缩放布局（rem）3、你们做移动端平时在什么浏览器上测试？ Chrome，Safari，微信X5，UC，其他手机自带浏览器4、说说移动端是如何调试的？（1）模拟手机调试chrome://inspect（2）真机调试之android手机+Chrome...

2021-02-17 16:48:48 4381

转载高性能滚动 scroll 及页面渲染优化

主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为本文涉及了很多很多基础，可以对照上面的知识点，选择性跳到相应地方阅读。滚动优化的由来滚动优化其实也不仅仅指滚动（scroll 事件），还包括了例如 resize 这类会频繁触发的事件。简单的看看：

2017-09-23 22:05:50 291

转载解读 redux 的设计思路与用法

理念与设计为什么要有 action ？每个 web 应用都至少对应一个数据结构，而导致这个数据结构状态更新的来源很丰富；光是用户对 view 的操作(dom 事件)就有几十种，此外还有 ajax 获取数据、路由/hash状态变化的记录和跟踪等。来源丰富不是最可怕的，更可怕的是每个来源提供的数据结构并不统一。DOM 事件还好，前端可以自主控制与设计； ajax 获取的数据，其

2017-09-23 19:18:58 1287 1

转载 AngularJS 作用域与数据绑定机制

AngularJS 简介AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架，既适合做普通 WEB 应用也可以做 SPA（单页面应用，所有的用户操作都在一个页面中完成）。与同为 MVC 框架的 Dojo 的定位不同，AngularJS 在功能上更加轻量，而相比于 jQuery，AngularJS 又帮您省去了许多机械的绑定工作。在一些对开发速度要求高，功能模块不需要太

2017-09-21 22:05:22 613

转载计算机网络基础知识总结

阅读目录1. 网络层次划分2. OSI七层网络模型3. IP地址4. 子网掩码及网络划分5. ARP/RARP协议6. 路由选择协议7. TCP/IP协议8. UDP协议　9. DNS协议10. NAT协议11. DHCP协议12. HTTP协议13. 一个举例　　计算机网络学习的核心内容就是网络协议的学习。网络协议是为计算机网络中进行数据交换而建立的规则、标准或者说是约定的集合。

2017-09-21 17:15:34 224

转载 html+css常见布局类型

单列布局水平居中水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素）使用inline-block 和 text-align实现.parent{text-align: center;}.child{display: inline

2017-09-17 22:13:36 7658

转载 React DOM Diff

React中最神奇的部分莫过于虚拟DOM，以及其高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整个页面，由虚拟DOM来确保只对界面上真正变化的部分进行实际的DOM操作。React在这一部分已经做到足够透明，在实际开发中我们基本无需关心虚拟DOM是如何运作的。然而，作为有态度的程序员，我们总是对技术背后的原理充满着好奇。理解其运行机制不仅有助于更好的理解React组件的

2017-09-16 22:24:31 260

转载 HTML解析原理

概述为HTML文档尽早指定字符编码，可以让浏览器立刻开始执行脚本。细节HTML文档是作为带有字符编码信息的字节流序列在互联网中传送的。字符编码信息可以在随文档发送的HTTP响应头信息中指定，也可以在文档的 HTML标签中指定。浏览器根据字符编码信息将字节流转换为显示在浏览器上的字符。如果不知道如何构造一个页面的字符，浏览器自然也不能正确地渲染页面。绝大部分浏览器在开始执行任何JavaS

2017-09-16 21:13:45 6771 1

转载网站性能优化

1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。一、页面级优化1. 减少 HTTP请求数每个请求都是有成本的，既包含时间成本也包含资源成本。一个完整的请求都需要经过 DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收

2017-09-16 20:23:53 374

转载 JS异步原理(事件,队列)

调用栈JS执行时会形成调用栈,调用一个函数时,返回地址、参数、本地变量都会被推入栈中,如果当前正在运行的函数中调用另外一个函数,则该函数相关内容也会被推入栈顶.该函数执行完毕,则会被弹出调用栈.变量也随之弹出,由于复杂类型值存放于堆中,因此弹出的只是指针,他们的值依然在堆中,由GC决定回收.尾调用:指某个函数的最后一步是调用另一个函数。由调用栈可知,调用栈中有a函数,如果a函数

2017-09-15 20:23:11 406

转载 addEventListener和on的区别

为什么需要addEventListener？先来看一个片段：html代码追梦子用on的代码 1 window.onload = function(){ 2 var box = document.getElementById("box"); 3 box.onclick = function(){ 4 console.log("我是bo

2017-09-12 16:37:01 201

转载 webpack入门

2017年8月13日更新，本文依据webpack3.5.3将文章涉及代码完全重写，所有代码都在Mac上正常运行过。希望依旧对你学习webpack有帮助。2017年8月16号更新：最近在Gitchat上将发起了一场关于webpack的分享，目的在于一起花最短的时间理解和学会webpack，感兴趣的童鞋可以微信扫描注册哈。webpack从入门到工程实践写在前面的

2017-09-10 22:02:51 175

sookielulu的博客