自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 写技术博客那点事

前言 写文章是一个短期收益少,长期收益很大的一件事情,人们总是高估短期收益,低估长期收益。往往是很多人坚持不下来,特别是写文章的初期,刚写完文章没有人阅读会有一种挫败感,影响了后期创作。 从某种意义上说,博客是我最好的学习笔记和个人名片。在IT行业内,技术博客是了解一个开发者最好的方式之一,特别是...

2019-02-16 18:57:18

阅读数 4184

评论数 3

原创 十分钟上手ES2020新特性

前言 ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。本文的代码地址:https://github.com/ljianshu/Blog 本文以简单的代码示例来介绍 ES2020新特性。这...

2020-02-09 11:11:06

阅读数 2386

评论数 1

原创 让开发效率“飞起”的VS Code 插件

前言VSCode,是一个免费的、开源的跨平台编辑器,也是我最满意的编辑器之一。本文向大家推荐一些我喜欢的vscode插件,不出意外的话,这些插件将对你的工作效率提升有不小的帮助!GitL...

2020-01-20 07:30:00

阅读数 956

评论数 0

原创 令人期待的 JavaScript 新特性

前言 一个ECMAScript标准的制作过程,包含了Stage 0到Stage 4 五个阶段,每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3 或者Stage 4 阶段,这意味着应该很快在浏览器和其他引擎中支持这些特性。更多优质文章请猛戳GitHub博客 一、类的...

2019-12-27 10:13:10

阅读数 5158

评论数 6

原创 盘点ES7、ES8、ES9、ES10新特性

前言 从 ECMAScript 2016(ES7)开始,版本发布变得更加频繁,每年发布一个新版本,好在每次版本的更新内容并不多,本文会细说这些新特性,尽可能和旧知识相关联,帮你迅速上手这些特性。想阅读更多优质文章请猛戳GitHub博客 ES7新特性 1.Array.prototype.inclu...

2019-12-25 14:33:12

阅读数 1077

评论数 0

原创 关于裁员几点看法及建议

最近网易裁员事件引起广泛关注,昨天网易针对此事,也发了声明,到底谁对谁错,孰是孰非?我们作为吃瓜观众实在是知之甚少,所以不敢妄下定论。身处软件开发这个行业,近一两年来,对...

2019-11-26 07:20:00

阅读数 6122

评论数 12

原创 解读HTTP/2与HTTP/3 的新特性(推荐)

前言 HTTP/2 相比于 HTTP/1.1,可以说是大幅度提高了网页的性能,只需要升级到该协议就可以减少很多之前需要做的性能优化工作,当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。 虽然 HTTP/2 提高了网页的性能,但是并不代表它已经是完美的了,HTTP/3 就是为了解决...

2019-10-16 07:20:00

阅读数 1150

评论数 0

原创 关于响应式布局,你必须要知道的

一、前言 响应式Web设计可以让一个网站同时适配多种设备和多个屏幕,可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。本文主要介绍一些响应式布局容易忽略但又很重要的知识点。 二、视口 移动前端中常说的 viewport (视口)就是浏览器中用于呈现网页的区域。视...

2019-08-30 09:30:08

阅读数 6166

评论数 5

原创 为什么HTTPS比HTTP更安全?

前言 近几年,互联网发生着翻天覆地的变化,尤其是我们一直习以为常的HTTP协议,在逐渐的被HTTPS协议所取代,在浏览器、搜索引擎、CA机构、大型互联网企业的共同促进下,互联网迎来了“HTTPS加密时代”,HTTPS将在未来的几年内全面取代HTTP成为传输协议的主流。 读完本文,希望你能明白:...

2019-08-09 14:39:34

阅读数 33438

评论数 90

原创 一文带你了解JavaScript 函数式编程

前言函数式编程在前端已经成为了一个非常热门的话题。在最近几年里,我们看到非常多的应用程序代码库里大量使用着函数式编程思想。本文将略去那些晦涩难懂的概念介绍,重点展示在 J...

2019-08-09 07:10:00

阅读数 106

评论数 0

原创 函数节流和防抖

前言 事件的触发权很多时候都属于用户,有些情况下会产生问题: 向后台发送数据,用户频繁触发,对服务器造成压力 一些浏览器事件:window.onresize、window.mousemove等,触发的频率非常高,会造成浏览器性能问题 如果你碰到这些问题,那就需要用到函数节流和防抖了。 ...

2019-07-28 15:37:39

阅读数 550

评论数 0

原创 DOM事件机制

前言 本文主要介绍DOM事件级别、DOM事件模型、事件流、事件代理和Event对象常见的应用,希望对你们有些帮助和启发! 本文首发地址为GitHub博客,写文章不易,请多多支持与关注! 一、DOM事件级别 DOM级别一共可以分为四个级别:DOM0级、DOM1级、DOM2级和DOM3级。而DOM事...

2019-07-28 15:34:56

阅读数 287

评论数 1

原创 详解Vue计算属性和侦听属性

