摘要: Chrome进程架构,打开一个浏览器有多少进程? 一、2007年之前,浏览器就是单进程的,不稳定、不流畅、不安全 二、早期多进程浏览器(主进程、渲染进程、插件进程) 1、进程之前相互隔离,所以当一个页面或者插件崩溃时,影响到的仅仅是当前的页面进程或者插件进程,并不会影响到浏览器和其他页面2、采用多进 阅读全文
posted @ 2020-02-27 00:49 Lorin-Yang 阅读(150) 评论(0) 推荐(0) 编辑
摘要: CSS如何实现固定宽高比 一、元素尺寸已知,直接写宽高 二、尺寸未知,可替换元素(img、video等),指定宽度或者高度,另一个自动计算。 <div class="wrapper"> <img src="./picture" alt=""></div>.wrap{ width: 50vw;}img 阅读全文
posted @ 2020-02-25 22:48 Lorin-Yang 阅读(140) 评论(0) 推荐(0) 编辑
摘要: CSS选择器世界 CSS选择器的分类与优先级 css选择器分为四类:选择器、选择符(后代关系的空格、>、+、~、||)、伪类、伪元素(::before、::after、::first-letter等)。 css的优先级:css的优先级有很多划分方法,所有的方法其实都大同小异。这里将CSS优先级划分为 阅读全文
posted @ 2020-02-23 10:03 Lorin-Yang 阅读(1357) 评论(0) 推荐(0) 编辑
摘要: 今天学了啥? winter的一篇专栏文章《伪元素是怎么回事儿?》 一、选择器优先级,其实我更喜欢最近 看的张鑫旭的《CSS选择器世界》里的优先级排序规则,虽然都是大同小异: 0级: 通配选择器、选择符(+、>、~、空格等)、逻辑组合伪类(:not()、:is()、:where等); 一级:标签选择器 阅读全文
posted @ 2019-12-21 23:37 Lorin-Yang 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 今天学了啥? 一、早 6:50-7:30 《玩转webpack》12、13、14讲关于loaders、plugins、mode的基础讲解以及官方文档。 mode其实就是配置开发环境或者生产环境;loader是对webpack不能解析的模块源代码进行转换,将不同的语言转换为js;plugins为解决l 阅读全文
posted @ 2019-12-20 23:40 Lorin-Yang 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 之所以新建这个分类是因为昨天参加了 《极客时间》的 21天学习行动,就萌生了这个想法来督促自己。写的很随意简单,不占用自己太多时间跟精力。 今天学了啥? 一、早 6:50 -- 7:30 极客时间 《玩转webpack》 10、11讲。其实一直想比较全面的过一遍官网文档,记得刚转前端的时候粗略看过一 阅读全文
posted @ 2019-12-19 23:34 Lorin-Yang 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 重拾算法之复杂度分析(大O表示法) 在论坛里经常会看到一句话:学不会算法就去做网页开发。当然,从某种层面来看,前端对算法的要求确实不高,毕竟想写一个级联选择器会找到一大把的组件库。但是呢,算法又是一个优秀的工程师必须具备的的基础内功。程序员之间流传这么一句话:“一流程序员靠数学,二流靠算法,三流靠逻 阅读全文
posted @ 2019-04-15 00:10 Lorin-Yang 阅读(2479) 评论(0) 推荐(1) 编辑
摘要: 3月份几乎每天都能看到面试的人从我身边经过,前段时间同事聊面试话题提到了原型链,顿时激起了我在开始学习前端时很多心酸的回忆。第一次接触js的面向对象思想是在读《js高程设计》(红宝书)的时候,这部分内容卡了我整整一个多月,记得那会儿用了很笨的办法,我把这两个章节来回读了一遍又一遍,仍然不能完全理解, 阅读全文
posted @ 2019-04-02 01:04 Lorin-Yang 阅读(1630) 评论(0) 推荐(0) 编辑
摘要: 你真的了解FastClick吗? 前段时间在做公司官网手机端菜单部分的时候,遇到一些很诡异的点击问题。比如菜单点击无效/双击才有效、在手指滑动的时候会触发点击事件、以及同样的事件处理在微信跟浏览器会有不一样的表现等等,这些问题我一直试图用一些移动端事件的hack来解决,到最后还是有两个问题没有解决掉 阅读全文
posted @ 2019-03-17 21:35 Lorin-Yang 阅读(9697) 评论(0) 推荐(1) 编辑
摘要: 一、对象 对象可以通过两种形式定义:声明(文字)形式和构造形式。即: var myObj = { key: value // ... }; 或: var myObj = new Object(); myObj.key = value; 对象还有一些内置对象: String、Number、Boolea 阅读全文
posted @ 2018-03-10 15:08 Lorin-Yang 阅读(139) 评论(0) 推荐(0) 编辑