爱编程DE文兄

2021年3月28日

摘要：一般vue项目的根目录下会有src，dist以及index.html等文件和目录，在进行打包的时候，src下的代码会被打包到dist中，但index.html并不会被打包进去，因此需要一个webpack的插件：htmlwebpackplugin；首先得安装该插件，命令：安装后，需要在webpack 阅读全文

posted @ 2021-03-28 14:43 爱编程DE文兄阅读(261) 评论(0) 推荐(0) 编辑

vue-vue最终的的使用方案

摘要：接下来要讲的是从JS文件写vue的代码到 vue文件写vue代码整个推进过程，来体验下真正的开发方式，开始吧一般vue项目在根目录下有一个index.html，他是作为我们项目的一个首页或者入口的页面，但这个页面我们基本不会从碰它，页面大概如下： <!DOCTYPE html> <html la 阅读全文

posted @ 2021-03-28 11:02 爱编程DE文兄阅读(85) 评论(0) 推荐(0) 编辑

2021年3月27日

JavaSE-自定义实现枚举类

摘要：在开发中，我们通常会遇到很多类他的属性是有限并且属性值是固定的，比如说Season类，只有春夏秋冬四个季节，分别代表四个属性，并且属性值也是固定的，在使用的时候我们一般是【类名.属性名】的方式获取。一般自定义这种类，遵从下面的3个标准即可： 1. 构造私有化。不能让new 2. 保留get，去除se 阅读全文

posted @ 2021-03-27 21:51 爱编程DE文兄阅读(118) 评论(0) 推荐(0) 编辑

vue-vue实例template和el的关系

摘要：在实际的vue开发中，项目根目录下的index.html是不会去改他的，默认就行，如下：可能大家有这样的疑问？我不改这个index.html，那我真的想往这个div标签中添加一些标签然后页面进行进行显示怎么办？vue实例有一个template属性，只要我们把想要展示的标签写在这就可以把el所管理的阅读全文

posted @ 2021-03-27 16:58 爱编程DE文兄阅读(254) 评论(0) 推荐(0) 编辑

vue-模块化使用vue

摘要：刚开始对vue的学习只是简单地通过引入vue.js。但在实际的项目中，通常是用npm的方式下载vue的依赖，接着在文件中使用vue；下图是具体的步骤：安装和使用都做了。接下来我们得使用webpack对src下进行打包，但打包后的vue的配置有两类版本：runtime-only 和 runtime- 阅读全文

posted @ 2021-03-27 16:39 爱编程DE文兄阅读(155) 评论(0) 推荐(0) 编辑

vue-ES6转化成ES5

摘要：阅读全文

posted @ 2021-03-27 15:41 爱编程DE文兄阅读(1000) 评论(0) 推荐(0) 编辑

vue-css文件模块化

摘要：在前端模块化的开发中，不单单JS文件可以看作模块，像CSS，图片和其他文件也可以看作模块；只不过默认的webpack仅支持JS的模块化，其他不支持，但是可以通过安装不同的loader，来支持不同的文件；比如CSS文件，那就要安装css-loader(加载和解析css)、style-loader(将解阅读全文

posted @ 2021-03-27 14:48 爱编程DE文兄阅读(138) 评论(0) 推荐(0) 编辑

vue-webpack.config.js和package.json配置

摘要：在上一篇我们讲过，将src打包到dist，使用如下的命令： webpack ./src/main.js ./dist/bundle.js 但一般不会这样做，原因在于太长了，我们希望直接使用webpack来进行打包，这样就得在项目的根录下配置一个webpack.config.js文件，配置内容如下：阅读全文

posted @ 2021-03-27 11:18 爱编程DE文兄阅读(870) 评论(0) 推荐(0) 编辑

vue-webpack的基本使用

摘要：在实际的前端开发中，一个模块化的项目通常会有这两个文件夹：src 和 dist，如下： src是开发人员写代码的地方，dist是src代码书写完毕，使用打包工具打包后存放的地方；一般放在dist的代码可直接部署到服务器去运行即可。通常在项目的根目录下，会有一个index.html以及其他配置文件，阅读全文

posted @ 2021-03-27 09:51 爱编程DE文兄阅读(106) 评论(0) 推荐(0) 编辑

vue-webpack介绍

摘要：一.webpack的介绍 webpack是针对模块化打包的工具，不仅仅是打包，他还能对模块化的项目进行处理；比如模块化规范的CommonJS，AMD等等浏览器是不认识的，而webpack能够上述的标准进行解析成浏览器能认识的代码，并且他还能处理模块间的依赖关系；顺便也说一下webpack的打包功能阅读全文

posted @ 2021-03-27 09:19 爱编程DE文兄阅读(205) 评论(0) 推荐(0) 编辑

公告