前言 一些初学者可能对计算属性和侦听属性的使用场景感到困惑不解,本文主要介绍两者的用法、使用场景及其两者的区别。 本文的代码请猛戳github博客,纸上得来终觉浅,大家动手多敲敲代码! 计算属性 1.介绍 计算属性是自动监听依赖值的变化,从而动态返回内容,监听是一个过程,在监听的值变化时,可以触发...

2019-07-28 15:31:59

阅读数 317

评论数 0

原创 深入浅出Vue响应式原理

前言 Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以避开一些常见的问题。----官方文档 本文将针对响应式原理做一个详细介绍,并且带你实现一...

2019-07-08 07:10:00

阅读数 787

评论数 0

原创 JS 异步编程六种方案

前言 我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务。 这种模式虽然实现起来比较简单,执行环境相对单纯,但是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的...

2019-06-28 11:15:45

阅读数 4660

评论数 12

原创 常见六大Web安全攻防解析

前言 在互联网时代,数据安全与个人隐私受到了前所未有的挑战,各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据?本文主要侧重于分析几种常见的攻击的类型以及防御的方法。 想阅读更多优质原创文章请猛戳GitHub博客 一、XSS XSS (Cross-Site Scripting),跨站脚本攻击...

2019-06-26 12:42:19

阅读数 4040

评论数 8

原创 揭秘Vue中的Virtual Dom

前言 Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍,并大大降低了内存消耗。那么,什么是Virtual DOM?为什么需要Virtual DOM?它是通过什么方式去提升页面渲染效率的呢?这是本文所要探讨的问题。 模板转换成视图的过程 在正式介绍 ...

2019-06-26 12:38:49

阅读数 769

评论数 2

原创 详解vue组件三大核心概念

前言 本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件,也可以从这三个部分展开,它们可以帮助你快速了解一个组件的所有功能。 本文的代码请猛戳github博客,纸上得来终觉浅,大家动手多敲敲代码! 一、属性 1.自定义属性props p...

2019-05-30 13:12:04

阅读数 2214

评论数 1

原创 vue组件间通信六种方式(完整版)

前言 组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系: 如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。 针对不同的使用场...

2019-05-27 09:14:25

阅读数 1675

评论数 5

原创 页面性能优化办法有哪些?

引子 互联网有一项著名的8秒原则。用户在访问Web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上,加载时间每多1秒,你就会流失7%的用户。8秒并不是准确的8秒钟,只是向网站开发者表明了加载时间的重要性。那我们如何优化...

2019-05-27 09:10:38

阅读数 855

评论数 1

原创 JavaScript中的垃圾回收和内存泄漏

前言 程序的运行需要内存。只要程序提出要求,操作系统或者运行时就必须供给内存。所谓的内存泄漏简单来说是不再用到的内存,没有及时释放。为了更好避免内存泄漏,我们先介绍Javascript垃圾回收机制。 在C与C++等语言中,开发人员可以直接控制内存的申请和回收。但是在Java、C#、JavaScri...

2019-04-30 09:13:36

阅读数 2008

评论数 6

原创 如何居中一个元素(终结版)

前言 本文主要介绍水平居中,垂直居中,还有水平垂直居中各种办法,思维导图如下: 一、水平居中 1.行内元素水平居中 利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline-fle...

2019-04-26 00:01:16

阅读数 630

评论数 2

原创 你不知道的浏览器页面渲染机制

前言 浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。这...

2019-04-10 07:51:24

阅读数 164

评论数 0

原创 cookie已凉,浏览器存储该怎么做

前言 随着移动网络的发展与演化,我们手机上现在除了有原生 App,还能跑“WebApp”——它即开即用,用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。WebApp 优异的性能表现,有一部分原因要归功于浏览器存储技术的提升。cookie存储数据的功能已经很难满足开...

2019-04-03 09:51:41

阅读数 8407

评论数 21

原创 从URL输入到页面展现到底发生什么?

前言打开浏览器从输入网址到网页呈现在大家面前,背后到底发生了什么?经历怎么样的一个过程?先给大家来张总体流程图,具体步骤请看下文分解!总体来说分为以下几个过程:DNS 解...

2019-04-01 07:31:37

阅读数 161

评论数 0

原创 春招季如何横扫 Javascript 面试核心考点(基础版)?

引言 Javascript是前端面试的重点,本文重点梳理下 Javascript 中的常考知识点,然后就一些容易出现的题目进行解析。限于文章的篇幅,无法将知识点讲解的面面俱到,本文只罗列了一些重难点,如果想要了解更多内容欢迎点击我的博客。 一、变量类型 1.JS 的数据类型分类 根据 JavaSc...

2019-03-29 09:30:52

阅读数 590

评论数 3

原创 TCP和UDP比较

引言 网络协议是每个前端工程师都必须要掌握的知识,TCP/IP 中有两个具有代表性的传输层协议,分别是 TCP 和 UDP,本文将介绍下这两者以及它们之间的区别。 想阅读更多优质文章请猛戳GitHub博客 一、TCP/IP网络模型 计算机与网络设备要相互通信,双方就必须基于相同的方法。比如,如何探...

2019-03-20 10:07:30

阅读数 227

评论数 1

原创 深入理解JavaScript执行上下文和执行栈

