《前端进阶》

升级到 Babel 7 · Babel 中文文档

Becausenoteverybreakingchangewillaffecteveryproject,we’vesortedthesectionsbythelikelihoodofachangebreakingtestswhenupgrading.在Js中文网-前端进阶资源教程
Js中文网-前端进阶·2020-09-13 19:17

前端到全栈最详细学习路线，冲鸭，2020年下半年进阶大前端！

「女朋友背景镇楼」本文是“前端solo”系列文章的目录导语：从前端进阶全栈开发的实践教程，记录了我是怎么利用vue+egg独立开发项目并上线的过程。这里既是专栏的目录，也展示了完整的学习路线。
夏尔酱·2020-09-12 16:15

前端进阶攻略之ES6中反射和代理

前端进阶攻略之ES6中反射和代理在学习ES6中反射和代理之前，先要明白属性描述符和存储器属性的原理，然后理解反射和代理的原理就会非常的简单。
Z.Meng·2020-09-12 12:10

前端进阶（4）CSS

CSS实现了内容与表现的分离，提高了代码的可重用性和可维护性HTML用于布局，CSS用于样式CSS样式表使用方式1.内联方式（内联样式）将CSS样式定义在HTML的标签中。特点：不通用，只能定义某一标签的单独样式。2.内部样式表将一系列样式定义在HTML的中特点：当前网页任何一个标签都可以使用，可重用性。3、外部样式表将样式定义在外部的css文件中可以引用实现真正的样式的重用3、内联方式的css定
EastWind2017·2020-09-11 14:54

前端进阶（3）

1.table表格的作用：具备固定格式的信息的布局table的使用的列数是相同的行-----tablerow列、单元格----tabledata数据放在td中，td中可以放任意元素。4、表格属性宽度：width高度：height边框：border水平对齐方式：align中放align是table在外容器中居中对齐背景颜色:bdcolor外边距：cellspacing外边距是容器与容器之间的边距，内
EastWind2017·2020-09-11 14:54

前端进阶（2）

图像1.常用的图像格式JPEG/jpg：采用有损压缩算法，压缩比较大GIF：色彩有较大的失真，主要用户线条为主的图像，动态的图像，简单的图用的比较多PNG:采用无损压缩，不支持动画2.img标签必须属性：src，常用属性：width，heightimg属性：src:width:height:title:alt:.图像不显示的时候的文字3.链接元素使用元素创建一个超级链接文本/图像属性：href属性
EastWind2017·2020-09-11 14:54

前端进阶（5）CSS

1、css样式表特征继承性层叠性优先级：内联>外部样式表或内部样式表>浏览器设置提升有限级：!importanth1{color:red;!important}2、选择器1、通用选择器：*2、元素选择器（标签选择器、标记选择器）：3、类选择器（类样式）：.classname通过标签的class属性进行引用4、分类选择器元素选择器.类选择器p.current{}5、id选择器{id样式}#idNam
EastWind2017·2020-09-11 14:54

前端进阶：透彻掌握 Promise 的使用，读这篇就够了

原文链接：http://www.jianshu.com/p/fe5f173276bdPromise基础知识，Promise应用场景，Promsie模块中如何使用——由遇见波同学分享Promise：高手必备Promise的重要性我认为我没有必要多讲，概括起来说就是必须得掌握，而且还要掌握透彻。这篇文章的开头，主要跟大家分析一下，为什么会有Promise出现。在实际的使用当中，有非常多的应用场景我们不
前端人·2020-09-11 11:48

前端进阶之防抖与节流是什么？

作者：陈大鱼头github：KRISACHAN链接：github.com/YvetteLau/S…背景：最近高级前端工程师刘小夕在github上开了个每个工作日布一个前端相关题的repo，怀着学习的心态我也参与其中，以下为我的回答，如果有不对的地方，非常欢迎各位指出。防抖(debounce)防抖是什么？防抖是什么？防抖就是防止抖动，例如小朋友喜欢多动，停不下来，然后做家长的打一顿，让小朋友安静下来
weixin_34242331·2020-09-11 11:58

[高级前端进阶] 第18题：React 中 setState 什么时候是同步的，什么时候是异步的

注意：setState的“异步”并不是说内部由异步代码实现，其实本身执行的过程和代码都是同步的，只是合成事件和钩子函数的调用顺序在更新之前，导致在合成事件和钩子函数中没法立马拿到更新后的值，形式了所谓的“异步”，当然可以通过第二个参数setState(partialState,callback)中的callback拿到更新后的结果。在React中，如果是由React引发的事件处理（比如通过onCl
卡夫卡14·2020-09-11 09:50

