- 博客(9)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 http请求中静态资源的缓存
前言对于前端优化而言，必然离不开网络的优化。而对于网络，必然离不开http请求。为了避免发送重复的资源请求，此时缓存就显得尤为重要。下图是一般的网络请求的过程。缓存类型对于http，不同的版本对于缓存都有较大的差异，但是可以分为两大类型：强制缓存和对比缓存。这两者最大的区别在于：强制缓存不会发送网络请求，而对比缓存会发送一个网络请求，对比服务器上资源和本地资源的版本。在有强制缓存类型的情况...
2019-05-19 08:29:28
2458
原创 阻塞io与非阻塞io、同步io与异步io的理解
前言对于node有一个很大的特点就是非阻塞io，这也是由于node使用了单线程，避免了多线程之间通信的同步以及线程之间切换带来的损耗，从而大大提神了性能。由于单线程的原因，所以需要借助非阻塞io来实现快速处理响应用户的请求，而不是等处理完一个任务之后在执行下一个任务。在介绍io的问题之前，先了解一下计算机操作系统底层对于内存的划分。用户空间与内核空间每一台计算机都有一个或者多个操作系统，而操...
2019-05-05 21:35:08
782
原创 前端性能优化
利用performance可以查看网页在加载过程中每一个过程中所用的时间，根据具体的时间进行分布优化。1、redirect（重定向优化）：在请求资源的时候发送的重定向，主要分为三种：301（永久重定向）、302（临时重定向）、304（缓存）。遇到前两种，可以直接将重定向后的地址替换原来的url，避免重定向带来的转发的时间。304是利用本地的缓存，这个不用优化。2、dns优化：dns的优化一般...
2019-04-15 08:31:54
115
原创 正则
元字符量词分支和字符集字符集其实也可以用分支表示，只是在分支中可以是一个表达式(a|abc)，但是在字符集中只能是一个元素(a|b|c)[abc][^abc]分组和引用/(\d{4})-(\d{2})-(\d{2})/ 每一个括号表示一个分组，一般的分组是用于记忆，便于后面再次使用前面分组的匹配结果./(\d{4})-(\d{2})-\2/ /(?\d{4})-...
2019-04-07 23:14:59
108
原创 promise、async、await解析
对于js来说，由于本身就是单线程，在执行耗时操作的时候，比如网络请求等。如果使用同步的话，那么会阻塞整个线程，这样的其实是不合理的。在node中提出了一个很重要的特性，非阻塞式 I/O 的模型、而实现这种模型的基础就是基于事件回调机制。普通的回调模型如果使用普通的方式进行回调监听的话，有时候在回调函数中又有回调函数，这样的话会造成回调地狱，对于后期代码的阅读和维护增加很大的难度。XMLHtt...
2019-03-21 10:46:12
403
原创 js闭包
在聊闭包之前，先来讲讲作用域。作用域案例一使用表达式函数的时候，此时dom就是一个普通的函数对象的实例，跟普通的对象没什么区别。Display函数是prototype的属性，所以直接通过dom是调用不到的。通过new创建对象d，通过d.Display()的时候会到原型对象中去查找，所以打印‘Property Message’，但是通过对象实例调用Show方法，d对象自己本身没有这个方法，在...
2019-03-14 19:44:43
90
原创 js事件机制
事件事件流：分为捕获阶段、处于目标阶段、冒泡阶段三个阶段事件冒泡：从触发的对象开始，事件不断往上传递。事件捕获：从dom树一直向下传递事件直到捕获为止。事件绑定类型dom0：通过element对象调用对应的事件属性绑定特定的事件，事件会在事件冒泡阶段被捕获。let btn = document.getElementById("myBtn");btn.onclick = fun...
2019-03-10 18:04:12
5218
原创 js原型详解
前言在讲原型之前，先讲一下原型是为了解决什么问题而存在的，不希望一起来就讲原型，这样的话会有点生硬。下面会一步步递进，从对象的创建、构造函数的使用、再到原型的引入，一步步的进阶。对象的创建在开始讲原型之前，先来看看js中创建一个对象的过程。但是通过这种方式去创建对象的话会至少存在一下需要改进的地方。1、如果需要创建多个对象的话，那么需要执行多次重复的代码，会造成代码的冗余。2、所有创建出...
2019-03-09 17:15:57
683
原创 css实现水平垂直居中
一、Table布局1、利用Table布局，子容器使用text-align实现水平居中，vertical-align实现垂直居中。 .parent { display: table; width: 100%; height: 100%; } .children{ display: table-cell; text-align: center; vertical-ali...
2018-10-07 11:22:55
144
在android模拟器中解析不到tomcat中的xml文件，
2015-08-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人