浅谈关于iview表单验证的问题
关于iview表单验证的问题iview表单验证的步骤：第一步：给 Form 设置属性 rules :rules
第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=”“
第...
2020-05-27
iview同时验证多个表单问题总结
iview验证一个表单问题：
在上一篇文章中总结了iview表单验证的问题。其实有两种写法：在点击验证时，这样写时，注意在前面的方法中将要验证的form表单加进去。<Form ref="addArea...
2020-05-27
在vue中v-bind使用三目运算符绑定class的实例
如图所示：通过动态的切换isOk就可以达到切换class的效果，isOk可以为一个表达式如num>1,如果data中num大于1，则显示classA，否则显示classB以上这篇在vue中v-bind使用三目运算符绑...
2020-05-27
vue路由事件beforeRouteLeave及组件内定时器的清除方法
背景之前在做ADTS项目的时候，首页是一个实时监测的页面，需要每隔5秒更新一次数据，而业务逻辑上的需要先请求告警列表的接口的，从告警列表中拿到数据再去获取其他的数据，所以我在...
2020-05-27
vue 利用路由守卫判断是否登录的方法
1.在router下的index.js 路由文件下，引入相关需要文件；import Vue from 'vue'import Router from 'vue-router'import {LOGIN} from '../common/js/islogin'import HelloWorld...
2020-05-27
vue使用v-for实现hover点击效果
使用Vue来实现鼠标悬停效果。可以使用事件处理器v-on指令（简写为：@）来完成。为标签绑定mouseenter以及mouseleave事件即可。hover是css中的选择器，用于选择鼠标指针浮动在上面的...
2020-05-27
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
vue如何简单的实现弹框,遮罩,点击其他区域关闭弹框, 简单的思路是以一个div作为遮罩, 控制其的v-if(v-show)即可, 掌握到技巧既可以任意扩展。v-if 是直接删除dom节点, 就是...
2020-05-27
浅谈微信页面入口文件被缓存解决方案
缓存对于前端页面来说，是加速页面加载的利器之一，但也同时带来了很多问题，比如新版本发布之后，怎么替换客户端上的缓存文件呢？大家一般的的解决方案主要有以下几种形式，一般情况
1...
2020-05-27
JS数组实现分类统计实例代码
将水果数组中同类的水果合并为一条并求出总数var fruits = [{ name: 'apple', value: 1}, { name: 'apple', value: 2}, // 总计3个苹果{ name: 'banana', value: 2},...
2020-05-27
Vue CLI3 开启gzip压缩文件的方式
gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。webpack在打包时可以借助 compress...
2020-05-27
vue-router 手势滑动触发返回功能
vue-router的路由变换只存在“变换前”和“变换后”，不存在“切换中”的状态，所以做不到大多数app（微信那样的）在滑动过程中让界面跟随手指移动。但滑动事件还是可以监听的，我们...
2020-05-27
浅谈angular2子组件的事件传递(任意组件事件传递)
angular2子组件的事件传递angular2有很多组件组成，画面由很多路由，导致事件的传递很“笨拙”，本组的技术负责人发现了任意组件传递事件的这个方法，教会了我，我做个笔记。项目情况...
2020-05-27
详解如何webpack使用DllPlugin
前言（时光飞逝，转眼又偷懒了一个多月）什么是DLLDLL(Dynamic Link Library)文件为动态链接库文件,在Windows中，许多应用程序并不是一个完整的可执行文件，它们被分割成一些相对独立...
2020-05-27
angular2 组件之间通过service互相传递的实例
母组件传值给子组件母组件通过service传值给子组件，很简单，声明一个service@Injectable()export class ToolbarTitleService { title:string;}然后在母组件中依赖注入@Compone...
2020-05-27
angularjs1.5 组件内用函数向外传值的实例
组件：.component('homeCityListCom',{ bindings: { list: '<', cityname:'&' }, controllerAs: 'vm', template: ` <div class="cityListBox"> <span class="title">按拼...
2020-05-27
小程序视频或音频自定义可拖拽进度条的示例代码
小程序原生组件的音频播放时并没有进度条的显示，而此次项目中，鉴于原生的视频进度条样式太丑，产品要求做一个可拖拽的进度条满足需求。
视频和音频提供的api大致是相似的，可以根...
2020-05-27
angular5 子组件监听父组件传入值的变化方法
项目中遇到一个问题，就是在ngInit()中调用方法，只调用一次的问题，当父组件传值变化时，并不会再次执行。import {Component,Input,OnChanges,SimpleChanges} from '@angular/core...
2020-05-27
关于AngularJS中ng-repeat不更新视图的解决方法
最近写AngularJS项目中，遇到一个问题，先对数组进行赋值，ng--repeat正常工作，然后对数组进行修改，ng-repeat似乎没有工作，视图没有更新。原因是ng-repeat会已默认值排序，由于我的数...
2020-05-27
react native基于FlatList下拉刷新上拉加载实现代码示例
react native 的上拉加载一直困扰着自己，一直用的第三方组件，但是可维护性不高，而且也不太好用，最近工作没那么忙，就研究下了官方的FlatList，做出来的成果，比第三方组件流畅度高好...
2020-05-27
基于VUE实现的九宫格抽奖功能
先给大家展示下效果图：HTML代码：<template> <div class="luckDraw"> <title-bar :title="title"></title-bar> <div class="container"> <div class="turntable-wrapper">...
2020-05-27
angularJs使用ng-repeat遍历后选中某一个的方法
1、html代码如下所示： <div> <button ng-repeat="t in deptName" class="deptDiv" ng-class="{'deptDivOnclick':selected==t.name}" ng-click="showDeptEmps(t.name...
2020-05-27
jQuery实现点击图标div循环放大缩小功能
很基础的一个功能，点击左下角的图标按钮，地图的整个div会变大，变大预览之后，再次点击图标按钮，地图的整个div会变小，恢复原样，两个图标在地图界面的放大和缩小时间不断的切换图标状...
2020-05-27
angularJs中orderBy筛选以及filter过滤数据的方法
如下所示：<div ng-app="module" ng-controller="ctrl"> <!--按照click降序排序--> {{data|orderBy:'click':true}}<br> <!--按照id升序排序--> {{data|orderBy:'id':false}}<...
2020-05-27
VUE 配置vue-devtools调试工具及安装方法
1. 通过 Git 克隆项目到本地git clone https://github.com/vuejs/vue-devtools.git2. Git 进入到 vue-devtools 所在目录，然后运行以下两个指令。先运行 npm install 安装项...
2020-05-27
iview Upload组件多个文件上传的示例代码
使用 iview Upload 上传组件 手动上传 包括单个文件和多个文件思路：创建一个数组 把需要上传的文件 push到这个数组里面1.引用组件2.手动上传，根据官方文档 设置:before-uplo...
2020-05-27
angularJs在多个控制器中共享服务数据的方法
如下所示：<div ng-app="module"> <div ng-controller="ctrl1"> <table border="1" width="600"> <tr> <td>网站名称</td> <td>网址</td> </tr> <tr ng-repeat="...
2020-05-27
对angularJs中2种自定义服务的实例讲解
本篇文章介绍2种自定义服务的方式，一种是用factory，一种是用service一、首先介绍使用factory来进行自定义服务1.html<div ng-app="module" ng-controller="ctrl"> <table bor...
2020-05-27
vue 自定义组件实现通讯录功能
在线demo：http://tangyupeng.top/dist/index.html#/phone<template> <div> <my-header custom-title="通讯录" custom-fixed > <button @touchstart="backBtn" slot="left...
2020-05-27
对angularJs中$sce服务安全显示html文本的实例
如下所示：<div ng-app="module" ng-controller="ctrl"> {{data}} <hr> <div ng-bind-html="data"></div> <hr> <div ng-bind-html="title | trustHtml"></div></div><script>...
2020-05-27
详解Vue.js iview实现树形权限表（可扩展表）
问题：需要一个可折叠的权限管理系统，用表格展示。
主要用的iView组件库，有Table（表格），Tree（树形控件），Collapse（折叠面板）看起来比较符合意思
深入查看Table相关范例，发现有个 通过给 c...
2020-05-27
angular将html代码输出为内容的实例
在前端与后台的撕逼中，很大一部分是因为数据的问题。使用angular会遇到这样的问题，后台返回的数据不是自己想要的纯字符串，而是带有html标签及属性的，那么我们将它输出来后，在页...
2020-05-27
使用angularjs.foreach时return的问题解决
AngularJS中当我们需要遍历某个数组的时候，我们会用到forEach语法。AngularJS中forEach的用法如下：angular.forEach(array,function(obj,index){doSomething();})array表示需...
2020-05-27
对angularJs中ng-style动态改变样式的实例讲解
如下所示：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="angular.min.js"></script></head><body><div ng-app="module" ng-controller="ctrl...
2020-05-27
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
不同公司和组织之间的测试效率迥异。在这个富交互和响应式处理随处可见的时代，很多组织都使用敏捷的方式来开发应用，因此测试自动化也成为软件项目的必备部分。测试自动化意味...
2020-05-27
angularJs中ng-model-options设置数据同步的方法
后台请求任务量很大的时候，可以设置同步的时间和操作，利用ng-model-options来实现，提高网站性能。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script s...
2020-05-27
mpvue将vue项目转换为小程序
一、 mpvue简介mpvue:是由 美团点评团队出品的小程序开 发的一款基于 vue的框架， 从整个 Vue的核心代码上经过二次开发而形成的一个框架，相当于是给Vue本身赋能，增加了开发微信...
2020-05-27
mpvue项目中使用第三方UI组件库的方法
说明整理了一份简单的源码，放在github，有需要参考的同学自取~简介微信小程序上线已有一年多时间啦，自美团的mpvue(基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建...
2020-05-27
mpvue+vuex搭建小程序详细教程(完整步骤)
本文介绍了mpvue+vuex搭建小程序详细教程(完整步骤)，分享给大家，具体如下：源码
mpvue-vuex-demo
构成
1、采用mpvue 官方脚手架搭建项目底层结构
2、采用Fly.js 作为http请求库...
2020-05-27
angularJs中$scope数据序列化的实例
如下所示：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="angular.min.js"></script> <script src="jquery.min.js"></script></head><body>...
2020-05-27
浅谈angular表单提交中ng-submit的默认使用方法
在表单提交的时候，我使用了一个button，但ng-submit写在form标签中，然而button中我未使用任何方法访问submit（）函数<div ng-app="dkr"> <div ng-controller="logincontrol"> <fo...
2020-05-27
Vue 组件封装 并使用 NPM 发布的教程
正文开始Vue 开发插件我们可以先查看Vue的插件的开发规范我们开发的之后期望的结果是支持 import、require 或者直接使用 script 标签的形式引入，就像这样：
ps: 这里注意一下...
2020-05-27
详解mpvue小程序中怎么引入iconfont字体图标
前言iconfont阿里巴巴矢量图标库是我很喜欢的一个网站，可以下载/在线编辑/上传自己需要的矢量图标，也支持团队协作，那么在mpvue项目中如何引入呢？
iconfont阿里巴巴矢量图标库将...
2020-05-27
在create-react-app中使用sass的方法示例
Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。Sass是一个将脚本解析成CSS的脚本语言，即Sass...
2020-05-27
详解mpvue scroll-view自动回弹bug解决方案
表现设置了scroll-top的scroll-view组件，在组件所在vue实例data发生改变时会自动回弹到最上方解决方案打开 node_modules/mpvue/index.js, 在任意位置添加以下两个方法functi...
2020-05-27
vue项目持久化存储数据的实现代码
方式一、使用localStorage在数据存储1、要在浏览器刷新的时候重新存储起来if (window.localStorage.getItem(authToken)) {store.commit(types.SETLOANNUMBER, window.local...
2020-05-27
使用iView Upload 组件实现手动上传图片的示例代码
在过去，浏览器是不允许我们读取本地的文件，包括图片。因此，当我们需要预览一个图片的时候，往往先将它传送到服务端，然后服务端返回一个访问 url 地址，达到预览图片的功能。如今，随...
2020-05-27
element上传组件循环引用及简单时间倒计时的实现
前言
今天记录几个简单的小问题，前端时间开发用到的，之前看到博客中没有记录，简单记录一下。 一个是element上传组件循环引用的方式，一个是简单的倒计时。上传组件每个上传都要...
2020-05-27
Angular ElementRef简介及其使用
Angular 的口号是 - “一套框架，多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)”，即 Angular 是支持开发跨平台的应用，比如：Web 应用、移动 Web 应用、原生...
2020-05-27
浅谈开发eslint规则
开发 eslint 规则前端的日常开发离不开各种 lint 的支持，使用 lint 的一种误解是：个人能力不足，必须 lint 规范才能写出规范的代码，实际上规范的定义主要取决于开源项目作者的习...
2020-05-27
ng-repeat指令在迭代对象时的去重方法
刚刚遇到一个问题： 在使用AngularJS的ng-repeat指令时，遇到了数据重复出现的问题。可能有的人会想到，ng-repeat迭代时，遇到重复的数据不是会报错么？当然了，如果你迭代的是数组，而且...
2020-05-27