[高级前端进阶] 第2题：[‘1‘, ‘2‘, ‘3‘].map(parseInt) what & why ?

[‘1’,‘2’,‘3’].map(parseInt)what&why?这是今天在Advanced-Frontend组织看到一个比较有意思的题目。主要是讲JS的映射与解析早在2013年,加里·伯恩哈德就在微博上发布了以下代码段:['10','10','10','10','10'].map(parseInt);//[10,NaN,2,3,4]parseIntparseInt()函数解析一个字符串参数
卡夫卡14·2020-09-11 09:49

[高级前端进阶] 第 1 题：写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？

key的作用就是更新组件时判断两个节点是否相同。相同就复用，不相同就删除旧的创建新的因为不带key时节点能够复用，省去了销毁/创建组件的开销，同时只需要修改DOM文本内容而不是移除/添加节点，这就是文档中所说的“刻意依赖默认行为以获取性能上的提升”。既然如此，为什么还要建议带key呢？因为这种模式只适用于渲染简单的无状态组件。对于大多数场景来说，列表组件都有自己的状态。举个例子：一个新闻列表，可点
卡夫卡14·2020-09-11 09:49

React 17 的这个重磅功能一定值得你升级

点击上方蓝字关注前端真好玩，从此前端进阶不再难React17虽说是一个无新特性的一个版本，但是这个版本却有一个重量级功能是值得我们去使用它的：渐进式升级。
yck 恺哥·2020-09-10 21:01

前端工程师的方向性总结和建议

4、对于前端进阶这个问题，其实看书的作用和意义已经不太明显，需要寻找好的平台和合适的项目，在项目中不断克服难题并挑战
weixin_33883178·2020-09-10 19:21

大前端进阶-读懂vuejs源码4

在前面文章中，详细探讨了Vue声明流程，Vuejs响应式实现流程，虚拟Dom及模版编译流程，感兴趣的童鞋可以自己查看。Vue声明过程。Vuejs响应式实现流程。虚拟Dom及模版编译。本篇文章将继续探讨Vuejs中一些常用方法的实现过程，包含$set，component，extend。为什么探讨$set方法？在Vue中可以通过this.$set()为一个响应式数据添加新的属性或者响应式数组添加新项，
carry·2020-08-26 23:30

大前端进阶-读懂vuejs源码3

在前面两节中，分别说明了vuejs中如何声明Vue类以及vue数据响应式如何实现：Vue声明过程Vue数据响应式实现过程本节将探讨虚拟Dom及模版解析过程。虚拟Domvuejs中的虚拟Dom实现基于snabbdom，在其基础上添加了组件等插件，关于snabbdom如何创建虚拟Dom及patch对比更新过程可以参考Snabbdom实现原理。_render在Vue实例执行$mount方法挂载Dom的时
carry·2020-08-26 23:27

大前端进阶-读懂vuejs源码3

在前面两节中，分别说明了vuejs中如何声明Vue类以及vue数据响应式如何实现：Vue声明过程Vue数据响应式实现过程本节将探讨虚拟Dom及模版解析过程。虚拟Domvuejs中的虚拟Dom实现基于snabbdom，在其基础上添加了组件等插件，关于snabbdom如何创建虚拟Dom及patch对比更新过程可以参考Snabbdom实现原理。_render在Vue实例执行$mount方法挂载Dom的时
carry·2020-08-26 23:26

大前端进阶-读懂vuejs源码2

