babel

###引入jest需安装的基础插件： 基础插件 @babel/core 说明：编译工具核心模块包 @babel/preset-env 说明：编译工具，支持es2015特性的编译打包工具包 babel-jest 说明：对.jsx、.js文件进行转义的包工具。 jest 说明：jest单元测试模块包 ####引入jest的相关配置： jest.config.js 若无jest.config.js，则执行jest --init，初始化jest的配置文件 修改如下配置： moduleNameMapper: { "^@/(.*)$": "<rootDir>/src/$1" //映射jssdk源码src的目录 } babel.config.js module.exports = { presets: [ ['@babel/preset-env', { //配置babel预置编译器为@babel/preset-env targets: { node: 'current' } }] ] }; <br/> ###JavaScript部署jest ####安装插件： 参照文首【引入jest需安装的基础插件】 ####相关配置 参照文首【引入jest的相关配置】 <br/> ###TypeScript部署jest ####安装插件： __1.安装jest基础插件__ 参照文首

原文链接： https://www.jianshu.com/p/f931f47cbf75 前言： 作为一个现代javascript 应用程序的静态模块打包器，webpack能将各种资源，如js，css， 图片等作为模块来处理，是当下前端工程化的一个很受欢迎的工具，webpack目前最新的版本是4.0，文章将在4.0 的基础上，从使用者的角度，一步步教你认识并搭建一个简单的webpack配置项目，当然webpack的配置和使用较为丰富且复杂，更多的内容需要参考 webpack官网 1. 两个基本的依赖： 首先webpack 项目的两个核心基础模块是webpack 和webpack-cli，这是webpack项目构建的前提 npm install --save-dev webpack webpack-cli 2. 运行webpack 默认情况下，webpack 运行构建指令默认 以项目文件夹下的 src/index.js 作为入口文件， 运行 webpack 指令会执行默认的webpack 配置文件。 而在一般情况下，需要构建符合项目要求的配置文件，可在package.json 中同过 --config 配置webpack的执行文件(如下) "script": { "build": "webpack --config ./config/webpack.base.js" } 3.

前言 人近三十，兜兜转转。三十而立感悟如此。 最近也开始了面试，裸辞之后，刚准备面试，许多不太适应的情况时有发生，当前的大环境也并不太平，裁员现象也频出不穷。在这种情况下去面试，不仅是对自身实力的检验，更是对人生的一次考试。 话不多说，先谈最近面试经历。 面试经历 腾讯 一面项目和技术基础。这里会问道一些基础特性，面试时间大概一个小时。前端基础，注重的是JS一些相关特性，大体面试马马虎虎。聊到项目，却碰到了坎坷，准备不充分之下，弄得面试官也很是纠结。不过好歹，面试官还是让进入二面。 二面技术原理，原理说的磕磕绊绊，自己的表现不好。还有手写代码，也写得并不完善，二面结束，也就结束了。 阿里 阿里面试时长最短，只有电话一轮，面试时间不到二十分钟。面试项目优化，性能优化方式。无奈面试官稍微引申，自己便是捉襟见肘，表现尴尬，所以，无疾而终。这个，自然是自身问题。 蘑菇街 面试体验略差，感觉像是刷KPI的，面试一轮随便问了几个问题结束。 58到家 58到家的面试，问了基础和React原理，原理说的磕磕绊绊，自己也认识到不足，有待提高，一面挂。 乘法云 一面挂，这个是学完驾照之后第一次面试，比上面的都靠前，实在是自己太垃圾了，没准备的情况下面试，好多东西都回答不上来，一面结束就挂了。 MOKA 面试体验一般，技术官一轮面试主要是面试基础，没有太多原理性质东西，面试完后，就让走了。 美团

原文转载于： https://blog.csdn.net/juzipchy/article/details/65653683 npm install 在安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件，一个是npm install - -save另一个是 npm install –save-dev，他们表面上的区别是 - -save 会把依赖包名称添加到 package.json 文件 dependencies 键下， - -save-dev 则添加到 package.json 文件 devDependencies 键下，譬如： { " dependencies " : { " vue " : " ^2.2.1 " }, " devDependencies " : { " babel-core " : " ^6.0.0 " , " babel-loader " : " ^6.0.0 " , " babel-preset-latest " : " ^6.0.0 " , " cross-env " : " ^3.0.0 " , " css-loader " : " ^0.25.0 " , " file-loader " : " ^0.9.0 " , " vue-loader " : " ^11.1.4 " , " vue-template

2017年12月7日更新，添加了 clean-webpack-plugin , babel-env-preset ,添加本文涉及到的所有代码的示例，如果你在学习过程中出错了，可 点击此处参考 写在前面的话 阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走进了Webpack的大门。 // 一个常见的`webpack`配置文件 const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = { entry: __dirname + "/app/main.js", //已多次提及的唯一入口文件 output: { path: __dirname + "/build",

