时间飞逝的博客

项目打包的时候，build.js文件过大，可以通过设置懒加载或者按照路由分模块加载进行打包

Vue安装sass的命令：1、npm install node-sass --save-dev2、npm install sass-loader --save-dev在进行第一步的时候，我们会发现用报了下面这个的错，在百度一下问题的时候，发现原因是：首先要知道的是，安装 node-sass 时在 node scripts/install 阶段会从 github.com 上下载一个 ...

在实践中用的最顺手最简单的布局方案——rem布局rem布局非常简单，首页你只需在页面引入这段原生js代码就可以了(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange'...

1、通过html的标签里面v-if对超出范围的进行隐藏<div v-for="(item,index) in courselist" v-if="index < 6" :key='index'></div>2、通过sclie截取数组的长度控制循环的次数<div v-for="(item,index) in courselist.slice(0,6...

在项目的开发过程中，很多时候，项目都需要进行国际化，如果项目是基于Vue框架开发的，那国际化就更加简单了，可以通过Vue-i18n的插件进行前端页面的国际化，下面是主要的步骤：1、安装依赖包npm install vue-i18n --save2、在main.js入口进行vue-i18n的引入import VueI18n from 'vue-i18n'Vue.use(VueI...

在用Vue框架进行开发的时候，如果项目的业务逻辑比较复杂，父子组件、兄弟组件、非兄弟组件之间的通讯相对频繁的时候，项目的后期维护会变得特别麻烦，生怕影响到了哪一个组件之间的正常操作，所以Vuex因此而生。1、到底什么是Vuex?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。官网说明...

前言什么是数据双向绑定？ 　　vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是vue的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。 单向数据绑定是使用状态管理工具（如redux）的前提。如果我们使用vuex，那么数据流也是单项的，这时就会...

一、打开gitbud官网二、在搜索栏输入  stars:>1三、或者可以直接打开下面 点击量地址这样就可以看到每个框架的点击量和编程语言的点击率了...

1、前言Vue 框架，作为一个主流的框架，不管是大公司还是小公司都用应用这个框架，所以作为前端开发肯定不可避免就用到了，所以我们不仅要学会用，更要学会理解这个框架，这样不管是对我们利用这个框架工作，或者是我们找工作面试的时候，才能更加自信，更加游刃有余。2、Vue 2.0 的生命周期下面这张图就可以完美的解释了Vue 2.0 的生命周期了  Vue 1.0 和 Vue 2.0 ...

babel 默认只转换 js 语法，而不转换新的 API，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。注意：项目中如果兼容 IE9 和一些低版本的浏览器，就必须对这些新的 API进行转码。安装和使用babel-polyfill...

发现问题：在不管安装是哪一个版本的node.js，都一定会报下面的错，卸载了node.js，删除环境变量，重启电脑还是不行。Error: EPERM: operation not permitted, mkdir 'C:\Program Files\nodejs\node_global'TypeError: Cannot read property 'get' of undefined...

由于我自己的经常使用，显然我会更偏爱 Vue，认为对于某些问题来讲用 Vue 解决会更好。但是在此，我想尽可能地公平和准确地来描述一切。其他的框架也有显著的优点，例如 React 庞大的生态系统，或者像是 Knockout 对浏览器的支持覆盖到了 IE6。我会尝试着把这些内容全部列出来。React 和 Vue 有许多相似之处，它们都有：使用 Virtual DOM 提供了响应式 (Rea...

方法一、通过Vue提供的bus.js进行通讯，实现数据的传递和联动bus.jsimport Vue from 'vue'/** * 定义空的vue实例，作为 eventbus实现非父子组件之间的通信(vue2.x中去掉了broadcast) */let eventBus = new Vue({});export default eventBus;注意：bus一定要在一个组...

vue2.0页面缓存和不缓存的方法，以及watch监听会遇到的问题

vue 嵌入app内部，调用app的选择图片和录制视频功能的时候，当前的.vue文件方法失效

移动端页面自适应解决方案该方案使用相当简单，把下面这段已压缩过的 原生JS（仅1kb，源码已在文章底部更新，2017/5/3） 放到 HTML 的 head 标签中即可（注:不要手动设置viewport，该方案自动帮你设置）<script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a...

npm run build 打包报错 Uglifyjsplugin of undefined

【Vue 2.0 + Node.js + Webpack + ElementUI + Mysql 】环境搭建

1、首先安装 axios npm install axios --save;2、引用axiosimport axios from "axios";3、方法封装，封装到 http.js 的 js 文件import axios from "axios";

很多开发者，在开发一个新项目的时候，总是重新搭建一个框架，但是呢，这样的话，少则浪费几个小时，多则浪费半天，所以我们应该要有一个适合自己开发习惯的框架一直准备着，等到要用的时候，直接搬过来，npm一下，几分钟就搞定了。基于这个缘由，所以我搭建了这个比较适合自己的Vue 2.0框架，这个框架主要引用了Muse-ui 插件、axios请求插件。这个框架主要是适用于移动端的，用的是等比例放大的样...

npm版本太低，导致mpvue的小程序的npm install报错通过查找问题，因为我环境变量之类的东西都没有改过，而且用vue的时候也没有报错，所以可能是因为npm的版本太低argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "...

父子组件之间的多种通讯方法，简单易用

遇到的问题：在Vue 项目中，通过 v-model 双向数据绑定，数据可以快速响应到页面上，但是有时候会发现，数组中的内容已经更新了，但是视图层却没有没有更新。{{ arr }} // 一直都是[0]data(){ return{ arr:[0] }},mounted() { setTimeout(() => { this...