复习大纲
孟思行
微信公众号:前端日志
展开
-
一文串联 HTTP、TCP、IP、以太网
最近部门组织了一次前端性能优化交流会,大家从输入页面 URL 到最终页面展示内容这个过程提出了许多优化点。但同时发现很多同学对 HTTP 协议层的知识不能串联起来,于是整理了这篇文章,希望可以给大家带来一丝灵感。 当我们在页面上发起一个 AJAX 请求的时候,在网络协议层面都经历了哪些内容? // 发起请求 fetch('https://baidu.com') // 协议层1... // 协议层2... // 协议层3... .then(res=> // 得到结果 console.log(re原创 2020-12-28 13:40:49 · 1021 阅读 · 0 评论 -
网站图标开发指南(精)
图标是网站中非常友好的附加物,许多网站都会使用各种图标来美化页面样式,给用户提供更好的指引。本文将会和大家一起学习页面图标的发展历史,以及最优的解决方案。 传统图标 字体图标 SVG 图标 传统图标 编写图标最简单的方式就是使用一张图片,如: <html> <body> 图标 <img src="xxx.png" /> </body> </html> 在我刚开始写页面的时候就是这样做的,感觉 so easy,直到业务变得越来原创 2020-08-27 09:59:59 · 372 阅读 · 0 评论 -
图解 Vue 异步更新原理
上一篇《图解 Vue 响应式原理》中,我们通过 9 张流程图,理解了 Vue 的渲染流程,相信大家对整个 Vue 的渲染流程有了一定的了解,这一篇我们来重点关注一下 Vue 异步更新原理模块。 本文主要分析 Vue 从 Data 更新,到通知 Watcher 异步更新视图的流程,也就是下图中的橙色部分。 我们先来回顾一下图中的几个对象: Data 对象:Vue 中的 data 方法中返回的对象。 Dep 对象:每一个 Data 属性都会创建一个 Dep,用来搜集所有使用到这个 Data 的 Watche原创 2020-08-17 08:11:04 · 911 阅读 · 3 评论 -
图解 Vue 响应式原理
最近部门分享,有同学提到了 Vue 响应式原理,大家在讨论时,发现一些同学对这一知识理解还不够深入,不能形成一个闭环,为了帮助大家理解这个问题,我重新过了一下 Vue 源码,并整理了多张流程图,便于大家理解。 Vue 初始化 模板渲染 组件渲染 本文 Vue 源码版本:2.6.11,为了便于理解,均有所删减。 本文将从以下两个方面进行探索: 从 Vue 初始化,到首次渲染生成 DOM 的流程。 从 Vue 数据修改,到页面更新 DOM 的流程。 Vue 初始化 先从最简单的一段 Vue原创 2020-08-06 09:11:40 · 890 阅读 · 1 评论 -
一文读懂 Web 安全
Web 安全是互联网中不可或缺的一个领域,这个领域中诞生了大量的黑帽子与白帽子,他们都是安全领域的王者,在平时里,他们利用各种巧妙的技术互相博弈,时不时就会掀起一场 Web 安全浪潮,真可谓神仙打架,各显神通。 本文从一个吃瓜群众的角度,聊一聊 Web 安全的一些有趣故事。 安全世界观 安全攻防案例 总结与思考 安全世界观 在互联网发展之初,IE 浏览器垄断的时期,大家上网的目的都很单纯,主要通过浏览器分享信息,获取新闻。但随着互联网的不断发展发展,一个网页能做的事情越来越多,除了看新闻,我们还可以看视原创 2020-07-28 09:58:55 · 905 阅读 · 0 评论 -
微前端自检清单
最近在做公司微前端,整理了一份微前端搭建清单,如果你正在考虑是否要做微前端,不妨做个参考。 需求分析 技术方案分析 拆分方案分析 部署流程分析 需求分析 第一步,我们需要进行需求分析,以便真正清楚我们需要解决的问题是什么。 例如: 产品要新增一个业务模块 产品要修改项目样式 产品反馈项目启动太慢了 产品反馈页面跳转刷新很不友好 前两个需求是典型的业务需求,它的核心在于解决公司的业务问题,对于这一类需求,通常技术难度都不大,开发者只需要按照原型图,编写出对应的页面就可以了。 后两个需求是典型的技术需求原创 2020-07-19 18:39:53 · 271 阅读 · 0 评论 -
快速读懂 JS 原型链
最近参加了公司内部技术分享,分享同学提到了 Js 原型链的问题,并从 V8 的视角展开发散,刷新了我之前对原型链的认识,听完后决定重学一下原型链,巩固一下基础。 理解原型链 深入原型链 总结与思考 理解原型链 Js 中的原型链是一个比较有意思的话题,它采用了一套巧妙的方法,解决了 Js 中的继承问题。 按我的理解,原型链可以拆分成: 原型(prototype) 链(__proto__) 原型(prototype) 原型(prototype)是一个普通的对象,它为构造函数的实例共享了属性和方法。在所有原创 2020-07-10 09:49:21 · 165 阅读 · 0 评论 -
前端登录,这一篇就够了
前端登录,这一篇就够了 登录是每个网站中都经常用到的一个功能,在页面上我们输入账号密码,敲一下回车键,就登录了,但这背后的登录原理你是否清楚呢?今天我们就来介绍几种常用的登录方式。 Cookie + Session 登录Token 登录SSO 单点登录OAuth 第三方登录 Cookie + Session 登录 HTTP 是一种无状态的协议,客户端每次发送请求时,首先要和服务器端建立一个连接,在请求完成后又会断开这个连接。这种方式可以节省传输时占用的连接资源,但同时也存在一个问题:每次请求都是独立的,原创 2020-07-03 12:46:15 · 1952 阅读 · 1 评论 -
js模块开发(同步模块)实现原理
const F = {}; //定义模块管理器 F.define = function (str, fn) { var parts = str.split('.'), old = parent = this, i = len = 0; if (parts[0] === 'F') { parts = parts.slice();翻译 2017-07-27 21:40:11 · 916 阅读 · 0 评论 -
linux基础命令(增删改查)
linux基础命令 添加文件和文件夹 添加文件: touch +【空格】+【文件名】 添加文件夹: mkdir +【文件夹名】 删除文件和文件夹 删除文件:rm +【文件名】 删除文件夹:rm+【-R】+【文件夹名称】 修改文件和文件夹 修改文件mv +【文件名】+【新文件名】 修改文件mv +【文件夹名】+【新文件夹名】 复制文件和文件夹 复制文件:cp +【文件名】+【路径+文件名】原创 2017-07-17 21:18:54 · 588 阅读 · 0 评论 -
最近想转行前端,整理了一份复习知识点
1、JavaScript基础,ECMAScript 6语法。 2、HTML5基础,Canves,SVG,Zrender框架。 3、CSS3基础,Flex布局。 4、前端模块化,RequireJS,SeaJS。 5、前端构建工具,Grunt,Gulp,Webpack。 6、前端MVVM库,Angular,React,Vue。 7、后台NodeJS,Express框架,Koa框架。 8、原创 2017-02-24 10:41:53 · 369 阅读 · 0 评论