最近知乎收到一些问题，问前端学起来吃力，连续更新几次回答的比较全了。现在整理下分享给51![]的小伙伴们。 前端工作两年多。大部分前端原理、框架都能完全运用。工作中几乎遇不到解决不了的问题（除了那些恶心无法实现的需求）现在经常被安排去面试新人（被安排去面试，主要是工作能力比较突出的原因，公司还有很多3年以上的员工）。 下面说说我的学习方法或许对你有用！ 一、打好基础不用说 HTML、CSS、JavaScript 三大件，完全掌握。不懂得就直接查 MDN。 HTML重点掌握语义化。区分块级和内联标签。其他查文档就好了。还有就是定义 head 里面一些meta 了解下。 CSS。重点看盒子模型，定位，层级，过渡，动画和 transform。知道原理和规则。大部分工作都是照着设计稿化。掌握上面几个 99% 还原也不难。接下来重点学习几种常见的布局。完了之后去搞flex。最后搞下sass、less。基本就差不多了。 JavaScript。重点来了，红宝书看一遍掌握基础，进阶去看《你不知道的 JavaScript》。就这两套足够了，别搞那么多。 每个知识点搞懂。ES6 基本没啥问题。下面几个问题优先搞懂，优先级如下： this 用法，相关原理 原型/原型链 闭包 面向对象相关 同步异步/回调/promise/async、await 模块化 CommonJS, AMD 先搞这懂这些比较难的概念

Vant是什么 简介 Vant是有赞开源的一套基于Vue2.0的Mobile组件库。通过Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。Vant旨在更快、更简单地开发基于Vue的美观易用的移动站点。特性组件都是来源于有赞的微商城业务,并且经过有赞业务的检验,更靠谱完善详实的中文文档专门的设计师团队维护视觉规范,统一而优雅支持babel-plugin-import单测覆盖率超过90%建议搭配webpack,babel使用Vant。 有赞 看完，你可能会问，“有赞”是什么鬼？ 好像是一个微商城，帮你搭建微商网站的好像，而且在香港已上市，好像是浙江的公司，看官网的网址注册2012年就有了，不过我之前没听过。 既然是搭建平台的公司，所以技术应该还可以。 官网： https://www.youzan.com/?from_source=baidu_pz_shouye_0 流行度 流行度怎样？坦白说，我也不知道，但是根据不怎么好。因为不可能统计到多少人在用，只能通过github上的star、各大技术论坛、博客的出现频率来判断流行度。 我百度搜索“vue.js ui库”，出现了很多ui库，但都没有见vant的踪影，主要是element、vux、ivew等这些。不过，既然项目在用，学习一下也是很好的。 推荐21个顶级的Vue

作者：Morrain 【前端科普系列】帮助阅读者了解web前端，主要覆盖web前端的基础知识，但不深入讲解，定位为大而全并非细而精，适合非前端开发的同学对前端有一个系统的认识，能更好的与前端开发协作。尽可能的写成科普类文章，对于前端开发而言，只适合刚入门的新手。 本文为第五章，主要讲前端工程化中的很重要工具 ESLint，主要介绍 ESLint 的历史、用法以及如何基于ESLint 打造保护代码仓库优雅的护城河。 一、前言 战国时期强大的赵国想要一举攻打并吞并北边的燕国，而小国“梁城”位居两国之间，为战略要冲，是必取之地。于是赵国派遣大将巷淹中，率领十万大军攻打仅有四千人的“梁城”，梁城王向以守城著称的墨家求救。但梁城等到的却是一个其貌不扬、孤身应战的墨家侠客革离，谁料革离足智多谋，指挥梁城四千军民抵御十万赵军，功成身退。 （图片来源：网络） “梁城”就好比我们的项目仓库，“梁城”的秩序取决于“革离”有没有守好它！那我们的项目仓库呢？ 你愿意看到城中杂乱无章、毫无规则、乱象丛生还是愿意看到城中秩序井然、风格统一、整齐有序？如何成为程序员里的“革离”，守好属于我们的天空之城？ 二、关于 ESLint 1、ESLint 是什么 先来看下它在 官网 上的定义： Find and fix problems in your JavaScript code 没错就一句话， 发现并修复你

问题： I'm trying to use async, await from scratch on Babel 6, but I'm getting regeneratorRuntime is not defined. 我正在尝试使用异步，在Babel 6上从头开始，但是我得到的regeneratorRuntime尚未定义。 .babelrc file .babelrc文件 { "presets": [ "es2015", "stage-0" ] } package.json file package.json文件 "devDependencies": { "babel-core": "^6.0.20", "babel-preset-es2015": "^6.0.15", "babel-preset-stage-0": "^6.0.15" } .js file .js文件 "use strict"; async function foo() { await bar(); } function bar() { } exports.default = foo; Using it normally without the async/await works just fine. 正常使用它而无需异步/等待就可以了。 Any ideas what I'm doing wrong?

webpack搭建vue零基础搭建 webpack搭建vue项目步骤详解 初始化package.json文件 安装wbepack打包工具和wnepack脚手架 配置出入口文件 引入bable （适配为啦让代码在各个浏览器流畅执行） 自动生成 HTML 文件 1.安装依赖 2.更改配置文件 3.创建模板文件夹 安装webpack-server（项目自启动） 1.安装依赖 安装vue相关依赖 （为啦识别vue文件） webpack.config.js完整代码 完善vue结构 这样就完成啦一个vue项目的搭建 =。= webpack搭建vue项目步骤详解 自己在搭建vue是遇到很多问题也查啦很多，摸索着搭建完成，在博客记录一下同时加强记忆。 初始化package.json文件 1.创建文件夹，打开cmd命令窗口，执行npm init 命令 初始化package.json文件 { "name" : "demo1" , "version" : "1.0.0" , "description" : "" , "main" : "index.js" , "scripts" : { "test" : "echo \"Error: no test specified\" && exit 1" } , "author" : "" , "license" : "ISC" } name 表示项目的名称