前端旧约

今天做别人不愿意做的事, 明天做别人不能做的事

2020年3月23日

Webpack中SplitChunksPlugin 配置参数详解

摘要: 代码分割本身和 webpack 没有什么关系,但是由于使用 webpack 可以非常轻松地实现代码分割,所以提到代码分割首先就会想到使用 webpack 实现。 在 webpack 中是使用 SplitChunksPlugin 来实现的,由于 SplitChunksPlugin 配置参数众多,接下来 阅读全文

posted @ 2020-03-23 21:29 前端旧约 阅读(1280) 评论(0) 推荐(0) 编辑

聊一聊 React 中的 CSS 样式方案

摘要: 和 Angular,Vue 不同,React 并没有如何在 React 中书写样式的官方方案,依靠的是社区众多的方案。社区中提供的方案有很多,例如 CSS Modules,styled components,styles jsx 等等。 接下来会详细地说一下这几种方案,在说这几种方案之前,首先说一下 阅读全文

posted @ 2020-03-23 09:25 前端旧约 阅读(3397) 评论(1) 推荐(2) 编辑

2020年3月18日

聊一聊React中虚拟DOM

摘要: 1. 什么是虚拟 DOM 在 React 中实际上是 render 函数中return 的内容会生成 DOM,return 中的内容由两部分组成,一部分是 JSX ,另一部分就是 state 中的数据,所以简单来讲,在 React 中 JSX 结合 state 就生成了 DOM。 现在抛开虚拟 DO 阅读全文

posted @ 2020-03-18 22:43 前端旧约 阅读(665) 评论(3) 推荐(3) 编辑

2020年1月10日

JS 中检测数组的四种方法

摘要: 今天和大家分享一下 JS 中检测是不是数组的四种方法,虽然篇幅不长,不过方法应该算是比较全面了。 1. instanceof 方法 instanceof 用于检测一个对象是不是某个类的实例,数组也是一种对象所以也可以利用 instaceof 来进行判断。 let arr = [1, 2, 3]; c 阅读全文

posted @ 2020-01-10 20:35 前端旧约 阅读(3322) 评论(2) 推荐(1) 编辑

2020年1月9日

简单聊一聊JS中的循环引用及问题

摘要: 本文主要从 JS 中为什么会出现循环引用,垃圾回收策略中引用计数为什么有很大的问题,以及循环引用时的对象在使用 JSON.stringify 时为什么会报错,怎样解决这个问题简单谈谈自己的一些理解。 1. 什么是循环引用 当对象 1 中的某个属性指向对象 2,对象 2 中的某个属性指向对象 1 就会 阅读全文

posted @ 2020-01-09 21:04 前端旧约 阅读(15705) 评论(3) 推荐(2) 编辑

2020年1月8日

简单理解JS中的闭包

摘要: 原文链接: http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 注:本文是阮一峰老师写的,通俗易懂,理解闭包很好的文章。我在此基础上加了自己的一些理解,阮一峰老师由于最后两道思考题没有给出答案,所以在本文中 阅读全文

posted @ 2020-01-08 11:00 前端旧约 阅读(613) 评论(0) 推荐(0) 编辑

2020年1月6日

从两个角度理解为什么 JS 中没有函数重载

摘要: 函数重载是指在同一作用域内,可以有一组具有相同函数名,不同参数列表(参数个数、类型、顺序)的函数,这组函数被称为重载函数。重载函数通常用来声明一组功能相似的函数,这样做减少了函数名的数量,避免了名字空间的污染,对于程序的可读性有很大的好处。 但是在 JS 如果不通过一些方法是无法实现重载的,可以从以 阅读全文

posted @ 2020-01-06 11:38 前端旧约 阅读(708) 评论(8) 推荐(1) 编辑

2020年1月4日

移动端适配思路浅析

摘要: 本文主要讲了一些移动端适配的基本思路和一些代码示例,并没有讲解具体的移动端适配的方案,主要从为什么这么做出发讲了一些自己粗浅的理解。 所谓移动端适配,就是页面运行在移动端并且会根据当前运行的移动端设备的大小自行进行调整。 实现移动端适配可以按照以下思路出发, 首先要将 viewport 的宽度等于设 阅读全文

posted @ 2020-01-04 21:55 前端旧约 阅读(508) 评论(0) 推荐(1) 编辑

CSS布局方式--inline-block 布局

摘要: 布局其实就是想办法怎样将一些元素横向的排列起来,纵向由于块级元素的存在会自动占据一行。 inline block 元素会占据一行而且可以调整宽高很适合将这些元素排列在一行,而且使用 inline block 元素排列没有清除浮动这样的问题。 但是,使用 inline block 布局两个元素之间会有 阅读全文

posted @ 2020-01-04 09:51 前端旧约 阅读(559) 评论(2) 推荐(1) 编辑

2019年12月27日

再探 jQuery

摘要: 仅仅是记录了 jQuery 最基本的一些入门知识,除此之外还有另一篇文章: "初探 jQuery" 。 jQuery 特殊属性操作 val方法 val方法用于设置和获取表单元素的值,例如input、textarea的值 html方法与text方法 html方法相当于innerHTML text方法相 阅读全文

posted @ 2019-12-27 16:56 前端旧约 阅读(224) 评论(0) 推荐(1) 编辑

2019年12月25日

简单聊一聊正则表达式中的贪婪匹配和非贪婪匹配

摘要: 1. 贪婪匹配 在JS中利用正则表达式时,默认的匹配就是贪婪匹配,也就是尽可能多的去匹配,举个例子: 在上面的例子中,匹配到了 。 2. 非贪婪匹配 我们同样可以进行非贪婪匹配只需要在正则表达式待匹配的字符后面加上一个 即可。 还是上面的例子: 进行非贪婪匹配之后,可以看到只匹配到了 。 3. 特殊 阅读全文

posted @ 2019-12-25 19:35 前端旧约 阅读(2669) 评论(0) 推荐(1) 编辑

初探 jQuery

摘要: 为什么要学习jQuery? 使用javascript开发过程中,有许多的缺点: jQuery初体验 让div显示与设置内容: 优点总结: 什么是jQuery? jQuery的官网 "http://jquery.com/" jQuery就是一个js库,使用jQuery的话,会比使用JavaScript 阅读全文

posted @ 2019-12-25 08:27 前端旧约 阅读(555) 评论(0) 推荐(0) 编辑

2019年12月24日

ES6 中字符串的扩展

摘要: 1. 字符的Unicode表示法 JavaScript允许采用 形式表示一个字符,其中 表示字符的 码点。 但是这种表示法只限于码点在 之间的字符,有些字符的 编码超出了这个范围,那么就必须使用2个双字节的形式表示。 在 中如果在 后面超过 的数值,如 输出结果为 即 在 引擎看来就是 后面的通过字 阅读全文

posted @ 2019-12-24 22:37 前端旧约 阅读(230) 评论(0) 推荐(0) 编辑

ES6 中变量的解构赋值

摘要: 1. 数组的解构赋值 解构: 中允许按照一定的模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构(Destructuring). 1. 基本用法 本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予相应的值。 完全解构 不完全解构 等号左边只匹配到等号右边的一部分。 阅读全文

posted @ 2019-12-24 22:33 前端旧约 阅读(298) 评论(0) 推荐(0) 编辑

深入理解 Node.js 进程与线程

摘要: 原文链接: https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651557398&idx=1&sn=1fb991da8667f620073bf59701e18697&chksm=802559d7b752d0c1aa5315c33da6d8a 阅读全文

posted @ 2019-12-24 16:03 前端旧约 阅读(1078) 评论(0) 推荐(0) 编辑

导航