浏览器渲染页面的过程|前端浏览器|性能优化1. 主要过程下图是浏览器解析一个页面的主要过程,大体上为:下载HTML - 并行下载 head 中的 CSS JS - 生成 DOM 数、CSSOM 树 - 生成渲染树 - DOMContentLoaded 事件被触发 - 加载其他资源 - window.onload 事件被触发
更简化一点:下载 ...
从移动端适配探讨响应式布局与 view-port|前端CSS|移动端viewport影响着我们页面的什么?viewport是虚拟显示视口,它是时刻存在的(在现代浏览器上),我们设置meta标签只是去改变viewport的相关属性,并非是去设置一个viewport。只是在响应式页面开发过程中,默认的viewport会造成我们页面观感不合适,所以要去设置默认的缩放比例, ...
重拾JSONP,手动封装JSONP的多种写法|前端Javascript|面试题1. JSONP 原理以及传统的实现方案在如今的前后端分离传递数据的方式下,大多解决跨域的方案都使用设置 CORS(跨域资源共享),但是 jsonp 由于可以兼容低版本浏览器,现在仍然还有在使用,同时其实现思路也比较有意思,所以在此记录一下。
jsonp 的实际原理就是客户端通过 script 标签 ...
http与浏览器的缓存机制|前端浏览器|网络原理缓存基础首先我们要知道缓存的目的是什么?
使用缓存可以有效的减少服务器的请求次数,这一特性主要用于缓存静态资源,对于长期不会改变的服务器静态资源,启用缓存则无需从服务器二次下载。
缓存分为两种类型,分为 强制缓存 与 协商缓存:
对于强制缓存,浏览器会根据上次请求获取的 Cache-Controll ...
Surface Pro 6 日常使用问题记录|其他1. 屏幕低亮度闪屏问题按以下顺序找到0000文件夹:
[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class\{4d36e968-e325-11ce-bfc1-08002be10318}\0000]
然后找Featu ...
Git常用操作整理|Git|Git-Github1. Git 基本原理
工作区:我们能看到的,用来写代码的区域
暂存区:临时存储用的
历史区:生成历史版本
2. 基础指令Git 配置查看配置信息:
123git config -l # 查看配置信息git config --global -l # 查看全局配置git co ...
Koa中的的错误处理方案|后端Node|Koa1. 在 async 函数中错误捕获我们通常处理 Promise 异步操作中的错误可以使用 .catch(err=>{ ... }) 来处理,如:
12345getAsyncData().then(() => { console.log("成功啦 ...
前端页面的性能优化方案|前端浏览器|面试题1. 常规方案原则:
多使用内存、缓存或者其他方法
减少CPU计算、较少网络
从哪里入手:
加载页面和静态资源
页面渲染
1.1 加载资源优化
静态资源的压缩合并 1234<script src="a.js"></script><script ...
密码学基础:对称加密、非对称加密与数字签名与https|其他|密码学-公开课
课程来源:https://www.bilibili.com/video/av70001643
1. 密码学简介密码学是通信安全方面的研究,主要分为加密通信与数字签名两个功能:
1.1 信息加密加密通信分为 对称加密 与 非对称加密。
对称加密拥有同一套密钥,是一种比较简单的加密方式,但是其劣势 ...
使用 Element UI Select 组件的 value-key 属性,让绑定值可以为一个对象|前端Vue|ElementUI当我们使用 Elemet UI 的选择组件进行多选时,Select 组件的绑定值是一个数组,但是数组的值只能传入 Number 类型或者 String 类型的数据,如果我们想向其中传入一个对象就会出错,如:
1234567891011121314151617181920212223242526272 ...