这篇文章原文来自https://developers.google.com/web/fundamentals/performance/webpack/. 说是译文其实更像是笔者做的笔记,如有错误之处请指正. 减小前端资源大小 使用Production mode(webpack4限定) webpack提供了mode属性,你可以设置该属性为'development'或者'production'. 1 2 3 4 module.exports = { mode: 'production', }; 更多…

¶项目分析 一个完整的网站服务架构,包括:   1.web frame ---这里应用express框架   2.web server ---这里应用nodejs   3.Database ---这里应用MonggoDB  + NoSQL Manager for MonggoDB  professional 进行管理   4.前端展示  ---这里应用vue 1.项目服务器端搭建 安装NoSQL Manager for MonggoDB  professional,mongodb,nodejs,…

npm: Nodejs下的包管理器. webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包. vue-cli: 用户生成Vue工程模板.(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) [一]mac检查是否安装node.js nvm --version => node -v =>v10.7.0 [二]安装web-pack -g cnpm install…

前言: 之前写过一篇文章<在不同场景下Vue组件间的数据交流>,但现在来看,其中关于“父子组件通信”的介绍仍有诸多缺漏或者不当之处, 正好这几天学习了关于用sync修饰符做父子组件数据双向绑定的的用法, 于是决定写一篇文章, 再次总结下“Vue中的父子组件通信”. 前面提示:本文文字略少,代码略多 父子组件通讯,可分为两种情况: 1. 父组件向子组件中传递数据2. 子组件向父组件中传递数据 一般情况下, 1中情况可通过props解决数据传递的问题, 这里就不多赘述了. 主要谈谈2中情景的实现,…

http://imzjh.com/inew/#/(移动端demo) https://github.com/liangxiaojuan/eleme(饿了么git地址) https://github.com/javaSwing/NeteaseCloudWebApp(网易云音乐 git) 移动端布局网址 http://mint-ui.github.io/docs/#/zh-cn better-scroll官网 用于移动端滚动效果 https://ustbhuangyi.github.io/better…

项目离不开数据渲染的支持,为本地开发配置 数据  支持. (一)方式一:安装JSON Server搭建mock数据的服务器 json Server 是一个创建 伪RESTful服务器的工具. 配置流程: ①项目安装json-server cnpm install -g json-server ②项目目录下新增mock文件夹,并在mock文件夹下 添加 db.json 数据文件 db.json的内容为: { "posts": [ { "id": 1, "ti…

[关于系统,没注明的都是windows系统,若以后用的是mac系统则会另外备注] 当项目数据是通过mock搭建而成(参照:[vue]本地开发mock数据支持)时,运行mock服务器和项目的命令 就参照了package.json 中 “script” 下的  "mockdev" 配置. 而 我们在控制台输入 cnpm run mock & cnpm run dev    或    cnpm run mock    都无法同时运行mock服务器和项目.这时候可以通过以下方式得到解决…

[VUE]自定义组件 转载: ============================================ ============================================…

[VUE]使用问题记录 ===================================================================== 1.Vue.nextTick 修改数据之后更新DOM 2.修改了属性,视图没有刷新,或使用了this.$forceUpdate() 3.鼠标over和out 4.MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe” 5.div 滚动条滚动到最底部 6.数组对象里的图片修改后不…

[VUE]常用函数 转载:https://www.cnblogs.com/yangchongxing/p/10637087.html 目录 ================================================== 1.变异方法 2.替换数组 3.修改数组 ================================================== 1.变异方法 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度. this.items.push…