摘要:
在开发中,我们通常会遇到很多类他的属性是有限并且属性值是固定的,比如说Season类,只有春夏秋冬四个季节,分别代表四个属性,并且属性值也是固定的,在使用的时候我们一般是【类名.属性名】的方式获取。一般自定义这种类,遵从下面的3个标准即可: 1. 构造私有化。不能让new 2. 保留get,去除se 阅读全文
摘要:
在实际的vue开发中,项目根目录下的index.html是不会去改他的,默认就行,如下: 可能大家有这样的疑问?我不改这个index.html,那我真的想往这个div标签中添加一些标签然后页面进行进行显示怎么办?vue实例有一个template属性,只要我们把想要展示的标签写在这就可以把el所管理的 阅读全文
摘要:
刚开始对vue的学习只是简单地通过引入vue.js。但在实际的项目中,通常是用npm的方式下载vue的依赖,接着在文件中使用vue;下图是具体的步骤: 安装和使用都做了。接下来我们得使用webpack对src下进行打包,但打包后的vue的配置有两类版本:runtime-only 和 runtime- 阅读全文
摘要:
阅读全文
摘要:
在前端模块化的开发中,不单单JS文件可以看作模块,像CSS,图片和其他文件也可以看作模块;只不过默认的webpack仅支持JS的模块化,其他不支持,但是可以通过安装不同的loader,来支持不同的文件;比如CSS文件,那就要安装css-loader(加载和解析css)、style-loader(将解 阅读全文
摘要:
在上一篇我们讲过,将src打包到dist,使用如下的命令: webpack ./src/main.js ./dist/bundle.js 但一般不会这样做,原因在于太长了,我们希望直接使用webpack来进行打包,这样就得在项目的根录下配置一个webpack.config.js文件,配置内容如下: 阅读全文
摘要:
在实际的前端开发中,一个模块化的项目通常会有这两个文件夹:src 和 dist,如下: src是开发人员写代码的地方,dist是src代码书写完毕,使用打包工具打包后存放的地方;一般放在dist的代码可直接部署到服务器去运行即可。 通常在项目的根目录下,会有一个index.html以及其他配置文件, 阅读全文
摘要:
一.webpack的介绍 webpack是针对模块化打包的工具,不仅仅是打包,他还能对模块化的项目进行处理;比如模块化规范的CommonJS,AMD等等浏览器是不认识的,而webpack能够上述的标准进行解析成浏览器能认识的代码,并且他还能处理模块间的依赖关系; 顺便也说一下webpack的打包功能 阅读全文