前端进阶

你需要的前端进阶书籍清单，分享下载

写在前面目前专注深入JavaScript学习，特花了点时间整理了一些前端学习相关的书籍。大致分为以下7大系列：CSS系列、DOM系列、JavaScript基础系列、JavaScript应用系列、JavaScript进阶系列、JQuery类库系列、MVVM框架系列。这些书籍在这里免费提供下载，有兴趣的一起学习。DOM系列《DOM启蒙》《JavaScript+DOM编程艺术（第2版）》《HTML5秘籍
小磊哥er·2019-07-31 00:00

『多图警告』手撕排序算法 - 前端进阶必备

作者：陈大鱼头github：https://github.com/KRISACHAN算法是什么？算法（Algorithm）已经是一个老生常谈的概念了，最早来自于数学领域。算法（Algorithm）代表着用系统的方法描述解决问题的策略机制，可以通过一定规范的输入，在有限时间内获得所需要的输出。如下图示便是算法：算法的好坏一个算法的好坏是通过时间复杂度与空间复杂度来衡量的。举个：鱼头跟方勤一起去同一家
陈大鱼头·2019-07-22 00:00

前端进阶之什么是BFC？BFC的原理是什么？如何创建BFC？

作者：陈大鱼头github：KRISACHAN盒模型TheCSSboxmodeldescribestherectangularboxesthataregeneratedforelementsinthedocumenttreeandlaidoutaccordingtothevisualformattingmodel.CSS盒模型描述了通过文档树中的元素以及相应的视觉格式化模型(visualforma
陈大鱼头·2019-07-22 00:00

前端面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）持续更新

并有热点框架（vuereactnode.js全栈）前端资源以及后端视频资源和源码并基于前端进阶和面试的需求总结了常用插件和js算法以及html/css 和js热点面试题并总结了热点React/ES6/Vue
MingL520·2019-07-17 00:00

哪些技术会决定前端开发者的未来发展？

     戳蓝字「高级前端进阶」关注我们哦！2019年下半年即将到来，上半年狂风骤雨般的裁员浪潮让每一位从业者背脊发凉，在经历了五六年黄金发展期之后，前端开发这个行业似乎也进入了转折点。
木易杨说·2019-07-14 00:00

「数据可视化库王者」D3.js 极速上手到Vue应用

戳蓝字「高级前端进阶」关注我们哦！
木易杨说·2019-07-08 00:00

前端进阶之 a 可以同时 == 1 && == 2 && == 3吗？

作者：陈大鱼头github：KRISACHAN链接：https://github.com/YvetteLau/Step-By-Step/issues/9#issuecomment-495684588此题目的答案可以分为三大类：1.类型转换时的劫持首先我们要知道，在JS中类型转换只有三种情况，分别是：转换为布尔值转换为数字转换为字符串转换为原始类型对象在转换类型的时候，会执行原生方法ToPrimit
全栈者·2019-07-04 08:00

Vue 3.0 Hook PK React Hook

戳蓝字「高级前端进阶」关注我们哦！
木易杨说·2019-06-14 00:00

9102年：手写一个Vue的脚手架 【极致优化版】

github的赞哦~如果你对webpack不是很了解，请你关注我之前的文章，都是百星以上star的高质量文9102年：手写一个React完美版移动端脚手架前端性能优化不完全手册GIT仓库地址欢迎你关注我的《前端进阶
Peter谭金杰·2019-05-16 00:00

前端进阶网站

张鑫旭前端开发学习博客http://www.zhangxinxu.com/设计师网站博览：http://hao.uisdc.com/一些不错的网站github：没啥好说的，多阅读别人的源码，多上传自己的源码，向世界各地的大牛学习codepen：感受前端之美的必选之地，里面有很多酷炫的效果和优秀的插件echojs：快速了解js新资讯的网站stackoverflow和segmentfault：基本上各
SchrodingerEgg·2019-05-09 12:21

9102年：手写一个React脚手架 【优化极致版】

欢迎关注我的专栏《前端进阶》以后都是高赞高质量文章要转载必须联系本人经过同意才可转载谢谢！杜绝5分钟的技术，我们先深入原理再写配置，那会简单很多。
Peter谭金杰·2019-05-09 00:00

当我谈前端进阶时我谈些什么

当我谈前端进阶时我谈些什么日本后现代主义作家村上春树写过一本富有哲理的书——《当我谈跑步时我谈些什么》。书中，他谈到，跑步跟写作一样：都需要坚毅隐忍，追逐超越；都需要心无杂念，持之以恒。
lucas_580e331d326b4·2019-04-30 00:00

web前端进阶之js设计模式篇——下

设计模式是个抽象的东西，只是设计的指导思想，不要为了设计而设计，而是为了使用而设计原型模式概念clone自己，生成一个新对象（从新new一个对象，开销相对较大）java默认有clone接口，不用自己实现js代码演示//Object.create用到了原型模式的思想（虽然不是Java中的clone）//基于一个原型创建一个对象constprototype={getName(){returnthis.
jia林·2019-04-10 09:04

【前端进阶基础】VUE响应式数据原理 订阅-发布模式解析

vue框架的两个抽象核心：虚拟DOM和相应式数据原理关于虚拟DOM的核心算法，我们上一章已经基本解析过了，详细的见React&&VUEVirtualDom的Diff算法统一之路snabbdom.js解读关于响应式数据原理，我们先看张图你‘(4).png具体来讲，要分以下几步：初始化实例对象时运行initState,建立好props,data的钩子以及其对象成员的Observer,对于compute
SuperX·2019-03-26 00:00

web前端进阶教程目录

web前端的学习的入门并不难，但是在学习和应用的过程中，你会发现各种新知识和新技术层出不穷，似乎没有止境，本教程从体系化的角度去设计，希望从高处着眼，用生活化的角度去理解。一、学习准备WEB前端是什么初步了解浏览器在浏览器输入网址到看到页面经历了哪些过程？新手理解HTML、CSS、javascript之间的关系二、网页布局基础HTMLHTML是什么,超文本是什么意思HTML语法与文档结构HTML文
牧云流·2019-02-21 11:23

前端进阶路(一)（pc端适配手机端）

首先在head头部标签中写下适配属性：个人理解适配：使用CSS媒体查询标签来达到适配的效果----------直接码上代码/*css媒体查询适配*//*iphone5/SE*/@mediascreenand(min-width:320px)and(max-width:568px){/*导航栏字体*/.header-a{transform:translateX(40%);margin-left:8p
Bellless·2019-01-19 22:51

掌握浏览器重绘(repaint)重排(reflow))-前端进阶

很多人都知道要减少浏览器的重排和重绘，但对其中的具体原理以及如何具体操作并不是很了解，当突然提起这个话题的时候，还是会一脸懵逼。希望大家可以耐着性子阅读本文，仔细琢磨，彻底掌握这个知识点！博客、前端积累文档、公众号、GitHub网页生成过程：HTML被HTML解析器解析成DOM树css则被css解析器解析成CSSOM树结合DOM树和CSSOM树，生成一棵渲染树(RenderTree)生成布局（fl
OBKoro1·2018-12-24 00:00

前端进阶-编写测试代码

SublimeText快捷键GulpGulp是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。使用gulp你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效率和工作质量。安装Gulp在安装gulp之前，需要先安装Node.js和NPM。我们可以通过访问Nodes官网并下载最新版的NodeJS，来下载和安装NodeJS和NPM。然后安
moduzhang·2018-12-04 18:28

前端进阶-样式

创建聚焦样式:focus伪类，表示获得焦点的元素（如表单输入）。当用户点击或触摸元素或通过键盘的“tab”键选择它时会被触发。outlineCSS属性，设置一个或多个单独的轮廓属性的简写属性，例如outline-style,outline-width和outline-color。多数情况下，简写属性更加可取和便捷。:hover伪类，可以创建复杂的层叠机制。触摸屏非常普遍，所以网页开发人员不要让任何
moduzhang·2018-11-27 15:11

前端进阶-ES6内置功能

SymbolSymbol简介Symbol是JS原始数据类型列表中（numbers、strings、booleans、null、undefined）的最新补充。Symbol是一个唯一标识符，常用于唯一标识对象中的属性。碗这个对象中有几个水果属性（水果也是对象），当有两个相同的水果在碗里时，会出现混乱，我们不知道什么时候拿哪一个，这就是问题。我们需要一种方式来唯一的标识这这些香蕉。Symbol标识符S
moduzhang·2018-11-27 11:28

前端进阶-ES6函数

箭头函数将函数转换为箭头函数constupperizedNames=['Farrin','Kagure','Asser'].map(function(name){returnname.toUpperCase();});将现有的"普通"函数转换为箭头函数只需几步：删掉关键字function删掉圆括号删掉左右花括号删掉关键字return删掉分号在参数列表和函数主体之间添加一个箭头（=>）constup
moduzhang·2018-11-23 14:23

Vue 进阶系列（三）之Render函数原理及实现

（关注福利，关注本公众号回复[资料]领取优质前端视频，包括Vue、React、Node源码和实战、面试指导）Vue进阶系列汇总如下，欢迎阅读，欢迎加高级前端进阶群一起学习（文末）。
weixin_34008805·2018-11-08 10:19

Vue 进阶系列（一）之响应式原理及实现

（关注福利，关注本公众号回复[资料]领取优质前端视频，包括Vue、React、Node源码和实战、面试指导）Vue进阶系列汇总如下，欢迎阅读，欢迎加高级前端进阶群一起学习（文末）。
木易杨·2018-11-02 00:00

JavaScript常用八种继承方案

（关注福利，关注本公众号回复[资料]领取优质前端视频，包括Vue、React、Node源码和实战、面试指导）更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦，欢迎加高级前端进阶群一起学习
木易杨·2018-11-02 00:00

前端进阶（14） - 如何提升前端性能和响应速度

如何提升前端性能和响应速度下面大多是从前端工程化的角度给出的优化建议，如果需要了解语法上的优化，可以参考：如何提高页面加载速度编写高效的JavaScriptWeb前端性能优化进阶-完结篇1.原生css动画代替js动画原生css动画要比js实现的动画要高效很多，所以在可能的情况下尽量用原生css动画。可以参考：You-Dont-Need-JavaScriptcssanimationcss@keyfr
senntyou·2018-10-23 00:00

前端进阶系列(八):JS执行机制

一直以来，对JS的执行机制都是模棱两可，知道今天看了文章—《这一次，彻底弄懂JavaScript执行机制》和《EventLoop的规范和实现》，才对JS的执行机制有了深入的理解，下面是我的学习总结。2个要点JS是单线程语言EventLoop是JS的执行机制，为了实现主线程的不阻塞，EventLoop就这么诞生了。2个概念(结合Browser环境和Node环境)taskqueue(宏任务队列)：se
robin·2018-10-18 00:00

前端进阶系列(七):什么是执行上下文？什么是调用栈？

原文作者：Valentino原文链接：https://www.valentinog.com/blog/js-execution-context-call-stack什么是Javascript中的执行上下文？我打赌你不知道答案。编程语言中最基础的组成部分是什么？变量和函数对吗？每个人都可以学习这些板块。但除了基础知识之外还有什么？在称自己为中级（甚至是高级）Javascript开发人员之前，你应该掌
robin·2018-10-12 00:00

前端进阶系列(二):css常见布局解决方案

水平居中布局margin+定宽Demo.child{width:100px;margin:0auto;}想必是个前端都见过，这定宽的水平居中，我们还可以用下面这种来实现不定宽table+marginDemo.child{display:table;margin:0auto;}display:table在表现上类似block元素，但是宽度为内容宽。无需设置父元素样式（支持IE8及其以上版本）兼容IE
robin·2018-10-10 00:00

前端进阶系列(三):HTML5新特性

HTML5是对HTML标准的第五次修订。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5的语法是向后兼容的。现在国内普遍说的H5是包括了CSS3，JavaScript的说法（严格意义上说，这么叫并不合适，但是已经这么叫开了，就将错就错了）。HTML5新特性语义特性HTML5赋予网页更好的意义和结构文件类型声明（）仅有一型：。新的解析顺序：不再
robin·2018-10-10 00:00

前端进阶系列(一):SEO和HTML语义化

基本概念SEO：(SearchEngineOptimization)意为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目的网站的自然排名的方式。说白了就是对品牌的自我宣传，从而获取收益。HTML语义化：根据内容的结构的语义化，选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时利于SEO优化。使用SEO和语义化的目的前面也做了基本的阐述：SEO就是为了对品牌的自我宣传，
robin·2018-10-10 00:00

前端进阶 -css的弱化与js的强化（11）

为什么80%的码农都做不了架构师？>>>web的三要素html,css,js在前端组件化的过程中，比如react，vue等组件化框架的运用，使html的弱化与js的强化成为了一种趋势，而在这个过程中，其实还有另一种趋势也在慢慢形成：css的弱化与js的强化。cssinjs理念，即摒弃的英文原有的用.css文件书写样式，而样式把写进js里面，这样就可以做到一个组件对应一个文件，一个文件便是一个组件。
weixin_33889665·2018-09-22 22:00

前端进阶（13） - 搭建自己的前端脚手架

搭建自己的前端脚手架一般新开发一个项目时，我们会首先搭建好一个脚手架，然后才会开始写代码。搭建脚手架可以用create-react-app、vue-cli、yeoman等命令行工具，也可以直接用html5-boilerplate、react-boilerplate、hackathon-starter等模板，如果这些都不能满足你的个性化需求，可以尝试搭建自己的前端脚手架。一般来说，脚手架包括目录结构
senntyou·2018-09-21 00:00

前端进阶系列(五):flex布局

以下内容主要摘抄自阮一峰老师的博客http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html背景Flexbox布局（FlexibleBox）模块（目前是W3CLastCallWorkingDraft）旨在提供更有效的布局方式，即使容器中的项目之间对齐和分配空间的大小未知或动态（因此单词“flex”）。flex布局背后的主要思想是让容器能够改变其
robin·2018-09-17 00:00

前端进阶（12） - css 的弱化与 js 的强化

css的弱化与js的强化web的三要素html,css,js在前端组件化的过程中，比如react、vue等组件化框架的运用，使html的弱化与js的强化成为了一种趋势，而在这个过程中，其实还有另一种趋势也在慢慢形成：css的弱化与js的强化。之前有写过一篇CSS模块化，但对cssinjs这种理念没有过多讲解，所以这次深入一下。cssinjs理念，即是摒弃原有的用.css文件书写样式，而把样式写进j
senntyou·2018-09-17 00:00

前端进阶（9） - js 性能优化利器：prepack

js性能优化利器：prepack1.js性能优化js性能优化不外乎从三个角度入手：1.1开发者在编写程序时，尽量避免不必要的冗余代码，包括冗余的第三方库首先要避免不必要的冗余代码，包括不必要的闭包、不必要的变量与函数声明、不必要的模块分割等。比如：//低效的实现consturlParams=(()=>{constparams={};if(location.search){location.sear
senntyou·2018-09-15 00:00

前端进阶（10） - webpack 之外的另一种选择：parcel

webpack之外的另一种选择：parcel之前有写过一篇webpack之外的另一种选择：rollup，这次算是姊妹篇，介绍另外一个工具parcel.现在前端打包基本上都会用webpack，但经常使用webpack的开发者基本都有一个体会：配置比较复杂，尤其是有很多项目的时候，更新需要到处改配置。parcel便提供了一个额外的选择，对于不喜欢配置的开发者尤其友好，因为parcel没有配置文件，仅有
senntyou·2018-09-15 00:00

前端进阶（11） - js 数据结构类型扩展：immutable-js

js数据结构类型扩展：immutable-js相对java、.net之类的强类型语言，js有一点很大的区别就是，数据结构只有array与object，并且都是动态可变的，而java有List,Set,Map等数据结构。所以，为了能在js中也使用这些数据结构，immutable-js就应运而生。1.immutable-jsimmutable-js扩充了JavaScript中的不可变集合，即一旦创建就
senntyou·2018-09-15 00:00

前端进阶（8） - 前端开发需要了解的工具集合：webpack, eslint, prettier, ...

前端开发需要了解的工具集合：webpack,eslint,prettier,...前端开发需要了解的一些工具，这些工具能够帮助你在项目开发中事半功倍。1.nrm:npmregistry管理器registry:npm远程仓库的地址。由于众所周知的原因，npm官方仓库在国内特别的慢，所以我们需要用一些替代性方案，一种方案就是切换npmregistry到国内的镜像仓库。所以，一般我们会这样做：#切换到淘
senntyou·2018-09-14 00:00

前端进阶系列(四):css3新特性

什么是CSS?层叠样式表（CSS）是一种向Web文档添加样式（例如，字体，颜色，间距）的简单机制。什么是CSS3?CSS3是CSS语言的最新发展，旨在扩展CSS2.1。它带来了许多新功能和附加功能，如圆角，阴影，渐变，过渡或动画，以及多列，灵活的框或网格布局等新布局。现在让我们看看有哪些新东西？CSS3选择器选择器是CSS的核心。最初，CSS允许按类型，类和/或ID匹配元素。CSS2.1添加了伪元
robin·2018-09-12 00:00

前端进阶（7） - react、vue 组件开发利器：storybook

react、vue组件开发利器：storybook对于前端开发来说，组件化技术已经是一门必修课了，这其中又主要以react和vue为主。但平时在开发组件，尤其是公共组件或者第三方组件库的时候，往往会有一些困扰：不能很好的管理多个组件，尤其是在组件预览的时候，不能一目了然在组件预览的时候，也不能很好的反应一个组件的多个不同状态自动化交互测试可以使用enzyme，但很多时候还得手动测试，就比较麻烦了在
senntyou·2018-09-11 00:00

《前端之路》之 JavaScript 进阶技巧之高阶函数（下）

目录第二章-03：前端进阶技巧之高阶函数一、防篡改对象1-1：Configurable和Writable1-2：Enumerable1-3：get、set2-1：不可扩展对象2-2：密封的对象2-3：冻结的对象二
SmallW·2018-09-10 17:00

一套代码小程序&Web&Native运行的探索01

前言前面我们对微信小程序进行了研究：【微信小程序项目实践总结】30分钟从陌生到熟悉并且用小程序翻写了之前一个demo：【组件化开发】前端进阶篇之如何编写可维护可升级的代码之前一直在跟业务方打交道后面研究了下后端
叶小钗·2018-09-08 20:00

前端进阶（6） - webpack 之外的另一种选择：rollup

webpack之外的另一种选择：rollupwebpack对前端来说是再熟悉不过的工具了，它提供了强大的功能来构建前端的资源，包括html/js/ts/css/less/scss...等语言脚本，也包括images/fonts...等二进制文件。其实，webpack发起之初主要是为了解决以下两个问题：代码拆分（CodeSplitting）:可以将应用程序分解成可管理的代码块，可以按需加载，这样用户
senntyou·2018-08-24 00:00

微信小程序开发(2)：小程序基本介绍

p/9374374.html前言前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来：【组件化开发】前端进阶篇之如何编写可维护可升级的代码
前端大全·2018-08-01 21:36

微信小程序开发02-小程序基本介绍

前言前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来：【组件化开发】前端进阶篇之如何编写可维护可升级的代码
叶小钗·2018-07-27 19:00

前端进阶之路

一、开发工具1.atomAtom代码编辑器支持Windows、Mac、Linux三大桌面平台，完全免费，并且已经在GitHub上开放了全部的源代码。在经过一段长时间的迭代开发和不断改进后，Atom终于从早期的测试版达到了1.0正式版了！相比之前的版本，在性能和稳定性方面都有着显著的改善。ideaIDEA全称IntelliJIDEA，是java语言开发的集成环境，IntelliJ在业界被公认为最好的
easyClub_hanjixin·2018-07-24 09:29

前端进阶之 Javascript 抽象语法树

更多博客文章，欢迎StarGithub/BlogBabel与BabylonBabel是JavaScript编译器compiler，更确切地说是源码到源码的编译器，通常也叫做转换编译器（transpiler）。意思是说你为Babel提供一些JavaScript代码，Babel更改这些代码，然后返回给你新生成的代码。Babel是一个通用的多功能的JavaScript编译器。此外它还拥有众多模块可用于不
Pines_Cheng·2018-07-16 00:00

哔哩哔哩（B站）的前端之路

原文地址：https://zhuanlan.zhihu.com/p/324875332017年即将过去了，总结一下B站的前端进阶之路。过去的开发模式中，我们采用了以后端为主的MVC架构方式。
坦GA·2018-03-05 10:51

小白的前端学习路线

1.html+css（最基础的）2.html5+css3(学了这些你就可以做一些简单的动画)3.javascript(与页面动态交互)4.jquery,bootstrap(前端进阶)-------暂时写到这里
lvyang251314·2018-02-28 00:00

Vue单元测试实战教程(Mocha/Karma + Vue-Test-Utils + Chai)

在《前端进阶之路:前端架构设计(3)-测试核心》这边文章中,通过分析了"传统手工测试的局限性"去引出了测试驱动开发的理念,并介绍了一些测试工具.这篇文章我将通过一个Vue的项目,去讲解如何使用mocha
李棠辉·2017-12-31 14:52
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他