-
vue init webpack 建vue项目报错的解决方法_vue.js
使用vue init webpack 创建vue项目时报如下错误：vue init webpack my-projectC:/Users/computer/AppData/Roaming/npm/node_modules/vue-cli/bin/vue-init:60let template = program.args[0]^^^SyntaxErro
38 2018-10-13 0 38
-
对vue v-if v-else-if v-else 的简单使用详解_vue.js
首先vue.js请注意 2.1.0版本以上方可使用v-else-if<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../vue.js"></script> </head> <body> <div id=
32 2018-10-13 0 32
-
vue、react等单页面项目部署到服务器的方法及vue和react的区别_vue.js
最近好多伙伴说，我用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html页面空白，刷新当前路由404。。。用react做的项目也同样遇到类似问题。现在我们一起讨论下单页面如何
186 2018-10-13 0 186
-
浅谈关于iview表单验证的问题_vue.js
关于iview表单验证的问题iview表单验证的步骤：第一步：给 Form 设置属性 rules :rules
第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=”“
第三步：注意：Form标签里面是 :mode 17 2018-10-13 0 17
-
Vue路由history模式解决404问题的几种方法_vue.js
问题背景：vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的history的模式。比如如下网
15 2018-10-13 0 15
-
在vue中v-bind使用三目运算符绑定class的实例_vue.js
如图所示：通过动态的切换isOk就可以达到切换class的效果，isOk可以为一个表达式如num>1,如果data中num大于1，则显示classA，否则显示classB以上这篇在vue中v-bind使用三目运算符绑定class的实例就是小编分享给
21 2018-10-12 0 21
-
iview同时验证多个表单问题总结_vue.js
iview验证一个表单问题：
在上一篇文章中总结了iview表单验证的问题。其实有两种写法：在点击验证时，这样写时，注意在前面的方法中将要验证的form表单加进去。<Form ref="addAreaForm" :model="addAreaForm" : 59 2018-10-12 0 59
-
vue 利用路由守卫判断是否登录的方法_vue.js
1.在router下的index.js 路由文件下，引入相关需要文件；import Vue from 'vue'import Router from 'vue-router'import {LOGIN} from '../common/js/islogin'import HelloWorld from '@/components/HelloWor
49 2018-10-12 0 49
-
vue路由事件beforeRouteLeave及组件内定时器的清除方法_vue.js
背景之前在做ADTS项目的时候，首页是一个实时监测的页面，需要每隔5秒更新一次数据，而业务逻辑上的需要先请求告警列表的接口的，从告警列表中拿到数据再去获取其他的数据，所以我在获取告警列表的方法中增加了一
13 2018-10-12 0 13
-
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍_vue.js
vue如何简单的实现弹框,遮罩,点击其他区域关闭弹框, 简单的思路是以一个div作为遮罩, 控制其的v-if(v-show)即可, 掌握到技巧既可以任意扩展。v-if 是直接删除dom节点, 就是这个div就不存在了v-show 是控
94 2018-10-12 0 94
-
vue使用v-for实现hover点击效果_vue.js
使用Vue来实现鼠标悬停效果。可以使用事件处理器v-on指令（简写为：@）来完成。为标签绑定mouseenter以及mouseleave事件即可。hover是css中的选择器，用于选择鼠标指针浮动在上面的元素。所以a:hover可用于设置
12 2018-10-12 0 12
-
JS数组实现分类统计实例代码_javascript技巧
将水果数组中同类的水果合并为一条并求出总数var fruits = [{ name: 'apple', value: 1}, { name: 'apple', value: 2}, // 总计3个苹果{ name: 'banana', value: 2}, { name: 'banana', value:
93 2018-10-12 0 93
-
浅谈微信页面入口文件被缓存解决方案_javascript技巧
缓存对于前端页面来说，是加速页面加载的利器之一，但也同时带来了很多问题，比如新版本发布之后，怎么替换客户端上的缓存文件呢？大家一般的的解决方案主要有以下几种形式，一般情况
1、添加版本号，在静态资源文件的 74 2018-10-12 0 74
-
vue-router 手势滑动触发返回功能_vue.js
vue-router的路由变换只存在“变换前”和“变换后”，不存在“切换中”的状态，所以做不到大多数app（微信那样的）在滑动过程中让界面跟随手指移动。但滑动事件还是可以监听的，我们可以在滑动之后再触发路由回退
36 2018-10-12 0 36
-
Vue CLI3 开启gzip压缩文件的方式_vue.js
gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。webpack在打包时可以借助 compression webpack plugin 实现gzip
35 2018-10-12 0 35
-
详解如何webpack使用DllPlugin_javascript技巧
前言（时光飞逝，转眼又偷懒了一个多月）什么是DLLDLL(Dynamic Link Library)文件为动态链接库文件,在Windows中，许多应用程序并不是一个完整的可执行文件，它们被分割成一些相对独立的动态链接库，即DLL文件，放置于
19 2018-10-12 0 19
-
浅谈angular2子组件的事件传递(任意组件事件传递)_AngularJS
angular2子组件的事件传递angular2有很多组件组成，画面由很多路由，导致事件的传递很“笨拙”，本组的技术负责人发现了任意组件传递事件的这个方法，教会了我，我做个笔记。项目情况：画面结构复杂，路由数目偏多，组件
31 2018-10-12 0 31
-
angularjs1.5 组件内用函数向外传值的实例_AngularJS
组件：.component('homeCityListCom',{ bindings: { list: '<', cityname:'&' }, controllerAs: 'vm', template: ` <div class="cityListBox"> <span class="title">按拼音首字母选择&
27 2018-10-12 0 27
-
angular2 组件之间通过service互相传递的实例_AngularJS
母组件传值给子组件母组件通过service传值给子组件，很简单，声明一个service@Injectable()export class ToolbarTitleService { title:string;}然后在母组件中依赖注入@Component({ selector: 'admin', temp
43 2018-10-12 0 43
-
angular5 子组件监听父组件传入值的变化方法_AngularJS
项目中遇到一个问题，就是在ngInit()中调用方法，只调用一次的问题，当父组件传值变化时，并不会再次执行。import {Component,Input,OnChanges,SimpleChanges} from '@angular/core';import {NavController} fro
63 2018-10-12 0 63
-
小程序视频或音频自定义可拖拽进度条的示例代码_javascript技巧
小程序原生组件的音频播放时并没有进度条的显示，而此次项目中，鉴于原生的视频进度条样式太丑，产品要求做一个可拖拽的进度条满足需求。
视频和音频提供的api大致是相似的，可以根据以下代码修改为与音频相关的 69 2018-10-12 0 69
-
react native基于FlatList下拉刷新上拉加载实现代码示例_javascript技巧
react native 的上拉加载一直困扰着自己，一直用的第三方组件，但是可维护性不高，而且也不太好用，最近工作没那么忙，就研究下了官方的FlatList，做出来的成果，比第三方组件流畅度高好多，而且也很好用
官方介绍：https: 32 2018-10-12 0 32
-
关于AngularJS中ng-repeat不更新视图的解决方法_AngularJS
最近写AngularJS项目中，遇到一个问题，先对数组进行赋值，ng--repeat正常工作，然后对数组进行修改，ng-repeat似乎没有工作，视图没有更新。原因是ng-repeat会已默认值排序，由于我的数组中的元素有重复，所以ng-repeat
6 2018-10-12 0 6
-
angularJs使用ng-repeat遍历后选中某一个的方法_AngularJS
1、html代码如下所示： <div> <button ng-repeat="t in deptName" class="deptDiv" ng-class="{'deptDivOnclick':selected==t.name}" ng-click="showDeptEmps(t.name )">{{ t.name }} </butto
22 2018-10-12 0 22
-
基于VUE实现的九宫格抽奖功能_vue.js
先给大家展示下效果图：HTML代码：<template> <div class="luckDraw"> <title-bar :title="title"></title-bar> <div class="container"> <div class="turntable-wrapper"> <div class
104 2018-10-12 0 104
