• Vue.js解决打包文件生成过多的问题以及打包初始访问页面不是index.html问题
  • 当你的vuejs项目完成后,打包上线是必不可少的,但是你会发现你的dist文件夹下面的文件,会随着每次重新打包文件数量会越来越多。这样既对版本库不好,也不利于后期寻找文件。下面是解决方法:一、解决vuejs打包文件过多问题修改build/webpack.prod.config.js文件,将其中的[hash]删除,然后保存文件。最后重新打包cnpm run build,你会发现,文件并不会数量增多。原理是这里相当于每次生成的新文件覆盖原来的旧文件。二、解决vuejs打包后访问页面默认域名不是ind...
  •  2017-11-22  |    程成  |    2  |    0  |    0  |    前端技术  |   打包  文件  访问  vuejs  
  • Vue.js如何解决组件之间的传值问题,子组件和父组件之间的相互传值
  • 最近上手了一个项目,这里将分页组件给公用了,这样就涉及到页码,每页显示多少条,一共多少条数据的传递问题。这里,分页组件就相当于子组件,调用它的组件就是父组件,下面介绍如何用vuejs解决组件之间的传值问题。一、子组件向父组件传值问题我使用的分页组件是iview里的,下面就我的代码举个例子。page页码,limit每页显示条数,totalnum总数,分页子组件代码如下:<template>     <div style=&quo...
  •  2017-11-22  |    程成  |    2  |    0  |    0  |    前端技术  |   vuejs  组件  传值  
  • Vue.js如何使用axios跨域访问数据
  • 最近接受另外一个项目,这个项目没有使用之前设置代理跨域方法,使用了vue2.0新增的axios方法。下面附上如何使用axios设置跨域访问数据。跳转地址:vue.js实现接口跨域请求,解决No 'Access-Control-Allow-Origin' 问题(设置代理方法)一、安装axios使用axios,当然需要先安装它。执行 cnpm install axios安装qs,执行cnpm install qs二、客户端配置引入并且配置axios三、服务器端配置调用接口添加如下代码...
  •  2017-11-16  |    程成  |    14  |    1  |    0  |    前端技术  |   vuejs  跨域  axios  
  • vue.js调用接口返回promiseStatus:"pending"解决方法
  • 最近被抓来做前端,写vuejs调用接口相关代码,在调用接口时,接口返回了Promise数据,接口返回如下:正常接口返回应该是一个json格式的字符串,这里返回的是一个对象。下面是两次的代码比较//获取产品品牌----原先代码(错误) let tmp = this.getBrand(this); console.log(tmp); //获取产品品牌----修改后代码(正确) this.getBrand(this).then( res =&g...
  •  2017-11-16  |    程成  |    18  |    0  |    0  |    前端技术  |   vuejs  promise  接口  
  • 详解vue.js如何实现全局方法和全局变量
  • 在写vuejs的时候,你肯定需要自定义一些全局方法或者全局变量,在其他页面需要调用。下面就说说我在写代码的时候,如何实现vuejs设置全局方法和全局变量的。如果没有设置全局方法,那么你需要在需要调用方法的时候添加下面一段代码:import { verifyLogin,apiLoginOut } from '@/config/mUtils';这种方法可以,但不是最优,我们完全有能力去优化他。如果我们需要一个验证本地cookie方法,...
  •  2017-11-14  |    程成  |    21  |    0  |    0  |    前端技术  |   全局方法  全局变量  vuejs  
  • vue.js解决跳转页面比设置localstorage更快问题
  • 最近写vuejs的时候,有这样一个需求,调用A接口,然后操作返回值,存到localstorage中;再调用B接口,然后操作返回值,存到localstorage中;最后跳转到另一个页面。但是遇到了一个问题,在A接口还没有存数据到localstorage中时,页面已经执行了跳转操作。可以通过手动console.log验证执行顺序。原先代码如下:             &...
  •  2017-11-14  |    程成  |    17  |    0  |    0  |    前端技术  |   localstorage  跳转  vuejs  
  • vue.js组件如何监听并且刷新当前页面(2017-11-16更新)
  • 自己最近用了一套vuejs的框架,并且调用了接口访问后台。但是遇到一个问题,就是第二次访问同一个页面时候,如果没有执行接口方法,数据会“暂存”,无法实现点击更新页面效果。后来,用如下方法解决了这个问题,可以实现页面切换时,实时更新页面数据:watch: {     //监听分页     page: function () {     ...
  •  2017-11-09  |    程成  |    35  |    0  |    0  |    前端技术  |   vuejs  router  刷新  
  • 阿里云如何修改mysql密码(多种方法)
  • 下面介绍,如何在阿里云中修改mysql密码:方法一:mysql -uroot -p'你的密码'mysql> SET PASSWORD FOR 'root'@'localhost' = PASSWORD('newpass');注:这个方法会返回如下,但是密码修改是成功了。Query OK, 0 row affected, 1 warning (0.00 sec)方法二:mysqladmin -u root password &q...
  •  2017-10-22  |    程成  |    45  |    1  |    0  |    服务器  |   mysql  阿里云  密码  
  • php如何获取和转换字符串的编码格式的方法
  • 在php中,如果你想打印出字符串的编码格式,可以使用下面这个方法:$encode = mb_detect_encoding($string, array("ASCII",'UTF-8′,"GB2312′,"GBK",'BIG5′));  echo $encode;这样就可以打印出字符串的编码格式了。同时你也可以转换字符串的编码格式,如下:iconv("UTF-8&quo...
  •  2017-10-18  |    程成  |    59  |    0  |    0  |    PHP  |   编码  字符串  转换  
  • 巧用框架渲染方法render,display(替换大段js)
  • 在开发的时候,你肯定写过像下面这些ajax代码这里用js组装了页面,并且通过html()渲染到页面上去。但是有个问题,如果这里的页面如果原来就嵌入了php代码,或者后期要修改这里页面的内容。这样就需要修改js文件和原来的html文件了。【解决】这里可以不用写这么长的js,尤其是单引号双引号问题等等。就是巧妙运用框架渲染方法,比如tp里的display方法,yii2中的render方法。大致原理是:框架的渲染方法,其实是结合了php和html文件的一大段渲染好的html代码。只需要把这段html代...
  •  2017-10-16  |    程成  |    54  |    0  |    0  |    PHP  |   渲染  render  display  
  • 如何安装coreui之vue.js篇
  • 下面介绍如何在本地搭建一个coreui界面,访问地址是localhost,效果如下所示:搭建本地coreui环境有以下几步一、安装vue.js环境参考我的这篇博文,【如何安装vue.js】二、下载coreui下载地址,pro版是收费的,多的功能页面有提示http://coreui.io/vue/三、配置coreui环境解压后如下图所示,angularjs,reactjs,vuejs各个版本的coreui都包含了。1、打开cmd,指定到上图的Vue_Full_Project文件夹下2、敲入cnpm...
  •  2017-10-16  |    程成  |    95  |    0  |    0  |    前端技术  |   vuejs  coreui  安装  
  • 输入框内容实时监控改变input和propertychange
  • 在web开发中,肯定需要用到实时监控输入框的内容。当你使用keydown,keyup,keypress时候,这样鼠标粘贴就不会起作用;组合键也会变得很麻烦。这时候就需要专业的html5标准事件:input,change,和IE专属的事件propertychange。一、input和change事件oninput和onchange都是事件对象,当输入框的值发生改变时触发该事件。不同的是,input是在值改变时立即触发,而change是在值改变后失去焦点才触发,并且可以用在非输入框中,如:selec...
  •  2017-10-13  |    程成  |    86  |    0  |    0  |    前端技术  |   input  propertychange  输入框  改变  
  • 如何安装vue.js
  • 下面介绍如何安装vue.js:一、安装nodejs从【官网】下载,直接下一步下一步点击,安装完成。64位百度云nodejs下载地址:http://pan.baidu.com/s/1kV5RdxP        密码:tyua安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的版...
  •  2017-10-09  |    程成  |    55  |    0  |    0  |    前端技术  |   vuejs  安装  
  • yii2.0框架如何简单安装,配置改变目录结构
  • 下面将教大家yii2.0框架如何简单安装,并且想自己改变目录结构。1、首先,下载yii2.0框架,附上下载地址github下载地址        https://github.com/yiisoft/yii2/releases如果你是新手或者和我一样刚接触yii2.0,下载basic版本。adavanced 随包自带两个应用:前台应用 frontend 和后台应用 backend,basic 中只有一个应用 web。...
  •  2017-09-23  |    程成  |    66  |    2  |    0  |    PHP  |   yii  安装  配置  框架