摘要:path:所有输出文件的目标路径; publicPath:输出解析文件的目录,url 相对于 HTML 页面 区别:path是webpack所有文件的输出的路径,必须是绝对路径,比如:output输出的js,url-loader解析的图片,HtmlWebpackPlugin生成的html文件,都会存
阅读全文
摘要:babel-polyfill 使用场景 Babel 默认只转换新的 JavaScript 语法,而不转换新的 API。例如,Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object
阅读全文
摘要:地址 https://blog.csdn.net/sinat_17775997
阅读全文
摘要:说是解决方案实际上更像是webpack的插件索引。 写这一篇的目的是为了形成一个所以,将来要用时直接来查找即可。 1.自动构建HTML,可压缩空格,可给引用的js加版本号或随机数:html-webpack-plugin 解决方案:使用插件 html-webpack-plugin webpack.co
阅读全文
摘要:地址 https://blog.csdn.net/crystal6918/article/details/74757401?locationNum=6&fps=1
阅读全文
摘要:地址:http://www.jb51.net/article/135225.htm
阅读全文
摘要:本文介绍vue-cli脚手架工具根目录的babelrc配置文件 介绍 es6特性浏览器还没有全部支持,但是使用es6是大势所趋,所以babel应运而生,用来将es6代码转换成浏览器能够识别的代码 babel有提供专门的命令行工具方便转码,可以自行去了解 vue-cli脚手架的.babelrc文件 {
阅读全文
摘要:地址 : https://blog.csdn.net/jiang7701037
阅读全文
摘要:webpack4在2月底正式发布后,原来的很多做法不能使用,下面把使用webpack4.0.1过程中,出现的问题,一一记录,也欢迎大家补充,谢谢!团结就是力量,众人拾柴火焰高,加油! 关于webpack4.0.1的安装问题,可以查看我的另外一篇文章webpack4.0.1安装问题和webpack.c
阅读全文
摘要:webpack是一款前端模块打包工具, 它的出现是由于现代web开发越来越复杂,如果还是像原来那样把所有的js代码都写到一个文件中,维护非常困难。而解决复杂化的方法通常是分而治之,就是把复杂化的东西进行拆分,形成一个个小的模块,这也是现代web 开发提出的模块化的概念,代码进行拆分,写成一个个小的模
阅读全文
摘要:地址1:https://segmentfault.com/a/1190000010426778 地址2:https://blog.csdn.net/caixiaowang/article/details/73441659 es6环境中,export与import使用方法:https://blog.c
阅读全文
摘要:首先我们要明白一个前提,CommonJS模块规范和ES6模块规范完全是两种不同的概念。 CommonJS模块规范 Node应用由模块组成,采用CommonJS模块规范。 根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。 Commo
阅读全文
摘要:Render函数是Vue2.x版本新增的一个函数;使用虚拟dom来渲染节点提升性能,因为它是基于JavaScript计算。通过使用createElement(h)来创建dom节点。createElement是render的核心方法。其Vue编译的时候会把template里面的节点解析成虚拟dom;
阅读全文
摘要:vue.js是前端框架中比较热门的,因为工作关系,也加入了浩浩荡荡的学习大潮中,用笔记记录下点滴,便于后面学习查阅! 1 node.js环境的安装包(npm包管理器) 2 vue-cli 脚手架构建工具 3 cnpm npm的淘宝镜像 1安装node.js 官网下载node.js安装node,安装过
阅读全文
摘要:npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使
阅读全文
摘要:The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm
阅读全文
摘要:webpack的code spliting与chunks :https://blog.csdn.net/liuqi332922337/article/details/53020992
阅读全文
摘要:一份关于npm的新手指南 Node.js使得在服务器端使用JavaScript编写应用程序成为可能。它是基于V8Javascript运行时并且使用C++编写的,所以它的速度很快。最初,它旨在作为应用程序的服务器环境,但是开发人员使用它创建工具来帮助他们进行本地任务自动化。从那时起,一个全新的基于No
阅读全文
摘要:npm入门:https://blog.csdn.net/owen1190/article/details/73662299
阅读全文
摘要:当我们查看package.json中已安装的库的时候,会发现他们的版本号之前都会加一个符号,有的是插入符号(^),有的是波浪符号(~)。那么他们到底有什么区别呢?先贴一个例子,对照例子来做解释: [java] view plain copy "dependencies": { "bluebird":
阅读全文
摘要:npm模块管理器 地址: http://javascript.ruanyifeng.com/nodejs/npm.html#
阅读全文
摘要:Vue2+VueRouter2+webpack 构建项目实战(四)接通api,先渲染个列表: Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(一)基础知识概述
阅读全文
摘要:cross-env能跨平台地设置及使用环境变量 大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使用%ENV_VAR%。。。)
阅读全文
摘要:最近在研究webpack,当我执行npm run build / npm start / npm run server等命令时,都是提示下面的警告信息 WARNING in configurationThe ‘mode‘ option has not been set. Set ‘mode‘ opt
阅读全文
摘要:webpack升级到4.0.1,执行webpack命令报错: 按错误提示,webpack单独分离出了wepack-cli,需要我们安装wepack-cli。 全局安装: 全局安装webpack-cli后,使用webpack -v成功。 在项目本地安装webpack,webpack-cli:
阅读全文
摘要:Webpack基础学习:https://segmentfault.com/a/1190000008853009
阅读全文
摘要:一、简介 1、什么是webpack webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JS
阅读全文
摘要:地址:https://blog.csdn.net/JSCTO/article/details/68970120
阅读全文
摘要:https://segmentfault.com/a/1190000006178770
阅读全文
摘要:http://www.mujiang.info/translation/npmjs/files/package.json.html
阅读全文
摘要:https://blog.csdn.net/u011240877/article/details/76582670#什么是-npm
阅读全文
摘要:package.json是什么? 直接的说:就是管理你本地安装的npm包 一个package.json文件可以做如下事情: 展示项目所依赖的npm包 允许你指定一个包的版本[范围] 让你建立起稳定,意味着你可以更好的与其他开发者共享 创建package.json 在你要创建的目录下执行:npm in
阅读全文
摘要:vscode: Visual Studio Code 常用快捷键 主命令框 F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如: 按一下 Backspace 会进入到 Ctrl+P 模式 在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式
阅读全文
摘要:淘宝 npm 地址: http://npm.taobao.org/ 如何使用 有很多方法来配置npm的registry地址,下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例: 1.临时使用 1 2.持久使用 1 配置后可通过下面方式来验证是否成功 npm config get regis
阅读全文
摘要:剖析Vue原理&实现双向绑定MVVM:https://segmentfault.com/a/1190000006599500
阅读全文
摘要:https://www.cnblogs.com/lvhw/p/8286544.html
阅读全文
摘要:起步 1. 扎实的 JavaScript / HTML / CSS 基本功。这是前置条件。 2. 通读官方教程 (guide) 的基础篇。不要用任何构建工具,就只用最简单的 <script>,把教程里的例子模仿一遍,理解用法。不推荐上来就直接用 vue-cli 构建项目,尤其是如果没有 Node/W
阅读全文
摘要:Vue ,React ,Angular 三大主流框架,最后我选择学习 Vue ,接触过 React ,自己感觉学习曲线有些陡峭,进而我选择了学习 Vue ,他的学习曲线平稳很多;不管选择什么框架,除了对基础的知识有一定的了解掌握,还应该对 ES6 有一定的了解; Vue ,React ,Angula
阅读全文
摘要:这篇文章主要为大家介绍了Javascript模板引擎mustache.js使用方法,mustache.js是一个简单强大的Javascript模板引擎,使用它可以简化在js代码中的html编写,压缩后只有9KB,非常值得在项目中使用,感兴趣的小伙伴们可以参考一下 我们将为大家详解Mustache.j
阅读全文
摘要:这篇文章主要介绍了JavaScript模板引擎实现原理详解,本文着重讲解artTemplate模板的实现原理,它采用预编译方式让性能有了质的飞跃,是其它知名模板引擎的25、32 倍,需要的朋友可以参考下 随着 web 发展,前端应用变得越来越复杂,基于后端的 javascript(Node.js)
阅读全文
摘要:以下问题是我在面试过程中逐步整理的,仅供参考(会不断更新) 基础知识: JS: 你们常用的命名规范是什么? 字符串的操作,截取,分割? 节点的类型有哪些,如何对节点进行查找,删除,克隆? 你用过的属性操作的方法有哪些? 你是如何做图片延时加载的效果? 如何阻止事件冒泡、如何阻止元素默认行为 什么是冒
阅读全文
摘要:最近微信小程序非常火,对于前端开发的程序员是个利好的消息,这里主要记录下微信小程序 Mustache语法。 小程序开发的wxml里,用到了Mustache语法。所以,非常有必要把Mustache研究下。 什么是Mustache?Mustache是一个logic-less(轻逻辑)模板解析引擎,它是为
阅读全文
摘要:前言: 之前的一个项目里面就有用到这个前台的渲染模版,当时挺忙的也没时间抽空总结一下,刚好上周项目里又用到这个轻量型的渲染模版,真心感觉很好用,因此就总结一下使用心得,算是一个入门级别的指引吧。 1. Mustache 概述 Mustache是基于JavaScript实现的模版引擎,类似于JQuer
阅读全文
摘要:mustache语法 mustache 模板,用于构造html页面内容。在实际工作中,当同一个模板中想要调用不同的函数来渲染画面,在已经自定义好了的前提下,可以在渲染页面时对传入的参数进行手动判断。【在不好判断的情况下,我们可以通过改变传入参数来进行判断】跟小白我来看看该模板的语法吧。 Mustac
阅读全文
摘要:ES6中的模块即使一个包含JS代码的文件,在这个模块中所有的变量都是对其他模块不可见的,除非我们导出它。ES6的模块系统大致分为导出(export)和导入(import)两个模块。 1、模块导出(export) 你可以导出所有的最外层函数、类以及var、let或const声明的变量。 ES6模块只支
阅读全文
摘要:http://www.jb51.net/article/108418.htm
阅读全文
摘要:答题技巧:因为这个问题主要是看你经验,一般有了开发经验的都会遇到这样的坑,你只要说出几个来大致就可以了。 1、对齐文本和文本输入框 问题: 当input元素在设置了高时,在IE7、IE8、IE9下会出现文本和文本输入框不能对齐的现象,其他正常,包括opera 解决: vertical-align:m
阅读全文