- 博客(13)
- 收藏
- 关注
RSS订阅原创 理解CSS-BFC（Block Formatting Context）概念
前言BFC 已经是一个耳听熟闻的词语了，但是我对于BFC的概念以及应用场景一直都不是很明白，据说搞懂BFC可以让我们理解CSS中某些原本诡异的地方。今天着重去了解了一下，做了以下总结。一、文档流在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流、普通流三种。而普通流其实就是指BFC中的FC。FC（Formatting Context），直译过来就是“格式化上下...
2019-01-25 15:07:16
314
2
原创 浅析浏览器缓存
前言 在前端项目体验中，判断一个网站性能最直观的就是网页打开的速度，所以项目开发中在速度方面的性能优化最主要的就是使用缓存，对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端一致，那么就没有必要再将数据回传回来，这样就减少了响应数据。...
2019-01-22 14:51:42
1089
原创 css经典布局——双飞翼布局
圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章《In Search of the Holy Grail》，在国内最早是淘宝UED的工程师（玉伯大大）对圣杯布局改进并传播开来，在中国的叫法是双飞翼布局。 圣杯布局和双飞翼布局达到的效果基本相同，都是侧边两栏宽度固定，中间栏宽度自适应。 主要的不同之处就是在解决中间部分...
2019-01-18 17:43:50
35239
12
原创 css经典布局——圣杯布局
圣杯布局和双飞翼布局一直是前端面试的高频考点，圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章《In Search of the Holy Grail》。比起双飞翼布局，它的起源不是源于对页面的形象表达。在西方，圣杯是表达“渴求之物”的意思。而双飞翼布局则是源于淘宝的UED，可以说是灵感来自于页面渲染。效果图 原本录制了...
2019-01-18 11:49:09
54335
25
原创 炸鸡柳
最近刷头条总能看到这么一句评论：“xxx东西坏了不要丢，起锅烧油，裹上面包糠，炸至金黄酥脆，滤油捞出，老人小孩都爱吃，隔壁老王都馋哭了”， 哈哈哈，网友们真是搞笑，把炸东西的过程说的这么逗比。今天我就来记录下炸鸡柳的全过程，不过还好我隔壁没有住着老王，不然全给我抢了。材料：鸡胸肉 250g 葱 1段 姜 ...
2019-01-13 13:06:08
462
1
原创 蒜泥剁椒花甲
又到周末啦~ 哈哈哈，最近支付宝搞活动挣了些钱，去菜市场买点花甲改善伙食。迈着我欢快的步伐，哼着小调，一蹦一跳的朝着菜市场出发，挑选今天制作花甲的高端食材。如下：材料：花甲 500g 蒜 1个 葱 1根 姜 适量 料酒 1勺 剁椒酱 1勺 豆瓣酱 1勺 清水 ...
2019-01-12 12:29:38
386
2
原创 JavaScript事件代理（事件委托）
基本概念事件代理（Event Delegation），又称之为事件委托。是JavaScript中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定在子元素的响应事件（click、keydown......）委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。举个通俗的例子比如一个宿舍的同学同时快递到了，一种方法就是他们一个个去领取，还有一种方...
2019-01-11 15:03:44
69944
8
原创 this、call、apply、bind
This指针每一个方法或函数都会有一个this对象，this对象是方法（或函数）在执行时的那个环境，也可以说是这个函数在那个作用域下运行的。说的更通俗一点：this就相当于咱们平时说话时候说的“我”，“我家”的概念。就是说当一个方法在运行的时候，它是属于谁的。它在运行的时候它的家是谁家。在 ES5 中，其实 this 的指向，始终坚持一个原理：this 永远指向最后调用它的那个对象例1...
2019-01-10 14:17:15
481
原创 理解同步异步与阻塞非阻塞的区别
同步异步与阻塞非阻塞的概念对于很多初学者来说是一个模糊的概念，其实我们的生活中存在着很多同步和异步的例子。同步和异步关注的是消息通信机制在计算机领域，同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行...
2019-01-09 10:44:46
6076
3
原创 Ajax 是什么? 如何创建一个 Ajax？
在上世纪90年代，几乎所有的网站都由HTML页面实现，服务器处理每一个用户请求都需要重新加载网页。用户体验极差！由于每次应用的沟通都需要向服务器发送请求，应用的回应时间依赖于服务器的回应时间。这导致了用户界面的回应比本机应用慢得多。在 2005 年，Google 通过其 Google Suggest 使 AJAX 变得流行起来。Google Suggest 使用 AJAX...
2019-01-07 11:46:49
3560
原创 Vue生命周期钩子函数
生命周期钩子就好像是把人的出生到死亡分成一个个阶段，你肯定是在出生阶段起名字，而不会在成年或者死亡的阶段去起名字。组件也是一样， Vue 实例从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期，各个阶段有相对应的事件钩子，用户可以在特定的阶段调用特定的方法。每个阶段组件内部的属性都是不一样的，比如created钩子时视图还...
2019-01-04 17:47:06
794
原创 git commit提交规范
git commit提交规范代码提交信息的说明，能够使项目在后期协作以及Bug处理时更加容易理解【1】commit message格式 <type>: <subject> 注意：冒号后面有空格【2】type 用于说明 commit 的类别，只允许使用下面7个标识 feat：新功能（feature） fix：修补bug d...
2019-01-02 17:56:35
2052
原创 pre-commit用法说明
说明项目要使用git进行代码提交时，使用叫pre-commit的git钩子，在调用git commit 命令时自动执行某些脚本检测代码，若检测出错，则阻止commit代码，也就无法push，保证了出错代码只在我们本地，不会把问题提交到远程仓库安装【1】安装huskynpm i husky -save-dev【2】安装list-stagednpm i lint-stage...
2019-01-02 17:53:49
41704
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人