1.安装sass时报未找到 1.原因应该同时安装:1.npm install --save-dev sass-loader    2.npm install --save-dev node-sass 2.如果用npm install时报错那就换成cnpm install 2.引入vue-chart.js插件 1.npm install vue-chartjs  -S 2.npm install chart.js -S 3.Elementui 引入问题,无法解析css 需要在webpack.bas…

Vue Router 常见问题 用于记录工作遇到的Vue Router bug及常用方案 router.push报错,Avoided redundant navigation to current location: "/xxx" 大意为 路由频繁点击导致路由重复,该报错对路由跳转功能没有任何影响 解决方案:重写push方法 将异常捕获就不会报错了 let routerPush = VueRouter.prototype.push; VueRouter.prototype.push =…

1.根实例问题 vue中的根实例可以有多个,每个根实例可以挂载DOM元素,只有在挂载的DOM元素上才可以使用该实例中的数据方法等. 并且,组件只有在某一个根实例所挂载的DOM元素上才可以使用. 2.组件的data选项 一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝.组件中的data写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的data.如果data值为对象,将导致多个实例共享一个对象,其中一个组件改变data属性值,其它实例…

1.Vuejs组件 vuejs构建组件使用 Vue.component('componentName',{ /*component*/ }): 这里注意一点,组件要先注册再使用,也就是说: Vue.component('mine',{ template:'#mineTpl', props:['name','title','city','content'] }); var v=new Vue({ el:'#vueInstance', data:{ name:'zhang', title:'this…

在vue中vue-router配置的路径默认有"#"号,虽然无伤大雅,但是很多客户都不想看到,所以在初始配置路由的时候加上下面一句代码就可以了 mode:'history', 路径配好后,如果是在界面上点击某元素跳转 <router-link :to="{ path:'/xxx' }">某元素</router-link>或者给某元素添加点击事件,执行this.$router.push('/xxx')全局函数的定义1.在main.js中定义 V…

涉及技术栈 CLI: Vue-CLI UI: Element HTML: Pug(Jade) CSS: Less JavaScript: ES6 正文: polyfill 与 transform-runtime 首先,vue-cli 为我们自动添加了 babel-plugin-transform-runtime 这个插件,该插件多数情况下都运作正常,可以转换大部分 ES6 语法. 但是,存在如下两个问题: 异步加载组件时,会产生 polyfill 代码冗余 不支持对全局函数与实例方法的 poly…

最近在调研微信小程序开发,对于一个前端小白来说,在各种框架都还用不熟的情况下,再来开发小程序确实还是不容易. 小程序出来之初,听过演讲,看过一点点儿视频,感觉和angular语法有点相似(PS:那是也是只了解一点点儿angular语法): 近两天开始尝试开发小程序,讲真,语法和angular和vue都很相似,小程序提供的语法现在还算全面,很多方法都有提供: 下面简述一下常用方法的使用: 一:数据绑定: html js 直接把数据写在data里面就行了,这样数据可以直接渲染到页面上, 那么问题来了…

最近再写一个vue的项目,视频中用的是vue1.0,但是现在vue已经2.0,所以踩了很多坑,先记录下来.理解有误再来修改. 路由问题 之前的路由是写在app.vue里边,而2.0的路由直接有个router文件夹的,路由的信息都在这里面的index.js文件里面 import Vue from 'vue'; import Router from 'vue-router'; import Hello from '@/components/Hello'; Vue.use(Router); expor…

常识 1.computed计算属性,使用的属性必需在data里面声明. computed: { canLogin: function(){ //注意这里的依赖的属性必需在data里面声明 return this.name && this.password; } } Webpack问题 1.模块里面使用JSON.stringify和 typeof,报:Uncaught TypeError: Cannot assign to read only property 'exports' of #&…

本文主要介绍Vue SSR(vue服务端渲染)的应用场景,开发中容易遇到的一些问题,提升ssr性能的方法,以及ssr的安全性问题. SSR的应用场景 1.SEO需求 SEO(Search Engine Optimization,搜索引擎优化),是一种利用搜索引擎规则,提高网站在搜索引擎内自然排名的技术.通常这需要页面内容在页面加载完成时便已经存在.SEO需求的存在与互联网技术的发展历程密不可分.在互联网产生之初,网页使用超文本链接协议,将服务器的信息传递给客户端.而后出现了专门为人们检索信息的搜…

在vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发.下面有一些我在日常开发的时候用到的小技巧,在下将不定期更新~ 1.多图表resize事件去中心化 1.1 一般情况 有时候我们会遇到这样的场景,一个组件中有几个图表,在浏览器resize的时候我们希望图表也进行resize,因此我们会在父容器组件中写: mounted() { setTimeout(() => window.onresize = () => { this.$refs.char…

1.后台session过期前端跳转到登录页面 axios 拦截器 可以拦截请求和返回,对于失效的情况后端可以返回一个状态码,如401, 使用axios拦截时判断是401,则跳转到指定页面,如login.本人项目中开发还没定接口规范,后端返回的就是success:true/false axios.interceptors.response.use((response) => { if (response.data.success === false) { router.push('/login')…

1. vue2.0 给data对象新增属性,并触发视图更新  $set this.$set(this.ossData, "signature", 222) // 正确用法 // 数据 data() { return { ossData: { signature: '' } } } // 正确用法 this.$set(this.ossData, "signature", 222) // 错误用法 this.ossData.signature = 24 2. el-di…

在vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发.下面有一些我在日常开发的时候用到的小技巧,在下将不定期更新~ 1. 多图表resize事件去中心化 1.1 一般情况 有时候我们会遇到这样的场景,一个组件中有几个图表,在浏览器resize的时候我们希望图表也进行resize,因此我们会在父容器组件中写: mounted() { setTimeout(() => window.onresize = () => { this.$refs.cha…

1.vue cli使用npm run dev报错cannot get / config/index.js里有两个环境:一个是build,一个dev. 在config/index.js里面修改,build:{assetsPublicPath:'./'}:dev里面不需要修改,dev:{assetsPublickPath:'/'}.我本来在window上面开发的,后面移到linux上面,刚开始报错,我就把dev里面的路径改了,不报错,但是浏览器提示cannot GET /,怎么都找不到原因,就把de…

1.安装一些需要编译的包:提示没有安装python.build失败等 因为一些 npm 的包安装需要编译的环境,mac 和 linux 都还好,大多都齐全 .window 用户依赖 visual studio 的一些库和python 2+,windows的小伙伴都装上: windows-build-tools python 2.x 2.can't not find 'xxModule' - 找不到某些依赖或者模块 这种情况一般报错信息可以看到是哪个包抛出的信息.一般卸载这个模块,安装重新安装下即…

vue如今可谓是一匹黑马,github star数已居第一位!前端开发对于vue的使用已经越来越多,它的优点就不做介绍了,本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结,帮助大家踩坑.如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家! 1.路由变化页面数据不刷新问题 出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听,退出页面再进入另一个文章页面并不会运行created组件生命周期,导…

前言 vue如今可谓是一匹黑马,github star数已居第一位!前端开发对于vue的使用已经越来越多,它的优点就不做介绍了,本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结,帮助大家踩坑.如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家!!! ----------我是分割线 本篇介绍的问题大概如下: 路由变化页面数据不刷新问题 setTimeout/setInterval(泛指异步回掉函数的this指向)this指向改变,无法用this访问VUe实例 setI…

以下是本人在用vue cli 开发项目里遇到的最基本的问题及解决方案汇总.没啥很多技术性的东西,各位看个乐呵就行~ 1.vue-cli 创建的项目各文件夹的含义 注意:通过vue-cli 4 创建的项目中没发现 static文件夹.src下面的 pages 变成了 views. 更详细的可查看:vue-cli脚手架目录一览 2.引用css的方式 2.1 js中引入方法 import './assets/css/global.css' /*引入公共样式*/ 公共样式一般写在main.js中,如下图…

1.iview+vue中,对表头的动态设置: iview表头若是需要动态设置,可以有两个方法,第一种: children: [ { title: '2017年', align: 'center', key: 'firstYear', renderHeader: (h, index) => { return h('div', { domProps: { innerHTML: this.data5.lastYear + '年' } }); } }, { 利用renderheader属性来设置表头.i…

在vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发.下面有一些我在日常开发的时候用到的小技巧 data 和 Object.freeze 每个Vue实例都会代理其data对象里所有的属性,这些被代理的数据是响应式的,在其数据改变时视图也会随之更新. 在每个vue组件中都有一个data对象,不要把所有数据都放在data中.只把需要做响应式的数据放在data对象中:原因是:如果一个数据存在于data中,数据会被劫持,vue会给数据添加一个getter…

1.NAT模式下,主机与虚拟机可以相互ping通,但虚拟机无法上网 解决办法:a.设置主机网络属性如下图所示,允许网络共享.…

MVC 代码书写:控制器代码书写:<?phpclass IndexController extends Zend_Controller_Action{ function init() { $this->registry = Zend_Registry::getInstance(); $this->view = $this->registry['view']; $this->view->baseUrl = $this->_request->getBaseUrl…

1.“假死”现象 在完成一个模块的脚本编写后,多次运行没问题,但是隔了几天再来运行的时候,发现脚本运行会出现浏览器那边不动了,脚本这边的时间一直在跑. 问题原因及解决方法: 问题解决了,原因是**driver.exe这个进程没退出,我编写脚本的时候都没写退出浏览器,加了退出浏览器就不会出现这种现象了 2.总是提示找不到元素 使用IEDriverServer.exe驱动,运行脚本时总是提示,找不到页面元素 问题及解决方法: 运行脚本的时候总是提示找不到元素,解决办法是将ie的安全级别修改为低,而且…

<script src="/scripts/ajaxfileupload.js"></script> <script src="/scripts/jquery2.1.1.min.js"></script> <script type="text/javascript"> $(function () { $(":button").click(function () { i…

(1)WebDriverAgent 安装入门篇:https://www.cnblogs.com/zhanggui/p/9239827.html 重点摘要: 在WDA的Github上也给出了WDA的特性: 1.支持真机 &&模拟器 在模拟器上运行还是比较方便的,在真机上需要进行证书配置.进行端口转发.这个下面会介绍到. 2.实现了大多数的WebDriver Spec 3.实现了部分Mobile JSON Wire Protocol Spec 如果想进一步了解Mobile JSON Wire…

1.分页默认页数 当页面只有一个功能需要分页组件时,引用iview分页组件当然没问题.当一个页面中有多个需要分页组件的时候,便容易出现问题.例如:在项目中有多个不同的表格需要分页功能,几个表格共用一个分页组件,当每个页面的页码数不一时候便会发现分页组件表格内容与显示页数不一致.在iview的page中,有current属性: 正确的代码如下: 在分页组件中: <div class="page-button"> <Page :total="this.count…

文章目录 1.日期格式化 2.引用JSON文件中的数据 1.日期格式化 安装插件,官网:Moment.js npm install moment --save 示例: //Sat Mar 14 2020 16:57:59 GMT+0800 (中国标准时间) let date = new Date(); //2020-03-14 16:57:59 date = moment(date).format("YYYY-MM-DD HH:mm:ss"); 2.引用JSON文件中的数据 impor…

最近在公司的服务器上安装了Git Sever,开始从SVN转向到Git了,整理了一些在Git常用的命令. 取得Git仓库 初始化一个版本仓库 git initClone远程版本库 git clone git@xbc.me:wordpress.git添加远程版本库origin,语法为 git remote add [shortname] [url] git remote add origin git@xbc.me:wordpress.git查看远程仓库 git remote -v提交你的修改 添加…

前言: 最近在开发的时候,由于需求太多,开发周期长短不一,从主线上切了多个分支(一般不在主线trunk上开发,万一线上出问题可及时修改代码上线),在部分功能上线后,想把代码同步到新的分支上去,最开始的想法是人工去合并代码,把两个分支down下来把修改的文件比较并进行合并,然后最后提交:但是文件修改的很多很杂,人工去合并肯定出现误差,比如代码合并少了:其实这些都是可以通过svn工具进行处理的,于是回顾了下开发过程中经常用到的svn功能. svn有客户端和服务端两个,我们一般开发的时候,不会涉及到服…