前文中，已经分析了在vuejs源码中是如何定义Vue类，以及如何添加实例属性和静态方法：大数据进阶-读懂vuejs源码1。Vue实例化时调用_init，本文将深入该方法内部做了哪些事情及vuejs如何实现数据响应式。Vue初始化在core/instance/index.js文件中定义了Vue的构造函数：functionVue(options){//执行_init方法，此方法在initMixin中定
carry·2020-08-26 23:49

大前端进阶-读懂vuejs源码4

在前面文章中，详细探讨了Vue声明流程，Vuejs响应式实现流程，虚拟Dom及模版编译流程，感兴趣的童鞋可以自己查看。Vue声明过程。Vuejs响应式实现流程。虚拟Dom及模版编译。本篇文章将继续探讨Vuejs中一些常用方法的实现过程，包含$set，component，extend。为什么探讨$set方法？在Vue中可以通过this.$set()为一个响应式数据添加新的属性或者响应式数组添加新项，
carry·2020-08-26 23:14

前端进阶试题-CSS篇

人呐都不知道，自己不可以预料。一个人的命运啊，当然要靠自我奋斗。但是也要考虑历史的行程。我绝对想不到我一个学设计的，怎么就开始写代码了呢？但是经理同志对我讲：公司已经研究决定了。后来我念了两首诗叫“苟利国家生死以，岂因祸福避趋之”。所以我就写起了代码。记得似乎是想进一个交流群，于是下载了做做看。结果题断断续续地做了一半，群是哪个也忘了。想来不如发表在这里，权当是记录一下自己的姿势水平吧。什么是盒模
weixin_30663391·2020-08-26 15:06

大前端进阶-读懂vuejs源码2

前文中，已经分析了在vuejs源码中是如何定义Vue类，以及如何添加实例属性和静态方法：大数据进阶-读懂vuejs源码1。Vue实例化时调用_init，本文将深入该方法内部做了哪些事情及vuejs如何实现数据响应式。Vue初始化在core/instance/index.js文件中定义了Vue的构造函数：functionVue(options){//执行_init方法，此方法在initMixin中定
carry·2020-08-26 11:00

【进阶1-1期】理解JavaScript 中的执行上下文和执行栈

（关注福利，关注本公众号回复[资料]领取优质前端视频，包括Vue、React、Node源码和实战、面试指导）本周正式开始前端进阶的第一期，本周的主题是调用堆栈，，今天是第一天本计划一共28期，每期重点攻克一个面试重难点
木易杨说·2020-08-26 09:52

【进阶1-2期】JavaScript深入之执行上下文栈和变量对象

（关注福利，关注本公众号回复[资料]领取优质前端视频，包括Vue、React、Node源码和实战、面试指导）本周正式开始前端进阶的第一期，本周的主题是调用堆栈，今天是第二天。
木易杨说·2020-08-25 17:29

大前端进阶-读懂vuejs源码1

此文章适合准备第一次阅读vuejs源码的童鞋，由于vuejs的源码非常多，而且分布在各个文件夹中，因此想要读懂源码，需要理清整个框架的脉络。此文章就是从编译入口出发，找到源码中的关键点。准备工作打包源码浏览器调试比单纯的阅读源码更有效率，那么如何为vuejs添加sourceMap？forkvue源码仓库到自己的github仓库中，这样，可以随便添加注释和修改。下载项目，打开package.json
carry·2020-08-25 16:00

大前端进阶-读懂vuejs源码1

此文章适合准备第一次阅读vuejs源码的童鞋，由于vuejs的源码非常多，而且分布在各个文件夹中，因此想要读懂源码，需要理清整个框架的脉络。此文章就是从编译入口出发，找到源码中的关键点。准备工作打包源码浏览器调试比单纯的阅读源码更有效率，那么如何为vuejs添加sourceMap？forkvue源码仓库到自己的github仓库中，这样，可以随便添加注释和修改。下载项目，打开package.json
carry·2020-08-25 09:29

前端进阶学习路线他来了（第一阶段）

第一阶段：移动web网页开发核心知识点•CSS32D•CSS33D变换•CSS3animation动画•H5C3炫酷页面开发•Flex伸缩布局•移动端主流适配方案•常见移动端样式兼容方案•预处理器Less•移动端调试方案能力体现•掌握CSS32D、3D变换、动画效果•了解移动端屏幕、移动端浏览器、操作系统的不同•掌握主流移动端调试方法•掌握常用移动端适配方案（流式布局、flex布局、rem适配）•
撩起秀发继续敲·2020-08-25 07:15

web前端进阶前复习（作业）

HTML什么是HTML理解HTML本质是超文本标记语言，能表现如文字、视频、音频、程序等复杂元素。什么是标签理解什么是标签，标签对的组成：标签名、属性（名值对）、内容属性类似是给这个标签的内容加了个装备，让这些标签具有一些特殊的能力例如：百度重要标签说明表格标签tabletheadtrthtbodytrtd表头1表头2内容1内容2建议定义表格的时候，把tbody,thead都描述出来。表单标签fo
hy_pick·2020-08-25 06:23

vue前端进阶之SSR篇 --- 搭建简单的SSR框架

目录理解ssrSSR的重要性非SSRSSR了解vapper制作简易版脚手架vue框架环境区分目录结构apirouterviewshead信息打包运行结束理解ssr博主最近招前端，发现大部分的前端只会写js、css等。对于后端以及服务器一无所知。但是容器化时代，所有程序必然是独立应用。所以ssr这样的偏后端技术是不可或缺的。博主身为一个全栈架构，觉得有必要向大家展示完全不神秘并非常简单的ssr首先我
codemperor·2020-08-25 06:56

【进阶2-3期】JavaScript深入之闭包面试题解

（关注福利，关注本公众号回复[资料]领取优质前端视频，包括Vue、React、Node源码和实战、面试指导）本周正式开始前端进阶的第二期，本周的主题是作用域闭包，今天是第8天。
木易杨说·2020-08-25 06:40

2020前端进阶之路

一、前端程序员标准与要求1.初级前端：熟悉前端基础知识如HTML、JS、CSS。能够使用一门MVVM框架进行简单的业务开发。遇到复杂的组件和模块，会找现有的轮子使用。会使用百度、google等检索工具搜索问题。2.中级程序员（阿里p5）除了前端基础知识外，熟悉计算机、网络等专业基础知识。熟练掌握工作中使用的技术栈开发业务。除了MVVM框架外，还能了解webpack的配置。能了解一个需求从开发-上线
荒芜不荒芜·2020-08-24 16:21

微前端实战看这篇就够了 - Vue项目篇

另有微前端进阶实战项目：基于vue3.0-beta及
蔚蓝·2020-08-24 16:09

前端进阶之路: 前端架构设计(3) - 测试核心

可能很多人和我一样,首次听到"前端架构"这个词,第一反应是:"前端还有架构这一说呢?"在后端开发领域,系统规划和可扩展性非常关键,因此架构师备受重视,早在开发工作启动之前,他们就被邀请加入到项目中,而且他们会跟客户讨论即将建成的平台的架构要求,使用还什么技术栈?内容类型是什么?这些内容如何被创建?软件架构师的职责就是要保证项目中每一步都在总体架构的指导下进行,而不会随机决定.现在的前端领域,随着J
李棠辉·2020-08-24 14:17

如何实现一个高性能可渲染大数据的Tree组件

关注高级前端进阶，回复“加群”加入我们一起学习，天天进步作者：jayzouhttps://segmentfault.com/a/1190000021228976背景项目中需要渲染一个5000+节点的树组件
木易杨说·2020-08-23 16:02

前端进阶项目第一步——原生js手写轮播图

轮播图的原理：一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量利用定时器实现自动播放，或通过手动点击事件切换图片。HTML布局<>CSS修饰*{margin:0px;padding:0px}#container{margin-left:200px;width:400px;height:400px;position:relative;overflow:h
bupenglei·2020-08-23 16:10

LeetCode题解：234.回文链表

回文链表一、LeetCode题解瞧一瞧～博健的LeetCode题解：Gitbook版本传送门博健的LeetCode题解：CSDN传送门前端进阶笔记：Gitbook传送门二、算法题题目请判断一个链表是否为回文链表
余光、·2020-08-23 01:25

学习Javascript之数组去重

公众号：「前端进阶学习」，回复「666」，获取一揽子前端技术书籍如烟往事俱忘却，心底无私天地宽。
秦至·2020-08-22 17:21

大前端进阶-Vuejs虚拟Dom及diff算法

何为虚拟DOM虚拟DOM就是普通的js对象，其可以用来描述DOM对象，但是由于不是真正的DOM对象，因此人们把它叫做虚拟DOM。为何出现虚拟DOM手动处理DOM在早期的js应用中，开发人员需要手动处理DOM，手动处理不仅代码繁琐，而且需要适配各种浏览器。jQuery操作DOMjQuery对DOM处理操作进行了统一封装，由其内部处理浏览器的差异，虽然减轻了开发人员的DOM操作成本，但是开发人员在开发
carry·2020-08-22 16:46

大前端进阶-工程化

概述前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化，标准化，主要目的是为了提高效率和降低成本。目前，前端项目越来越复杂化和多元化，但是随着变化而来的就是如下问题：传统语言或语法有弊病。虽然ES6及后续版本提出很多解决方案，但是由于环境的支持程度不同，需要进行大量重复性的适配工作。无法模块化，组件化。简单来说，模块化指的是将一个文件拆分成多个相互独立的小文件，使用
carry·2020-08-22 16:12

大前端进阶-js性能优化

内存管理内存由可读写单元组成，表示一片连续可操作的空间。在编程时，可以通过主动操作来申请，使用和释放可操作空间。内存管理指的就是主动操作过程，也就是申请内存，使用内存和释放内存。//申请内存letstr//使用内存str='foo'//释放内存str=null//不再引用，垃圾回收会自动回收内存垃圾回收当内存不再被使用时，其会被视为垃圾，然后被释放（回收）。在JavaScript中，垃圾回收是自动
carry·2020-08-22 16:29

大前端进阶-深入解析Vue.js

由于Vue.js涉及到的内容比较多，因此此文章只是作为入口，深入解析将从以下几个方面进行：vue响应式原理文章地址：https://segmentfault.com/a/1190000023663027虚拟Dom及diff算法文章地址：https://segmentfault.com/a/1190000023675996vue-router实现原理文章地址：https://segmentfault
carry·2020-08-22 13:26

大前端进阶-函数式编程

最近在学习大前端的进阶，因此想把课程中学到的一些知识点结合这几年的工作所感记录下来。漂亮的程序千千万，有趣的思想各不同何为函数式编程函数式编程是一种思想，可以和面向对象编程和面向过程编程并列。面向过程，以过程为中心的编程思想，分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候一个一个依次调用。面向对象，以对象为中心的编程思想，通俗的讲，就是把现实世界中的某个或者一组事物抽象成
carry·2020-08-22 13:45

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

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

前端进阶

现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。1.函数组件函数组件是无状态的，没有生命周期或方法，因此无法实例化创建一个函数组件非常容易，你需要做的就是在SFC中添加一个functional:true属性，或者在模板中添加functional。由于它像函数一样轻巧，
weixin_44273311·2020-08-21 12:08

大前端进阶-Vuejs虚拟Dom及diff算法

何为虚拟DOM虚拟DOM就是普通的js对象，其可以用来描述DOM对象，但是由于不是真正的DOM对象，因此人们把它叫做虚拟DOM。为何出现虚拟DOM手动处理DOM在早期的js应用中，开发人员需要手动处理DOM，手动处理不仅代码繁琐，而且需要适配各种浏览器。jQuery操作DOMjQuery对DOM处理操作进行了统一封装，由其内部处理浏览器的差异，虽然减轻了开发人员的DOM操作成本，但是开发人员在开发
carry·2020-08-21 04:10

大前端进阶-Vuejs响应式原理剖析

像React，Vue这类的框架，响应式是其最核心的特性之一。通过响应式可以实现当改变数据的时候，视图会自动变化，反之，视图变化，数据也随之更新。避免了繁琐的dom操作，让开发者在开发的时候只需要关注数据本身，而不需要关注数据如何渲染到视图。实现原理2.x在vue2.0中通过Object.defineProperty方法实现数据拦截，也就是为每个属性添加get和set方法，当获取属性值和修改属性值的
carry·2020-08-21 04:22

大前端进阶-模块化

概述模块化是一种解决问题的方案，一个模块就是实现某种特定功能的文件，可以帮助开发者拆分和组织代码。js模块化JavaScript语言在设计之初只是为了完成简单的功能，因此没有模块化的设计。但是随着前端应用的越来越庞大，模块化成为了js语言必须解决的问题。模块化发展js的模块化发展大致可以划分为四个阶段：文件划分按照js文件划分模块，一个文件可以认为是一个模块，然后将文件通过script标签的方式引
carry·2020-08-21 04:53

<<前端进阶篇>> PDF 出炉了 — 「阿宝哥」，精心准备的 6 万多字 170 页的前端进阶资料

一、前言大家好，我是阿宝哥。首先简单介绍下我自己，2017年3月份开始在思否写Angular修仙之路专栏，目前已输出138篇原创文章。曾获得思否年度优秀文章作者及两季TopWriter。2020年开始专注系列教程写作，包含以下专题：重学TS专题（40+篇）玩转前端专题（5篇）你不知道的XXX（4篇）了不起的XXX专题（5篇）平常活跃在各个开发社区，这里分享主要的社区地址：1、掘金（LV5）：htt
阿宝哥·2020-08-21 04:50

前端面试题整理

完整版推荐在线阅读https://poetries1.gitee.io/fe-interview关注公众号（前端进阶之旅）获取更多资讯$HTML，HTTP，web综合问题1、前端需要注意哪些SEO合理的
poetries·2020-08-21 04:41

大前端进阶-工程化

概述前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化，标准化，主要目的是为了提高效率和降低成本。目前，前端项目越来越复杂化和多元化，但是随着变化而来的就是如下问题：传统语言或语法有弊病。虽然ES6及后续版本提出很多解决方案，但是由于环境的支持程度不同，需要进行大量重复性的适配工作。无法模块化，组件化。简单来说，模块化指的是将一个文件拆分成多个相互独立的小文件，使用
carry·2020-08-21 04:07

大前端进阶-js性能优化

内存管理内存由可读写单元组成，表示一片连续可操作的空间。在编程时，可以通过主动操作来申请，使用和释放可操作空间。内存管理指的就是主动操作过程，也就是申请内存，使用内存和释放内存。//申请内存letstr//使用内存str='foo'//释放内存str=null//不再引用，垃圾回收会自动回收内存垃圾回收当内存不再被使用时，其会被视为垃圾，然后被释放（回收）。在JavaScript中，垃圾回收是自动
carry·2020-08-21 04:03
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他