前言 如果你是一名 JavaScript 开发者,或者想要成为一名 JavaScript 开发者,那么你必须知道 JavaScript 程序内部的执行机制。执行上下文和执行栈是JavaScript中关键概念之一,是JavaScript难点之一。 理解执行上下文和执行栈同样有助于理解其他的 Java...

2019-03-18 09:19:55

阅读数 168

评论数 0

原创 深入理解JavaScript作用域和作用域链

前言 JavaScript中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说,作用域的概念并不是很容易理解,本文我会尽我所能用最简单的方式来解释作用域和作用域链,希望大家有所收获! 作用域(Scope) 1.什么是作用域 作用域是在运行时代码中的某些特定部分中变量,函数和...

2019-03-15 09:22:30

阅读数 18572

评论数 0

原创 Web 实时推送技术的总结

前言 HTTP/2 相比于 HTTP/1,可以说是大幅度提高了网页的性能,只需要升级到该协议就可以减少很多之前需要做的性能优化工作,当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。 虽然 HTTP/2 提高了网页的性能,但是并不代表它已经是完美的了,HTTP/3 就是为了解决 HTT...

2019-03-14 08:27:57

阅读数 1582

评论数 0

原创 从URL输入到页面展现到底发生什么?

前言 打开浏览器从输入网址到网页呈现在大家面前,背后到底发生了什么?经历怎么样的一个过程?先给大家来张总体流程图,具体步骤请看下文分解!阅读更多优质文章请猛戳GitHub博客 总体来说分为以下几个过程: DNS 解析:将域名解析成 IP 地址 TCP 连接:TCP 三次握手 发送 HTTP 请...

2019-03-12 09:15:50

阅读数 1719

评论数 0

原创 深入理解浏览器的缓存机制

一、前言 缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。 对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能...

2019-03-05 12:26:21

阅读数 8089

评论数 0

原创 ES6核心特性

前言 ES6 虽提供了许多新特性,但我们实际工作中用到频率较高并不多,根据二八法则,我们应该用百分之八十的精力和时间,好好专研这百分之二十核心特性,将会收到事半功倍的奇效!写文章不容易,请大家多多支持与关注! 一、开发环境配置 这部分着重介绍:babel 编译ES6语法,如何用webpack实现...

2019-02-27 09:11:14

阅读数 4246

评论数 0

原创 前端模块化详解(完整版)

前言 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀,此时在JS方面就会考虑使用模块化...

2019-02-16 19:13:46

阅读数 9054

评论数 1

原创 你是正常的傻瓜吗

做个理智的人   在心理学经典著作《影响力》中,作者西奥迪尼提过一个观点:“人就像录音机一样,一按按钮就播放。   人是智慧生物通过理性做出各种独立的选择,怎么会像录音机一样机械地做出反应呢?然而在日常的工作和生活中,人们确实会出现一按按钮就播放的情况总是在相似的情境下,做出相似的...

2017-10-26 09:45:47

阅读数 232

评论数 0

原创 关于如何读书,我们一起聊聊

书山有路勤为径.png 经济学家指出,目前中国的发展速度是美国的4倍。在这样的疯狂变化中,怎样适者生存?答案是:你的学习能力要比美国人强4倍。今天我们不断提倡让读书成为一种生活方式,读书增长见识固然重要,而懂得如何读书更重要。 你读书时是否有以下症状: 1.买书如山倒,读书如抽丝!...

2017-10-26 09:45:38

阅读数 261

评论数 0

原创 如何利用番茄工作法提高学习和工作的效率

番茄工作法图解.png 为何要使用番茄工作法 “对很多人来说,时间就像是敌人。特别是在快要考试,快要截稿,工期快到时,当你身边的闹钟‘滴答滴答’地提醒着你,时间已经很紧迫,那时焦急的心情会导致你的工作和学习效率低下,这时你所想的可能不是怎样去完成任务,而是怎么去拖延工期。番茄工作法就是针对灵活有...

2017-10-26 09:45:36

阅读数 1532

评论数 0

原创 关于意志力,不得不说的十二件事

洛杉矶凌晨四点.png “古之立大事者,不惟有超世之才,亦必有坚忍不拔之志”。----苏轼心理学家在寻找能预示成功的个人品质时一致发现,智力和自制力最能预示着成功。所谓意志力,就是控制自己的注意力、情绪和欲望的能力。意志力会影响一个人的身体健康、经济安全、人际关系和事业成败。但到目前为止,研究者...

2017-10-26 09:45:33

阅读数 3024

评论数 0

原创 《坚持,一种可以养成的习惯》读书笔记

坚持,一种可以养成的习惯.png 人是被习惯所塑造,优异的成果来源于良好的行为,而非一时的行动。人们常把培养习惯失败看作是意志力薄弱或者是没有持续的性格,其实不然,而应该是没掌握坚持下去的方法和秘诀。 为什么你坚持不下去.png 习惯引力的两种功能:抵抗新变化维持现状习惯的三种分类程度所需时...

2017-10-26 09:45:30

阅读数 1482

评论数 0

提示
确定要删除当前文章?
取消 删除