- 博客(26)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 大白话讲解什么是BFC？
什么是BFC？为什么这个概念一直被提起？？为什么每一个人都解释不清BFC？？？什么是BFC？BFC 全称为 块格式化上下文 (Block Formatting Context) 。从这个...
2019-12-18 18:57:25
249
原创 干货：Vue粒子特效（vue-particles插件）
image.png图上那些类似于星座图的点和线，是由vue-particles生成的，不仅自己动，而且能与用户鼠标事件产生互动。一直中意这种动态插件，今天有时间，迫不及待试了一波~大写的...
2019-12-17 08:12:16
2035
原创 「译」按钮文本设计的五大原则
点击原文加群原文地址：5 Rules for Choosing the Right Words on Button Labels原文作者：UX Movement译者：Chor按钮文本正如...
2019-12-16 08:40:00
353
原创 网页字体排印指南--也是一门艺术
点击原文加群关于网页上百分之九十五的信息是「文字」，大多数人浏览网页的状态就是阅读，也就是你目前正在做的事情. 因此作为一名前端工程师，让文字更好地在网页显示，是一件极其重要的工作.字体...
2019-12-15 10:46:33
165
原创 vue面试之加分项
对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了。在面试过程很多HR会问到。image第一招：化繁为简的Watch场景还原：组件创建的时候我们获取一次列表，同时监听input框，每当发生变化的时候重新获取一次筛选后的列表这个场景很常见，有没...
2019-12-13 10:14:02
495
原创 【前端性能优化】vue性能优化
一、templatev-show，v-if 用哪个？第一个维度是权限问题，只要涉及到权限相关的展示无疑要用v-if，第二个维度在没有权限限制下根据用户点击的频次选择，频繁切换的使用v-show，不频繁切换的使用v-if，这里要说的优化点在于减少页面中 dom 总数，我比较倾向于使用v-if，因为减少了 dom 数量，加快首屏渲染，至于性能方面我感觉肉眼看不出来切换的渲染过程，也...
2019-12-13 10:12:48
195
原创 javascript 垃圾回收机制
随着前端业务需求的不断增多，相比以前，我们会占用更多的内存。但是内存并不是无限的，而对于那些我们不再需要的变量、对象该怎么处理呢？难道一个一个去手动释放么？其实并不需要，Javascript 具有自动垃圾回收机制，会定期对那些我们不再使用的变量、对象所占用的内存进行释放Javascript 的垃圾回收机制Javascript 会找出不再使用的变量，不再使用意味着这个变量生命周期的结束。Java...
2019-12-12 11:19:56
208
原创 【JS】预编译（图解）
预编译是js的一个特色，也算是闭包之前最难的一个知识点。预编译有4句公式，而这4句公式只要背熟就能理解预编译。这4句公式放在本文最末尾。本节篇幅比较长，要理解的东西也比较多。在学习预编译之前要记住下面这句话：JS的声明和执行(赋值)是分开两步操作的，声明属于预编译环节。要了解预编译，就要先了解变量声明。变量声明又分为全局和局部。局部变量和作用域有关，稍后会讲到...
2019-12-12 11:18:24
293
原创 面试题：第一弹
关键点一：CSS31，描述一下你认为的盒子模型?答案：盒子模型分为ie盒子模型和w3c盒子模型，ie的盒子模型包括（margin(外边距)，padding(内边距)，边框(border）...
2019-12-10 12:56:16
72
原创 笔试题：第一弹
1. 设置元素浮动后，该元素的 display 值是多少( )A.block B. 不变 C. inline D. inline-block2. 以下不是 canvas 的⽅方...
2019-12-10 12:56:16
752
原创 JS实现简单的Vue
vue的使用相信大家都很熟练了，使用起来简单。但是大部分人不知道其内部的原理是怎么样的，今天我们就来一起实现一个简单的vue。Object.defineProperty()实现之前我们得先看一下Object.defineProperty的实现，因为vue主要是通过数据劫持来实现的，通过get、set来完成数据的读取和更新。从上面可以看到通过get获取数...
2019-12-09 16:41:06
1188
原创 你还在一昧的使用if-else吗？
请用5秒钟的时间查看下面的代码是否存在bug。OK，熟练的程序猿应该已经发现Bug所在了，在第8行和第10行下面我没有添加关键字break; 这就导致这段代码的行为逻辑与我的设计初衷不符了。缺点一. 语法正确，逻辑错误这就是第一个理由为什么程序猿很少使用switch来做条件判断，对于新手来说忘记写break实在是再普通不过了，就算是老猿忘记写也是时有发生的事情，而这个语法错误...
2019-12-09 09:17:35
103
原创 Vue-分享功能
今天分享一个小技巧，教你如何一分钟内学会用vue实现分享功能。H5无法实现直接调用手机App并实现分享功能，如果你想自定义分享的内容，就必须在微信内嵌的浏览器里面调用微信的分享接口（QQ浏览器就要调用它的相关api，其他浏览器也是），毕竟H5不是APP，有一些东西还是在APP上调用比较方便。H5方便的也就是直接使用浏览器自带的分享功能（把当前页面的URL分享出去，分享的内容根据浏览器自身...
2019-12-08 23:32:30
5219
3
原创 详解三次握手：遇到心动的女孩时，如何去把握？
我有一个朋友，小泷，他与我倾诉：他在咖啡厅与朋友闲谈，遇到了一个让时间彷佛静止的女孩。他描述，那一刻，他的心彻底被抓住了，脑中轰然，眼睛无法再从她身上移开。而女孩，也时不时向她望来，那是一双如秋水般清澈的明眸。小泷说，他非常非常想想把握，这一次心动。然而，自始自终，他没能迈出那一步，他不知道该怎么办。TCP协议之握手：如何开启一段情感羁绊。小泷的困境，是每个男孩的困...
2019-12-08 22:58:49
230
原创 详解TCP协议四次挥手：怎么与女孩道别，才能留下好的印象
若你也想知道 怎么通过三次握手 搭讪女孩，请点击详解三次握手：遇到心动的女孩时，如何去把握？时间总是短暂的，你们相谈甚欢，到了离别的时候。只有一个体面的离别，才意味着未来依然可以关系持续升温。放心，TCP协议已经为你规划好了。第一次挥手作为主动方的男生，需要首先表示分别，千万不要拖泥带水等到女生提出，这样才能为这段邂逅留下回味与不舍。你需要提出分别，给出具体信息。这...
2019-12-08 22:58:14
154
原创 前端工程师需要明白的「浏览器渲染」
前端工程师为什么需要明白浏览器渲染？像素完美（Pixel Perfection）、分辨率无关（Resolution Independent）和多平台体验一致性是设计师们的追求。可访问性（Accessability）、加载性能和重构灵活性则是前端工程师们关心的主题。其中加载性能与浏览器的渲染机制深深挂钩，弄明白浏览器背后的渲染机制，才能在日常的前端的开发中明白如何进行性能优化。浏览器如何渲染页面...
2019-12-08 22:56:55
113
原创 这一次，彻底弄懂 JavaScript 执行机制（别还不知道什么是宏任务，什么是微任务）
本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：javascript是按照语句出现的顺序执行的看到这里读者要打人了：我难道不知道js是一行...
2019-12-08 22:55:58
561
原创 面试官：一个 TCP 连接可以发多少个 HTTP 请求？
曾经有这么一道面试题：从 URL 在浏览器被被输入到页面展现的过程中发生了什么？ 相信大多数准备过的同学都能回答出来，但是如果继续问：收到的 HTML 如果包含几十个图片标签，这些图片是以什么方式、什么顺序、建立了多少连接、使用什么协议被下载下来的呢？要搞懂这个问题，我们需要先解决下面五个问题：现代浏览器在与服务器建立了一个 TCP 连接后是否会在一个 HTTP 请求完成后...
2019-12-08 22:53:49
207
原创 漫画告诉你什么是 DDoS 攻击？
如今大流量网络攻击正逐渐呈现增长趋势，前不久锤子科技的发布会以及9月12日苹果官网宕机的案例就印证了这一点。那什么是DDoS攻击？如何才能抵御DDoS攻击呢？本文作者通过一系列漫画图片为大家做了生动演示。伤感的发布会 2015年8月25日晚，锤子手机可谓迎来了有史以来最伤感的发布会。除了所有产品资料提前遭到泄密外，就连发布会当天的电商网站也遭到了DDoS攻击，致使客户无法下单数小时。 据悉，此次D...
2019-12-08 18:57:14
229
原创 如何开发 Vue 插件？
项目由 cli 3+创建Element、bootstrapVue 它们都是非常优秀的 vue 插件，如果我们也想参与插件开发那要怎么做呢？Vue.use( plugin ) 注册插件//引自官方apiVue.use( plugin )参数：{Object | Function} plugin用法：安装 Vue.js 插件。如果插件是一个对象，必须提供 insta...
2019-12-06 13:51:49
177
原创 vue面试题之一：生命周期函数面试题
1. 生命周期函数面试题1. 什么是vue生命周期？Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列的过程，我们称这是 Vue 的生命周期。2. vue生命周期的作用是什么Vue 所有的功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。生命...
2019-12-06 13:50:36
514
原创 前端面试时面试官想要听到什么答案（关于一些Vue的问题）
本文会列举一些平时面试时问到的问题和答案，并说明面试官在当时问到这个问题时所期望对方的回答：vue生命周期（钩子函数）问题请说一下vue的生命周期函数（钩子函数）。问题描述首先关于生命周期函数，一般我的第一个问题就是这个，我认为是每个使用vue的都要清楚的，如果这个问题答的问题很大其实我都不太想继续往下进行了。即使英语不标准（我就是不标准的人，并不是说这是个问题）也要去把关键...
2019-12-06 10:35:55
777
原创 做一名合格的前端开发工程师：Javascript加载执行问题探索
做前端开发少不了各种利器。比如我习惯用的还是Google浏览器和重型武器Fiddller。一：原始情况首先大家看看如下的代码：估计90%的程序员都会把js文件放在head中，但是大家有没有深究过呢？很多浏览器都会使用单一的线程来做“界面UI的更新”和“JS脚本的处理“，也就是当执行引擎遇到”<script>“的时候，此时页面的下载和渲染都必须等待<script>...
2019-12-06 10:34:39
219
原创 Css 实现漂亮弧形(不要再特意用图片做背景了）
在实现页面五花八门的有特色的ui时，我们有时会遇到要用实现一个弧形，而这样的弧形要怎么实现呢？用图片？好像不大现实，因为这样就要无故多加载一张图片了，这里我们来说说怎么用css的after伪类来实现弧形。先是一写元素，再给这个元素设置样式和伪类样式<view class="pure_top"></view>比如说这个pure_top元素(因为这里是小程...
2019-12-06 10:31:17
7355
1
原创 npm 使用（创建，上传，删除）
创建当然啦，先要注册自己的npm账号npm init先cd 进你要放包的目录，然后npm init 填写相关的资料name：填写插件包名，默认是当前文件夹的名字（注意查看npm上有没有重...
2019-12-02 09:23:21
655
原创 vue面试题之一：生命周期函数面试题（你可知道是子组件先渲染还是父组件？））...
1. 生命周期函数面试题1. 什么是vue生命周期？Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列的过程...
2019-12-02 09:23:21
597
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人