E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
es6+
自动化构建
自动化构建工作流比如一些
es6+
,sass等,通过自动化构建工具,使得一些不被浏览器所支持的特性,转换成能直接运行的代码。提高搬砖效率。
洲行
·
2023-03-14 09:10
前端工程化 —— 概述及脚手架工具
=某个工具一些成熟的工程化集成脚手架工具脚手架的本质作用常用的脚手架工具脚手架工作原理脚手架工作过程开发一个脚手架工程化概述工程化主要解决的问题想要使用
ES6+
新特性,但是兼容有问题(传统语言或语法的弊端
顽皮的雪狐七七
·
2023-02-17 22:12
02.ElementUI源码学习:babel配置
书接上文,接下来项目将引入babel支持
ES6+
语法兼容。
Anduril
·
2023-02-07 11:55
Webpack配置
Bable作用
ES6+
语法转换转换JSX语法(js内定义的一套类XML语法,可以解析出目标js代码,颠覆传统js写法。HTML由浏览器解析,而JSX是由
A郑家庆
·
2023-02-04 20:20
详解前端工程化和node.js
前端工程化一直很相信一句话:技术是为了解决问题而存在的前端工程化是使用各种工具和技术来提升开发效率和解决前端开发中的各种问题项目开发中遇到的问题1.项目上线前,代码需要压缩2.想要使用
ES6+
或CSS3
Aaron胖虎
·
2023-01-31 08:22
前端脚手架工具
读书,学会和伟大的灵魂沟通;学会独处,学会独立思考;学会坚韧,也学会谦卑一、工程化定义:一切以提高效率、降低成本、质量保证为目的的手段都属于工程化1.主要解决的问题:想要使用
ES6+
新特性,但是兼容有问题
后海 0_o
·
2022-12-21 18:47
LaGo
前端
TypeScript(TS)面试题与重点知识总结
TS:JS的超集,即对JS的扩展,主要提供了类型系统和对
ES6+
的支持,但TS最终会转换为js代码去执行。
shine sun
·
2022-12-18 14:21
typescript
尚硅谷Vue2学习笔记 (二)
logo.pngcomponent存放组件HelloWorld.vueApp.vue汇总所有组件main.js入口文件.gitignoregit版本管理忽略文件babel.config.jsbabel配置文件(ps:babel可以将
es6
noirscent
·
2022-12-05 18:23
学习
javascript
vue.js
[前端进阶] 工程/工具篇
BabelBabel是一个JavaScript编译器,用于将高版本的JavaScript代码转为向后兼容的JS代码,
ES6+
=>ES5/ES3。同时也可转换JSX语法为JavaScript。
码侯烧酒
·
2022-12-01 14:28
前端工程师手册
前端
javascript
ES6 语法 浅析
之前的写的练习大差不差都用了
ES6+
的语法,当然并不只限于es6版本的语法,还有其他的版本,目前好像都更新到了ES13。所以并不能只局限于ES6,应该是
ES6+
卢衍飞
·
2022-11-23 23:27
技术分享
es6
javascript
前端
56 道高频 JavaScript 与
ES6+
的面试题及答案
前端硬核面试专题前言本文讲解56道JavaScript和
ES6+
面试题的内容。复习前端面试的知识,是为了巩固前端的基础知识,最重要的还是平时的积累!注意:文章的题与题之间用下划线分隔开,答案仅供参考。
非著名程序员
·
2022-11-11 14:06
前端工程化-01-Yeoman-Grunt
没有前端工程化遇到的问题使用
ES6+
新特性,但是有兼容问题使用Less/Sass/PostCss增强CSS的变成性,运行环境不能直接支持使用或快画的方式提高项目的可维护性,运行环境不能直接支持部署上线前需要手动压缩代码及资源文件部署过程中需要手动上传代码到服务器多人协作无法硬性统一大家的代码风格
Controllerszzy
·
2022-10-26 15:48
前端工程化
node.js
npm
yarn
webpack 之 从 0 创建一个 webpack5 的项目
目录目标初始化webpack项目配置核心功能将
ES6+
转ES5处理样式处理图片等静态资源创建html文件开发服务器清除打包文件多环境打包目标新建一个webpack5项目,包括开发环境和生产环境初始化webpack
山间听雨声
·
2022-10-06 22:49
工具
webpack
前端
javascript
初识Webpack
原文链接:初识WebpackWebpack初体验用Webpack解决什么问题模块化高级特性、开发效率、安全性
ES6+
、Typescript、sass、less监听文件变化并反映到浏览器上,提高开发效率开发完成后的打包
前端LeBron
·
2022-09-29 16:50
Webpack
webpack
node.js
大前端
javascript
es6
日常开发中的
ES6+
语法
日常开发中的
ES6+
语法1.面试官:const、let、var区别2.面试官:你了解箭头函数吗?箭头函数和普通函数的有什么区别?3.面试官:可以聊聊解构的日常使用场景吗?
星霜下逆天生
·
2022-08-19 10:35
笔记
javascript
html5
html
Vue3+TS快速上手
认识vue3创建vue3项目CompositionAPI(常用部分)一、TypeScript快速上手初识TypeScriptTypeScript是JavaScript的一个超集,主要提供了类型系统和对
ES6
偷一只猪ma
·
2022-08-13 13:11
vue
typescript
vue
typescript
盘点Webpack常见使用配置
随着前端开发越来越复杂,那么我们需要做的功能也不止基本界面了,比如开发过程中我们需要通过模块化的方式来开发;比如也会使用一些高级的特性来加快我们的开发效率或者安全性,比如通过
ES6+
、TypeScript
嘴巴嘟嘟
·
2022-06-13 10:26
webpack
javascript
前端
自动化构建
什么是构建构建过程为什么构建(构建内容)•一些代码需要编译(CSS,JS),保证浏览器的兼容性;•将Less或Sass转换成CSS•将
ES6+
的新语法转成ES5•有些代码需要压缩(CSS,JS,HTML
名师点津
·
2022-04-11 04:14
笔记
javascript
七:以理论结合实践方式梳理前端 ES 6+ ——— ES 6+ 文档对象
ES6+
文档DOM对象DOM(DocumentObjectModel)译为文档对象模型,是HTML和XML文档的编程接口,DOM以树结构表达HTML文档核心DOM-针对任何结构化文档的标准模型;XMLDOM
十三餍
·
2022-03-25 12:16
ES6+
专栏
javascript
es6
前端
ES6新特性常用总结
我会总结一些工作中常用也比较核心的
es6+
的语法知识一.let和constlet用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效,即let声明的是一个块作用域内的变量。
wish_way
·
2022-03-01 18:26
ES6
es6
JavaScript - String相关方法
(Unicode编码)
ES6+
名字描述String.raw()获取一个模板字符串的原始字符串二.实例方法(不包含已废弃的方法和浏览器支持度低的方法):名字描述charAt(index)从一个字符串中返回指定
小棋子js
·
2022-02-21 18:39
重学es5构造函数 类与继承
ES6+
已经在前端市场流行很多年了,似乎都快忘了以前常用的es5的一些特性,今天回顾一些es5的构造函数。
双流儿
·
2022-02-18 11:29
前端规范与思考(三)—— JavaScript规范
1.优先使用
es6+
新语法解构赋值class类箭头函数函数参数默认值可选链?.只列出了部分特性,
es6+
的语法,表达性更
·
2022-01-15 19:02
javascript
ES6+
数组字符串操作
concat连接两个或多个数组,并返回结果concat()可以连接两个或多个数组,并将新的数组返回不会改变原数组vararr1=[1,2,3]vararr2=[4,5,6]vararr3=arr1.concat(arr2)console.log(arr3);//[1,2,3,4,5,6]join数组转字符串数组转字符串,不会改变原数组将字符串返回在join()中指定一个字符串作为参数,这个字符串会
贺大大i
·
2021-12-19 00:36
ApacheCN NodeJS 译文集 20211204 更新
API——第2部分ReactTypeScriptNode全栈开发零、序言第一部分:理解TypeScript及其如何改进JavaScript一、理解TypeScript二、探索TypeScript三、使用
ES6
·
2021-12-08 21:57
node.js
前后端未分离项目禁用
ES6+
方案
背景近半年,已产生几起FM项目(FreeMarker项目)在IE浏览器或者360浏览器兼容模式环境下运行出错的线上问题,导致业务流程无法执行下去。虽然一直在强调开发同学在做FM项目的需求时不要使用ES6,但是口头上的团队约定约束性力度有限,加上开发同学早已习惯性使用ES6,使之问题层出不穷,另外,还有些WebApis和样式在IE上存在兼容性问题(比如:Element.scrollIntoView(
·
2021-08-12 18:37
10分钟了解
ES6+
(ES2015-ES2019)那些重要的特性
在此后ECMAScript每年发布一个大版本新增加一些重要特性,我们称之为
ES6+
。本文主要总结了ES2015-ES2019的主要特性,一个学习前端的童鞋应该是常用且理解的一些特性。
·
2021-06-22 21:36
10分钟了解
ES6+
(ES2015-ES2019)那些重要的特性
在此后ECMAScript每年发布一个大版本新增加一些重要特性,我们称之为
ES6+
。本文主要总结了ES2015-ES2019的主要特性,一个学习前端的童鞋应该是常用且理解的一些特性。
·
2021-06-22 21:23
es6+
最佳入门实践(8)
8.Promise8.1.什么是异步?要理解异步,首先,从同步代码开始说alert(1)alert(2)像上面的代码,执行顺序是从上到下,先后弹出1和2,这种代码叫做同步代码alert(0)setTimeout(function(){alert(1);},2000);setTimeout(function(){alert(2)},1000);alert(3)上面代码的弹出顺序是0321,像这种不按
螺钉课堂
·
2021-06-19 06:46
六、Babel的深入解析
原因如下:开发中,我们想要使用
ES6+
的语法,想要使用TypeScript,开发React项目,它们都是离不开Babel的学习Babel对于我们理解代码从编写到线上的转变过程直观重要了解真相,你才能获得真知的自由那么
AShuiCoder
·
2021-05-01 10:40
从零开始的webpack5+react+typescript
文章目录Webpack配置简述初始化项目项目基本架构webpack配置配置CSS支持css导入兼容样式预处理器优化压缩css配置JS兼容
ES6+
支持React支持Typescript优化省略文件后缀名js
香香鸡
·
2021-04-26 23:10
前端
webpack
JS
typescript
reactjs
javascript
es6+
constgetBook=asyncbookName=>{constbook=awaitfetchBook(bookName);const[author,rating]=awaitPromise.all([fetchAuthor(book.authorId),fetchRating(book.id)]);return{...book,author,rating};};箭头函数哪些情况不适用:原因:
ohion_1049
·
2021-04-19 23:50
React native-事件绑定
React使用
ES6+
语言时候不像之前的非ES6一样进行自动绑定,需要手动通过.bind(this)或者使用箭头函数=>.实际写法有三种.直接绑定_onChange(event){console.log
FlyElephant
·
2021-04-18 22:04
TypeScript快速入门
TypeScript是js的超集,主要提供了类型系统和对
ES6+
的支持,并且扩展了js的语法,任何现有的js程序都可以运行在TypeScript环境中。
·
2021-03-20 20:48
前端TypeScript
babel-preset-env
1.2缺点部分转码多余:如果使用默认设置,babel会将所有ES6与
ES6+
的新特性转成复杂的es5的
·
2021-02-03 10:00
javascript
ES6+
知识点集
目录let关键字const关键字解构赋值数组解构对象解构字符串/数值/布尔值浅拷贝交换变量遍历Map结构模板字符串简化对象写法箭头函数this指向问题纯函数扩展运算符迭代器(iterator)生成器(Generator)promise用法set属性和方法map函数classl-类类的方法数值扩展不同进制的字面量表示常量Math对象的扩展import和export的用法asyncawait用法Obj
DannyღJennis
·
2021-02-01 20:44
前端
js
es6/es7
TypeScript 概述和基本应用 学习笔记
任何一种JavaScript运行环境都支持TypeScript在JavaScript之上多了一些扩展特性:类型系统、
ES6+
,最终编译成原始的JavaScript。
sayCloud
·
2021-02-01 10:42
自动化构建和构建工具Gulp
自动化构建什么是构建构建是将源代码转换成生产代码的过程为什么构建一些代码需要编译(CSS,JS),保证浏览器的兼容性将Less或Sass转换成CSS将
ES6+
的新语法转成ES5有些代码需要压缩(CSS,
Aaron胖虎
·
2021-01-22 21:26
工程化概述
面临的问题:1、使用
ES6+
新特性,有兼容问题2、使用Less、Sass、PostCSS增强CSS的编程性,运行环境不能直接支持3、模块化或者组件化方式提高项目的可维护性,运行环境不能直接支持4、部署上
泗洪双沟
·
2021-01-18 19:53
笔记
node.js
vue-cli3+babel7项目兼容IE
无奈我们还是有一些比较传统的大企业要用我们的系统,所以还得支持IE10~11;网上比较多资料都比较旧了,自己撸了一些就不想看了,大部分都是因为不同的babel版本不一样正常来说vue-cli3的项目、默认配置会将
es6
spademan
·
2021-01-15 19:28
兼容性
babel7
vue-cli3
Babel 入门教程
作用:将
ES6+
版本的代码转换为ES5代码,以便能够运行在当前环境和旧版浏览器环境中。这就意味着,可以用ES6编写代码,而不用担心当前环境是否支持的问题。
码徒
·
2021-01-14 20:19
html5
babel
Babel 入门教程
作用:将
ES6+
版本的代码转换为ES5代码,以便能够运行在当前环境和旧版浏览器环境中。这就意味着,可以用ES6编写代码,而不用担心当前环境是否支持的问题。
码徒
·
2021-01-14 20:52
html5
babel
Webpack基础配置(二)
webpack只理解ES5语法的js文件,并不理解
ES6+
的语法及js新的API。babel可以将
ES6+
的语法及js新的API转换称ES5语法。
大王叫你别巡山
·
2021-01-11 11:18
前端
webpack
现代JavaScript:
ES6+
中的 Imports,Exports,Let,Const 和 Promise
在过去几年里,JavaScript有很多的更新。如果你想提升写代码的能力,这些更新将会对你有非常大的帮助。对于程序员来说,了解这门语言的最新发展是非常重要的。它能使你跟上最新趋势,提高代码质量,在工作中出类拔萃,从而进一步提升你的薪资待遇。特别地,如果你想学习像React、Angular或Vue这样的框架,你必须掌握这些最新的特性。最近,JavaScript增加了许多有用的功能,比如Nullish
葡萄城
·
2020-12-24 17:00
spreadjs
前端
javascript
es6
npm
现代JavaScript:
ES6+
中的 Imports,Exports,Let,Const 和 Promise
在过去几年里,JavaScript有很多的更新。如果你想提升写代码的能力,这些更新将会对你有非常大的帮助。对于程序员来说,了解这门语言的最新发展是非常重要的。它能使你跟上最新趋势,提高代码质量,在工作中出类拔萃,从而进一步提升你的薪资待遇。特别地,如果你想学习像React、Angular或Vue这样的框架,你必须掌握这些最新的特性。最近,JavaScript增加了许多有用的功能,比如Nullish
葡萄城
·
2020-12-24 16:27
spreadjs
前端
javascript
es6
npm
Bable的使用
一、bable简介babel是一个工具链,用于将
ES6+
语法转换为当前版本浏览器等环境兼容的javascript代码。
小葱
·
2020-12-13 22:19
javascript
浅谈前端工程化 之 前端脚手架工具 -- Yeoman、Plop
面临的问题1、想要使用
ES6+
新特性,但是兼容有问题2、想要使用Less/Sass/PostCSS增强CSS的编程性,但是运行环境不能直接支持3、想要使用模块化的方式提高项目的可维护性,但运行环境不能直接支持
Alisone_li
·
2020-11-24 08:44
前端笔记
前端
babel原理
他既不会运行你的代码,也不会将多个代码打包到一起,它是个编译器,输入的语言是
ES6+
,编译目标语言是ES5。
niklause_sun
·
2020-11-06 13:19
56 道高频 JavaScript 与
ES6+
的面试题及答案
前言本文讲解56道JavaScript和
ES6+
面试题的内容。复习前端面试的知识,是为了巩固前端的基础知识,最重要的还是平时的积累!注意:文章的题与题之间用下划线分隔开,答案仅供参考。
爱前端也爱恋爱
·
2020-09-19 09:04
web前端学习圈
css
javascript
vue.js
html
jquery
前端利器CodePen和JSRUN了解一下
你从不需要手写生产级别的代码,无论是Sass,还是
es6+
(
lohiecan
·
2020-09-16 20:54
h5
node
上一页
1
2
3
4
5
6
7
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他