-
Javascript Interview
一年前写了一篇JavaScript八张思维导图，主要是对前端JavaScript知识点的一个系统的整理和总结。本篇文章用了近一个月时间，搜集整理了网上各种面试笔试题及本人针对前端的一些理解以及各路大神针对前端难点部分的详细介绍，可以作为以后面试或者考察面试人员的参考。相信通过这两篇文章的学习，一定会让你对前端有一个更深的认识。如果觉得对你有所帮助，希望能够动动手指给个Star(O(∩_∩)O)。后续会持续更新…… JavaScript篇 JavaScript基础 ...…
-
浅谈前端/软件工程师的代码素养
关于代码素养 破窗理论 整洁的代码 整洁代码原则 1. DRY(Don’t Repeat Yourself) 2. SRP(Single Responsibility Principle) 3. LKP(Least Knowledge Principle) 4. 可读性基本定理 5. 有意义的名称 6. 适当的注释维护 小结 “程序是写给人读的，只是偶尔让计算机执行一下。” ——Donald Er...…
-
async/await 执行顺序详解
随着async/await正式纳入ES7标准，越来越多的人开始研究据说是异步编程终级解决方案的async/await。但是很多人对这个方法中内部怎么执行的还不是很了解，本文是我看了一遍技术博客理解 JavaScript 的 async/await（如果对async／await不熟悉可以先看下这篇文章）后拓展了一下，我理了一下await之后js的执行顺序，希望可以给别人解疑答惑，先简单介绍一下async／await。 async/await 是一种编写异步代码的新方法。之前异步代码的方案是...…
-
CSS Transition 简介
CSS Transitions简介CSS Transitions是最简单的一种创建CSS动画的方式。CSS Transitions共有以下几种属性： transition-property 需要设置过渡效果的 CSS 属性的名称 transition-duration 完成过渡效果需要多少秒或毫秒 transition-timing-function 速度效果的速度曲线（比如: linear, ease）, 默认为eas...…
-
如何创建个人博客(GitHub Page + Jekyll)
临近年尾，实在无心工作，逛着论坛突然灵光一闪，人家的个人博客是怎么弄出来的？突然就来了兴致，打算研究一二。过程到没费太多周折，用了一天左右就弄了个大概的雏形，主要是基于GitHub Page + Jekyll。以下是我参考收藏的一些教程链接。这年头最苦恼的就是有用信息的过滤。如果你用的是Linux系统或者Mac那么恭喜你，可以省去一些环境的配置。而如果你是Windows系统，下面这个链接教程还是建议你看一下。https://www.jianshu.com/p/88e3474cef72Jek...…
-
JavaScript八张思维导图
JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实践不知不觉做前端已经五年多了，无论是从最初的jQuery还是现在火热的Angular，Vue，React等前端框架，甚至是nodejs等服务端的兴起，归根到底，我始终觉着一切的核心还是JavaScript。于是最近就有了一个想法，想要梳理一下这些年学习以及使用JS的心得。本系列文章主要是针对JS的相关知识点做一个类似提纲似的提炼，一来可以作为今后温故知新的参照；二来...…
-
44个 Javascript 变态题解析——分分钟让你怀疑人生
原题来自: http://javascript-puzzlers.herokuapp.com/第1题["1", "2", "3"].map(parseInt)知识点:Array/mapNumber/parseIntJavaScript parseInt首先, map接受两个参数, 一个回调函数 callback, 一个回调函数的this值其中回调函数接受三个参数 currentValue, index, arrary;而题目中, map只传入了回调函数–parseInt.其次, parse...…
-
IntersectionObserver实现图片懒加载
APIhttps://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API直接上源码：<!DOCTYPE html><html> <header> <style> .list-item{ height: 400px; margin: 5px; ...…
-
React模板-从项目搭建到部署
前一段时间做了一个小项目，时间比较紧，就一个人月。最终希望能够通过微信公众号链接启动应用。项目的业务细节就不多说了，主要是想分享一下做这个项目技术方面的一些经验。技术选型参考范围大致三种：AngularJS，Angular，React。这里可能会有些困惑，AngularJS和Angular不是一个东西吗？没错，它们是一个东西，但也不是一个东西。好了，废话少说，首先说明一下AngularJS和Angular的区别。引用官方文档中的一句话 Angular is the name for th...…
-
浅谈JS闭包
变量作用域 链式作用域(Chain Scope) 变量解析的过程 闭包的概念 闭包的使用场景 使用闭包的注意点 关于this对象变量作用域变量的作用域无非就两种：全局变量和局部变量。我们都知道函数内部可以直接读取全局变量，但是在函数外部却无法读取函数内部的定义的局部变量。那么如何从外部能够读取到函数内部的局部变量呢？由于JavaScript语言的特性，正常情况下，这是办不到的，只有通过变通的方式来实现。要解决这个问题，先要了解一个概念”链式作用域(Chain Scope)”...…
