guo&qi - 博客园

HTTPS原理以及流程

摘要：一、HTTP和HTTPS的区别 HTTP协议传输的数据都是未加密的，也就是明文的，因此使用HTTP协议传输隐私信息非常不安全。 HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比http协议安全。 HTTPS的缺点：因为与纯文本通信相比，加密通信会消耗更多的CPU 阅读全文

posted @ 2019-08-19 14:07 guo&qi 阅读(1235) 评论(0) 推荐(0) 编辑

DOMContentLoaded和load的区别

摘要：一、概念 DOMContentLoaded 当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载。 load load 仅用于检测一个完全加载的页面，页面的html、css、js、图片等资源都已经加载完之后才会触发阅读全文

posted @ 2019-08-09 16:40 guo&qi 阅读(19570) 评论(5) 推荐(13) 编辑

js中的函数防抖与节流

摘要：一、滚动条监听的例子写一个功能需求-- 监听浏览器滚动事件，返回当前滚条与顶部的距离，代码如下： function showTop () { var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; 阅读全文

posted @ 2019-07-30 16:43 guo&qi 阅读(387) 评论(0) 推荐(0) 编辑

对vuex的理解

摘要：一、概念 vuex是一个专为vue.js应用程序开发的状态管理模式（它采用集中式存贮管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化）。二、五大核心属性核心属性为：state，getter，mutation，action，module state：存储数据，存储状态；在阅读全文

posted @ 2019-07-22 18:21 guo&qi 阅读(2352) 评论(0) 推荐(0) 编辑

前端工程化

摘要：一、定义工程化即系统化、模块化、规范化的一个过程。如果说计算机科学要解决的是系统的某个具体问题，或者更通俗点说是面向编码的，那么工程化要解决的是如何提高整个系统生产效率。二、为什么需要前端工程化前端越来越复杂，设计的问题和环节也越来越多，不采用工程化管理，就无法很好的实现团队协同和降低复杂性阅读全文

posted @ 2019-07-07 16:41 guo&qi 阅读(482) 评论(0) 推荐(0) 编辑

CSS实现三角形

摘要：将一个div的宽度和高度设置为0，然后设置边框样式将一个div的border都设置成50px粗，并且不同颜色，结果如下图所示：把边框宽度设置成50px，计算机处理时，在边框交接处，一边占用一半的面积。将左右下边框设置成transparent，就可以画出一个三角形结果如下图所示：将下边框的长阅读全文

posted @ 2019-07-05 14:44 guo&qi 阅读(63567) 评论(0) 推荐(3) 编辑

浏览器的多线程

摘要：一、CPU CPU是计算机的核心，其负责承担计算机的计算任务。这里我们比喻为一个工厂。二、进程进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程，是操作系统进行资源分配和调度的一个独立单位，是应用程序运行的载体。我们这里将进程比喻为工厂的车间，它代表CPU所能处理的单个任务。任阅读全文

posted @ 2019-07-03 15:47 guo&qi 阅读(4348) 评论(0) 推荐(1) 编辑

gzip压缩

摘要：一、背景线上环境要把js，css，图片等压缩，尽量减少文件的大小，提升响应速度，特别是对移动端，这个非常重要。压缩通过减少http响应的大小来减少响应时间。如果Http请求得到更小的响应，服务器和浏览器之间就会有更少的包被传送，传输时间就减少了。二、gzip压缩原理从Http/1.1开始，浏阅读全文

posted @ 2019-07-02 17:36 guo&qi 阅读(3928) 评论(0) 推荐(0) 编辑

清除浮动的方法

摘要：一、浮动的定义使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。文档流：文档流是文档中可显示对象在排列时所占用的位置。 float常跟属性值left、right、none 二、浮动的用途可设置文字环绕或使元素宽度由内容填充（类似Inline-block)。使用浮阅读全文

posted @ 2019-06-11 16:34 guo&qi 阅读(295) 评论(0) 推荐(0) 编辑

vue-router的hash和history模式的区别

摘要：一、概念为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于：改变视图的同时不会向后端发出请求。为了达到这种目的，浏览器当前提供了以下两种支持： 1.hash——即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散阅读全文

posted @ 2019-06-10 14:07 guo&qi 阅读(405) 评论(0) 推荐(0) 编辑

导航

2019年8月19日

2019年8月9日

2019年7月30日

2019年7月22日

2019年7月7日

2019年7月5日

2019年7月3日

2019年7月2日

2019年6月11日

2019年6月10日