09 2020 档案

nginx 防盗链
摘要：1 server { 2 listen 80; 3 server_name www.zhishaofei.com; 4 5 #charset koi8-r; 6 7 #access_log logs/host.access.log main; 8 9 location / { 10 root htm 阅读全文
posted @ 2020-09-30 17:47 zhishaofei3 阅读(143) 评论(0) 推荐(0)
前端页面性能优化的几种方式
摘要：提升页面性能优化的常见方式： 1、资源压缩合并，减少http请求 2、非核心代码异步加载 --> 异步加载的方式 --> 异步加载的区别 3、利用浏览器缓存 --> 缓存的分类 --> 缓存的原理 缓存是所有性能优化的方式中最重要的一步【重要】 有的人可能会回答local storage 和sess 阅读全文
posted @ 2020-09-30 12:10 zhishaofei3 阅读(498) 评论(0) 推荐(0)
10种水平垂直居中对齐方式（史上最全）
摘要：划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 image 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个github仓库，欢迎大家star 仅居中元素定宽高适用 absolut 阅读全文
posted @ 2020-09-27 18:49 zhishaofei3 阅读(1884) 评论(0) 推荐(0)
js中v8引擎的详解
摘要：v8引擎出现的原因 这里先说一下什么是编译型语言和解释性语言： 编译型语言： 在程序执行之前必须进行专门的编译过程，有如下特点： 只须编译一次就可以把源代码编译成机器语言，后面的执行无须重新编译，直接使用之前的编译结果就可以；因此其执行的效率比较高； 编译性语言代表：C、C++、Java、Pasca 阅读全文
posted @ 2020-09-21 15:32 zhishaofei3 阅读(761) 评论(0) 推荐(0)
Nginx 跨域设置(CORS)
摘要：浏览器同源策略 同源策略是Web应用程序安全模型中的一个重要概念。根据该策略，Web浏览器允许第一个Web页面中包含的脚本访问第二个Web页面中的数据，但前提是两个Web页面具有相同的源。同源定义为协议，主机名和端口号相同的组合。此策略可防止一个页面上的恶意脚本通过该页面的文档对象模型访问另一个网页 阅读全文
posted @ 2020-09-18 23:06 zhishaofei3 阅读(3105) 评论(0) 推荐(0)
什么是时间分片（Time Slicing）？
摘要：根据W3C性能小组的介绍，超过50ms的任务就是长任务。 图片来自使用 RAIL 模型评估性能 根据上图我们可以知道，当延迟超过100ms，用户就会察觉到轻微的延迟。 所以为了避免这种情况，我们可以使用两种方案，一种是Web Worker，另一种是时间切片（Time Slicing）。 Web Wo 阅读全文
posted @ 2020-09-17 17:05 zhishaofei3 阅读(567) 评论(0) 推荐(0)
Express本地测试HTTPS
摘要：我的环境 亚马逊(AWS)的一个ubuntu虚拟机. node openssl 生成证书 输入如下命令会在你的当前文件夹生成localhost.key和localhost.cert. openssl genrsa -out localhost.key 2048 openssl req -new -x 阅读全文
posted @ 2020-09-16 16:19 zhishaofei3 阅读(546) 评论(0) 推荐(0)
在 WebStorm 中，配置能够识别 Vue CLI 3 创建的项目的别名 alias
摘要：我们使用 Webpack 经常会配置一些别名 alias 指向特定的目录，这样在使用 import 等语句时就不用写一大堆的相对路径了，常见的是将项目的 src 设置为 @，比如某文件的路径是 src/libs/util.js，配置后，任何地方就可以这样导入： import util from '@ 阅读全文
posted @ 2020-09-02 19:56 zhishaofei3 阅读(1508) 评论(0) 推荐(1)
在线版本的ps
摘要：https://www.photopea.com/ 阅读全文
posted @ 2020-09-02 14:04 zhishaofei3 阅读(218) 评论(0) 推荐(0)