07 2018 档案
摘要：模仿微博的自动化测试代码： 模仿微博的vue 代码：
阅读全文
摘要：1 name 为属性名, rule 为规则, value 为值，属性名和生成规则之间用|分隔，生成规则的格式有7种： 2 3 字符串 String, 数字 Number, 布尔型 Boolean, 对象 Object, 数组 Array, 函数 Function ,占位符定义 4 'name|rule': value 5 'name|min-max': 'value' //通过重复 ...
阅读全文
摘要：新建轮播组件 在 src/components 下新建 Slider.vue 文件，复制贴入以下代码： src/components/Slider.vue
阅读全文
摘要：添加分页组件 在 src/components 下新建 Pagination.vue 文件，复制贴入以下代码： src/components/Pagination.vue 注册分页组件 打开 src/components/index.js 文件，复制以下代码进行替换（注释部分是涉及的修改）： src
阅读全文
摘要：评论框：src/views/articles/Content.vue 未登录时，我们显示一个被禁用的评论框： HTML 格式的评论被保存在 commentHtml，我们使用 v-html 指令实时输出它： 2、在 created 钩子后面添加 mounted 钩子，我们在这里创建一个 SimpleM
阅读全文
摘要：1). 新建弹窗组件 在 src/components 下新建 Modal.vue 文件，复制贴入以下代码： src/components/Modal.vue .self 是一个 事件修饰符，常用的事件修饰符有： .self：当 event.target 是当前元素自身时触发处理函数； .stop：
阅读全文
摘要：添加点赞事件 打开 src/store/actions.js 文件，在代码的最后面，导出点赞事件 like： src/store/actions.js 点赞事件的最后面使用 return 返回了 likeUsers，我们稍后将从分发事件的回调函数里获取该值。 在页面上点赞 1、打开 src/view
阅读全文
摘要：1). 新建专栏首页 在 src/views/articles 下新建 Column.vue 文件，复制贴入以下代码： src/views/articles/Column.vue 现在的页面只有一个侧栏（下一步添加路由后可查看），我们稍后会使用 <router-view/> 渲染『文章列表』和『文章
阅读全文
摘要：1). 添加编辑文章路由 打开 src/router/routes.js 文件，在数组的最后面，添加编辑文章路由 Edit： src/router/routes.js 我们这里使用了跟 Create 一样的组件页面，但将其路径指向一个新的地址，并命名为 Edit。 2). 添加编辑入口 1、打开 s
阅读全文
摘要：添加发布逻辑 1、打开 src/views/articles/Create.vue 文件，复制以下代码替换原 <script>： src/views/articles/Create.vue 2、查找 <input v-validator.required，使用 v-model 绑定 title，并添
阅读全文
摘要：1). 安装 SimpleMDE 2). 使用 SimpleMDE 1、打开 src/views/articles/Create.vue 文件，修改模板中的 <textarea> ： src/views/articles/Create.vue 2、复制以下代码替换原 <script>： src/vi
阅读全文
摘要：1). 新建修改密码页 在 src/views/users 下新建 Password.vue 文件，复制贴入以下代码： src/views/users/Password.vue 2). 添加修改密码路由 打开 src/router/routes.js 文件，添加修改密码路由 EditPassword
阅读全文
摘要：1). 新建修改头像页 在 src/views/users 下新建 Avatar.vue 文件，复制贴入以下代码： src/views/users/Avatar.vue 2). 添加修改头像路由 打开 src/router/routes.js 文件，添加修改头像路由 EditAvatar（注释部分是
阅读全文
摘要：新建登录页面 在 src/views/auth 新建 Login.vue 文件，复制贴入以下代码： src/views/auth/Login.vue
阅读全文
摘要：1). 安装 sweetalert2 2). 封装 sweetalert2 在 src 新建 plugins 文件夹，然后新建 vue-sweetalert2.js 文件，复制贴入以下代码： src/plugins/vue-sweetalert2.js 我们这里将 sweetalert2 封装成一个
阅读全文
摘要：1). 添加退出功能 打开 src/store/index.js 文件，在 actions 添加退出事件 logout： src/store/index.js 退出的时候，我们将 auth 状态更改为未登录，并跳转到首页。在路由 push 方法的第一个参数使用对象，可以添加更多的配置。我们这里指定跳
阅读全文
摘要：1). 导出下拉指令对象 在 src/directives 下新建 dropdown.js 文件，复制贴入以下代码： src/directives/dropdown.js 2). 注册全局下拉指令 打开 src/directives/index.js 文件，复制贴入以下代码： src/directi
阅读全文
摘要：使用 router.beforeEach 注册一个全局前置守卫，它在导航被触发后调用，我们可以通过跳转或取消的方式守卫导航，参数我们上面介绍过； 使用 router.app 可以获取 router 对应的 Vue 根实例，使用实例的 $options.store 可以从选项中访问仓库； 使用 nex
阅读全文
摘要：beforeRouteEnter 是组件内的路由导航守卫，在确认渲染该组件的对应路由前调用。该守卫不能访问 this，但我们通过传一个回调给 next，就可以使用上面的 vm 来访问组件实例。守卫的参数说明如下： to：即将要进入的目标路由； from：当前导航正要离开的路由，from.name 是
阅读全文
摘要：什么是 Vuex Vuex 是一个专为 Vue.js 应用开发的 状态管理模式 , 它可以集中管理应用所有组件的状态。我们经常会遇到多个组件共享状态的情况，以我们前面注册的用户信息为例，登录注册入口要使用这个用户信息，来判断是否显示用户名，这就需要我们在注册成功时，以某种方式通知登录注册入口，用户信
阅读全文
摘要：1). 新建消息组件 在 src/components 下新建 Message.vue 文件，复制贴入以下代码： src/components/Message.vue 父子组件之间的数据传递： props 是用来传递数据的，我们需要在子组件用 props 选项声明它预期的数据，上面的代码中我们声明了
阅读全文
摘要：1 const ls = localStorage 2 3 export default { 4 setItem(name, value) { 5 ls.setItem(name, JSON.stringify(value)) 6 }, 7 getItem(name) { 8 try { 9 return JSON.parse(ls.g...
阅读全文
摘要：1). 生成验证码 在 src 新建 utils 文件夹，然后新建 createCaptcha.js 文件，复制贴入以下代码： src/utils/createCaptcha.js 2). 使用验证码 1、打开 src/views/auth/Register.vue 文件，复制以下代码替换原 <sc
阅读全文
摘要：1). 导出验证指令对象 在 src/directives 下新建 validator.js 文件，复制贴入以下代码： src/directives/validator.js 2). 注册全局验证指令 在 src/directives 下新建 index.js 文件，复制贴入以下代码： src/di
阅读全文
摘要：1). 安装 vue-router 2). 新建路由配置 安装成功后，在 src 新建 router 文件夹，然后新建 index.js 文件，复制贴入以下代码： src/router/index.js 3). 引入路由配置 打开 src/main.js 文件，复制贴入以下代码： src/main.
阅读全文
摘要：使用步骤： 1.建立指令； 2.在要使用的组件中引入并注册指令 3.页面中使用，将原来的:title=""改为v-title: 指令的基础知识补充： 一个指令定义对象可以提供如下几个钩子函数（均为可选）： bind：只调用一次，指令第一次绑定到元素时调用，在这里可以进行一次性的初始化设置； inse
阅读全文
摘要：for循环 通过表单给table添加行： 自定义一个全局过滤器： 自定义全局格式化日期的过滤器： 自定义四舍五入局部过滤器： 讲义内容： 各种请求封装： 组件的生命周期： vue的属性： 局部属性watch: 全局watch: 父子组件之间的数据传递： reduce()方法： 购物车代码：
阅读全文
摘要：当我们需要和后台分离部署的时候，必须配置config/index.js: 用vue-cli 自动构建的目录里面 （环境变量及其基本变量的配置） 在'build'部分，我们有以下选项： build.index 必须是本地文件系统上的绝对路径。 index.html (带着插入的资源路径) 会被生成。
阅读全文
摘要：1.npm install mockjs --save 2.在src文件下建mock.js文件 3.mock.js文件文件内容 4.写app.vue的template 4.写app.vue的script:此前要安装npm install axios 5.引入到main.js中
阅读全文
摘要：Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。
阅读全文
摘要：基本逻辑： 1.创建一个新数组； 2.循环遍历旧数组； 3.当旧数组中的值不等于某个固定的值的时候，将其加入到新数组中； 4.将新数组赋值给旧数组所属对象
阅读全文
摘要：1 var s = "111,222,333,444"; 2 var arr = s.split(","); 3 //arr即是转化后的数组
阅读全文
摘要：1 input::-webkit-input-placeholder{ 2 font-size:12px; 3 color:#d2d2d2 4 }
阅读全文
摘要：1 self.location.reload()
阅读全文
摘要：在学习jQuery的时候，我们经常会看到“工厂函数”这个概念，那么究竟什么是“工厂函数”呢？我们来看看概念，“所谓工厂函数，就是指这些内建函数都是类对象，当你调用他们时，实际上是创建了一个类实例”。意思就是当我调用这个函数，实际上是先利用类创建了一个对象，然后返回这个对象。由于Javascript本
阅读全文
摘要：1 { 2 file: 'usename', 3 title: '下发用户', 4 width:"20%", 5 align: 'center', 6 templet: functi...
阅读全文
摘要：1 // 路由 2 if (return_routeChoice != null && return_routeChoice != "") { 3 for (var i = 0; i ' + return_routeChoice[i] + ''); 5 ...
阅读全文
摘要：1 $.ajax({ 2 url: "/flow/userTaskFileShow.cc", 3 data: {"processDefinitionId": pdid, "processInstanceId": pid, "taskId": n.taskId}, 4 dataType: "json", 5 ...
阅读全文
摘要：1 // 计算时间长度开始:如果结束时间是现在 2 function getTotalTime(startTime, endTime) { 3 if (startTime != null && startTime != '' && startTime != "") { 4 var startTim = new Date(startTim...
阅读全文
摘要：1 function imguload(cls) { 2 var taskId = $("#model-taskId").val(); 3 var processInstanceId = $("#model-pid").val(); 4 var processDefinitionId = $("#model-pdid").val()...
阅读全文
摘要：1 // 滚动到顶部固定 2 var navH = $(".fixedTop").offset().top; 3 $(".fixedTop").wrap(""); 4 $('.flowDev').scroll(function () { 5 var scroH = $('.flowDev').scrollTop(); 6 ...
阅读全文
摘要：1 var requestUrl = '/flow/funcLog/down.afca'; 2 window.open(requestUrl + "?procInstId=" + processInstanceId + "&stepNo=" + tasksId + "&entryNo=" + entryNo + "&buExeSeq=" + buExeSeq + "&fil...
阅读全文
摘要：下拉框： table 文件上传，获取文件的大小： 对象操作：
阅读全文
摘要：layui中的单选框反选： 当没有选择的时候，value的值为空，则执行else；当选择了以后将选择的名字（唯一值）放到input单选框的value中，下次点击就可以选中
阅读全文
