一、前言熟悉了 Vue 的指令系统后,在实际开发中,不可避免的会使用到对于事件的操作,如何处理 DOM 事件流,成为我们必须要掌握的技能。不同于传统的前端开发,在 Vue 中给我们提供了事件修饰符这一利器,使我们可
113 2018-11-10 0 113
上周写课程选择时间功能时需要将课程ID,星期,节次等参数传递给下一个页面,就查了查angularjs的ui-router跨页面传参,一开始是这样写的:
在app.js下添加 params:{'args':{}} 然后在起始页面的控制器中使用tran
65 2018-11-10 0 65
需求描述,由于工作的需要,需要将原本用于1280720的网页改为19201080的网页(电视端页面)。需求可以拆分为两部分,代码部分的修改以及图片的修改。在代码部分,需要将所有位置以及大小相关的值乘以1.5,图片的尺寸也
60 2018-11-10 0 60
一、前言本次接受一个BI系统,要求是能够接入数据源-得到数据集-对数据集进行处理-展现为数据的可视化,这一个系统为了接入公司自身的产品,后端技术采用spring boot,前端采用vue+vuex+axios的项目架构方式,vuex
62 2018-11-10 0 62
观察者模式意图定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新。实现过程在老师教程中学到了 Angularjs 中的观察者模式不使用观察者模式,登录时
47 2018-11-10 0 47
基础用法
你可以用v-model指令在表单input,textarea以及select元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但是v-model本质上不过是语法糖。它负责监听用户的输
51 2018-11-10 0 51
关于在vue中使用websocket的简易例子
使用vue-cli生成一个vue模版
安装三个依赖:npm install -s socket.ionpm install -s vue-socket.ionpm install -s socket.io-client创建一个新的servers:在文件最外层
88 2018-11-10 0 88
用v-for把一个数组对应为一个组件元素
我们用v-for指令根据一组数组的选项列表进行渲染。v-for指令需要使用item in items形式的语法:<ul> <li v-for="item in items"> {{ item.message }} </li></ul>var
60 2018-11-10 0 60
事情是这样的,右边有各种控件,可以拖动到右边自由区,在自由区内可以随意拖动。案例一:开始的我,so easy! 通过绑定元素的mousedown 事件,监听鼠标的mousemove,和mouseup 事件,于是我轻松实现了同一区域内元素可以
117 2018-11-10 0 117
当你用vue开发的时候,不可避免的就会遇到图片懒加载的问题,之前jquery时代有jquery.lazyload.js,但是那个肯定不能用在vue的项目里。查阅资料后发现Vue-Lazyload这个插件用的频率还是比较高,最近刚好也在研究
101 2018-11-10 0 101
这篇文章在vue里使用codemirror遇到的问题,写的很不错,还有下载的方法,大家可以点击查看。以下是自己使用过的,做出来的例子:做出来的效果图:记住使用之前要npm下载哦 npm install vue-codemirror --savemai
97 2018-11-10 0 97
前提小结:
第一次用codemirror,而且是在vue里面使用,看了官方文档,一大串都是英文,翻译后大概了解了这个插件,然后在项目中使用时出现过好几个问题:
1.新版的codemirror在lib目录下没有codemirror.js文件,旧版的
88 2018-11-10 0 88
目标:
用户点击提交、登录等按钮时,防止多次提交,所做的遮罩层
步骤:
实现很简单,按钮加上disabled属性,用true和false控制。效果图:代码:wxml<!--pages/login/login.wxml--><loading hidden="{{hidden}}"> 登录
15 2018-11-10 0 15
前言准确来说,闭包是基于正常的垃圾回收处理机制下的。也就是说,一般情况一个函数(函数作用域)执行完毕,里面声明的变量会全部释放,被垃圾回收器回收。但闭包利用一个技巧,让作用域里面的变量,在函数执行完之后依
26 2018-11-10 0 26
本文实例为大家分享了小程序实现留言板的具体代码,供大家参考,具体内容如下wxml
<view class='section'> <textarea class='message1' type='text' placeholder="请选择或者输入捎话(60字以内)" maxlength=
16 2018-11-10 0 16
本文实例为大家分享了微信小程序实现留言板功能,可以手写,可以删除,可以快速留言,供大家参考,具体内容如下const app = getApp();Page({ /** * 页面的初始数据 */ data: { msgData: [ { child_id: 1, msg
26 2018-11-10 0 26
本文为大家分享了微信小程序实现留言板的具体实现方法,供大家参考,具体内容如下先说一下小程序的开发环境之类的基础东西1.到微信公众平台下载开发者工具。安装2.appID与没有appID的区别是,appID可以用真机
18 2018-11-10 0 18
摘要:js调用复制功能使用:document.execCommand("copy", false); document.execCommand()方法功能很强大,了解更多请戳:https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand正文:调用以上
47 2018-11-10 0 47
解决iview 'You may have an infinite update loop in watcher with expression "columns"'解决方案单表头是可以动态变化不需要增添什么东西多表头目前iview尚不能动态变化,会报错You may have an infini
23 2018-11-10 0 23
方案背景 IOS用的是jsBridge插件实现调用、传参、回调的 安卓是在window挂载方法和挂载回调的IOS实现方案
调用原生方法封装如下
function setupWebViewJavascriptBridge (callback) { if (window.Web
21 2018-11-10 0 21
axios使用拦截器 在请求或响应被 then 或 catch 处理前拦截它们。http request拦截器// 添加请求拦截器axios.interceptors.request.use(function (config) { // 在发送请求之前做些什么 return confi
26 2018-11-10 0 26
aria-label正常情况下,form表单的input组件都有对应的label.当input组件获取到焦点时,屏幕阅读器会读出相应的label里的文本。<!DOCTYPE html><html><head> <meta charset = "utf-8"> <title>demo</title
18 2018-11-10 0 18
bootstrap中的模态框(modal),不同于Tooltips,模态框以弹出对话框的形式出现,具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内(也就是说,尽量作为 body 标签的直接子元素),以避免其他组件
35 2018-11-10 0 35
前言
最近公司vue项目中有一个需求,需要在当前页面刷新或跳转时提示保存并可取消刷新,以防止填写的表单内容丢失。刚开始思考觉得很简单,直接在Router的钩子中判断就好了,但是会发现还有新的问题存在,浏览器刷
42 2018-11-10 0 42
ngContentOutlet指令介绍
ngContentOutlet指令与ngTemplateOutlet指令类似,都用于动态组件,不同的是,前者传入的是一个Component,后者传入的是一个TemplateRef。
首先看一下使用:<ng-container *ngComponentOu
33 2018-11-10 0 33