SF
前端事务所
前端事务所
注册登录
关注博客
注册登录
主页
关于
RSS
Git进阶 - 温故知新系列
夜暮sky
2020-06-20
阅读 5 分钟
1.8k
日常开发中用的最多的是git add、git commit、git pull、git fetch、git push等,不过当出现一些稍复杂一点的场景,如果具备相应的git知识储备,就很有可能脱颖而出。本文首先阐述git的一些基本原理,然后对开发中比较常遇到的合并和撤销等场景做讲解,避免死记硬背。
【3分钟技能get】javascript浮点数精度处理问题
夜暮sky
2020-04-23
阅读 3 分钟
1.7k
先看如下计算的输出: {代码...} 显然是0.3。但是在javascript中,结果是什么呢? {代码...} 这是程序语言在数值计算中很容易出现的精度问题,如下图饿了么账单页金额显示。 问题产生的原因 先来看对Number类型数值二进制的表示,由3部分组成: {代码...} 由于js采用64位双精度浮点数编码,实际存储时为了节省空间,采用...
迭代和递归:一道面试题引发的思考(2)
夜暮sky
2020-04-09
阅读 4 分钟
1.6k
已知信息如下,loadUrls用于控制多个异步请求,通过max限制同一时刻的并发请求数,其返回Promise,结果为所有urls的异步结果。有点类似于Promise.all,不过内部对最大并发数做了控制。
二进制操作解惑 - 进阶篇
夜暮sky
2020-04-07
阅读 6 分钟
2.3k
很多前端童鞋对二进制有一种天生的恐惧,觉得遥不可及,本文将带你从基础到实践,全面掌握日常可能面临的二进制操作。文中穿插的有些知识点,可以多琢磨一下,相信会对你有所帮助~
你真的了解mediaType吗?
夜暮sky
2020-04-06
阅读 3 分钟
4.6k
本期分享专题:mediaType相关应用,涉及Content-Type、DataURL 话不多说,开始正文~ 媒体类型决定浏览器将以何种形式对资源进行解析。常见的媒体格式类型(<type>/<subtype>)如下: {代码...} 主要的使用场景如下:HTTP头部的ContentType、伪协议的data: Content-Type Content-Type实体头部用于指示资源的MIM...
【3分钟技能get】网站色调灰度 & JSON.parse建议
夜暮sky
2020-04-05
阅读 2 分钟
1.5k
4月4日,沉痛悼念逝去的同胞,各大网站基本都下掉了娱乐板块,并且网站色调调整为灰色。怎么实现的呢?全部图片以及文本背景色设置为灰色?这样的话成本是巨大的。其实只需要加上一行css即可:
Redux相关原理快速掌握
夜暮sky
2020-04-04
阅读 7 分钟
2.1k
作为状态容器,提供对状态的查询、改变进行管理。从具体操作 -> 状态变更 -> 触发视图更新,这一单向数据流的控制,不仅使得对状态变化的过程变得可控,同时解耦了数据M和视图V。
Redux全面掌握(知识体系梳理)
夜暮sky
2020-04-03
阅读 7 分钟
1.2k
作为状态容器,提供对状态的查询、改变进行管理。从具体操作 -> 状态变更 -> 触发视图更新,这一单向数据流的控制,不仅使得对状态变化的过程变得可控,同时解耦了数据M和视图V。
迭代和递归:一道面试题引发的思考
夜暮sky
2020-04-02
阅读 3 分钟
1.4k
1. 递归的方式("懒惰"的老板):1) 老板想吃冰淇淋,仅需传达给秘书;(对于老板而言,去哪里买不需要关心,秘书可以解决)2) 秘书接到任务,跑去肯德基,告诉店员要一个冰淇淋;(对秘书来说,仅需传达给店员,不需要知道怎么做;店员会把想要的给他)3) 店员接到需求,生产出冰淇凌,交给秘书;(问题最小单元触发,终...
ES6基础特性快速掌握
夜暮sky
2020-04-01
阅读 4 分钟
1.7k
不能做字符串拼接等运算操作,但可以显示转换为字符串:Symbol().toString() //"Symbol()".应用:1.作为对象属性
【3分钟技能get】逼格满满的控制台彩色输出
夜暮sky
2020-03-31
阅读 2 分钟
2.6k
相信大多数前端童鞋,在工程构建或者node服务启动时,或多或少会在控制台看到一些彩色输出,在满屏黑白中给人眼前一亮的感觉~下面就是一个git提交信息校验插件的控制台信息输出:一般情况下,控制台输出信息会非常多,想要找到关键信息会比较麻烦。可以看到上例,彩色输出能够帮助使用者对当前执行进度以及状态一目了然...
缓存 · 面试知识必备!看这些就够了
夜暮sky
2020-03-30
阅读 3 分钟
1.5k
“ 对部分前端er,实际接触缓存的实操不多,属于既熟悉又陌生的技术点。笔者这里介绍了常用的缓存相关基础以及常见案例,日常情况下掌握这些即可。”
自定义属性 · CSS系列!
夜暮sky
2020-03-30
阅读 2 分钟
1.3k
首发地址:[链接] 更多技术分享及时获取,欢迎关注~ “ 为什么要了解css自定义属性?css自定义属性有什么用途呢?在声明式语言中引入变量,在一些特定场景极大的增强了其灵活性。” 现在带着问题进入正文~ 一、使用方法 约定以--开头的为自定义属性,如下声明的--color: {代码...} 声明的自定义属性怎么使用呢?使用var()...
Proxy和流程控制全解读!【ES6核心进阶篇】
夜暮sky
2020-03-30
阅读 8 分钟
2.2k
这几个知识点在【框架设计】以及【任务流控制】中起着重要作用,属于必备知识。本文部分内容需要你具备相关基本知识,帮你划出重点,结合笔者的一些思考,有查缺补漏之功效。
Source Map知多少 - 【Webpack进阶系列】
夜暮sky
2020-03-29
阅读 4 分钟
6.1k
首发地址:[链接] 话不多说,正文从此开始~ Source Map的作用 目前工程源码经过构建工具的转换,主要有如下几种情况: {代码...} 因此生成的代码与源码差别较大,使得问题排查变的困难。比如jquery.min.js中大部分变量都被重写,压缩后没有保留换行及空格等,一旦出现问题,很难定位源代码的位置。而sourceMap提供了源代...
前端模块化详解(ESM & CommonJs)
夜暮sky
2020-03-29
阅读 7 分钟
5.7k
首发地址:[链接] “ 用最精简的方式,抓住最核心的知识点,帮助你快读ES6。” 关键词:ESModule、CommonJs 系列文章:ES6精读【划重点系列】(二) 前文涉及:class实例化和继承 正文从此开始~ 前言 开始正文前,先补充几个基本知识: Q1:js是解释执行,每一个代码块的执行过程:语法分析,预编译阶段,解释执行,其中...
对象实例化和继承 - 基础进阶必读!!
夜暮sky
2020-03-29
阅读 5 分钟
2.6k
首发地址:[链接] 关键词: class实例化和继承 系列文章:ES6精读【划重点系列】(一) 前文涉及:Proxy、Promise、Iterator、Generator、Async 正文从此开始~ Class介绍 ES5怎么生成实例对象 {代码...} class类 ES6以面向对象的思想,对实例化对象和继承实现的语法糖。 class类的几种声明方式: {代码...} 注意:函数声...
Tree Shaking原理 -【webpack进阶系列】
夜暮sky
2020-03-29
阅读 7 分钟
11.1k
首发地址:[链接] 系列文章推荐:Source Map知多少 - 【Webpack系列】 网上相关的文章鱼龙混杂,很多理解是有误的,希望大家在学习时,实践出真知。文中如有纰漏,欢迎指正~ What 在webpack对模块进行打包时,将模块中未被使用的冗余代码剔除,仅打包有效代码,精简生成包的体积。 How 1. ESModule 前提是...
资源预加载 - 性能优化需知~
夜暮sky
2020-03-29
阅读 8 分钟
7.1k
首发地址:[链接] 本文主要介绍前端性能优化中的资源预加载,不仅会介绍常规的一些预加载手段;还会介绍工程实践中的应用。 涉及内容: link相关(rel、as、media、defer、async); 缓存(4种缓存、缓存策略、ServiceWork); 优化网络(HTTP/2 ServerPush、Preload/Prefetch、域名拆分); 同步接口JSON数据内联,加速首页渲...
Webpack模块化实现&动态模块加载原理(8K+字长文!!收藏后阅读)
夜暮sky
2020-03-29
阅读 20 分钟
10.5k
通过本文你可以学到什么:webpack对模块化语法的支持、打包后模块的链接执行、动态加载模块的处理流程,以及可能涉及到的诸多知识点等待你的发掘。提示:有些讲解放到了注释里,注意结合一起看。