2019年11月20日
15 Vue计算属性和侦听器
摘要： 计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。 在模板中放入太多的逻辑会让模板过重且难以维护。例如： split = 字符中间空格分割, reverse= 反转 join('') = 以空格合并 <div id="example"> {{ message.split(''). 阅读全文
posted @ 2019-11-20 13:20 Mr_Riven 阅读(157) 评论(0) 推荐(0)
14 Vue列表渲染
摘要： 列表渲染 用 v-for 把一个数组对应为一组元素(for循环) 我们可以用 v-for 指令基于一个数组来渲染一个列表。 v-for 指令需要使用 item in items 形式的特殊语法， 其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。 <ul id="exampl 阅读全文
posted @ 2019-11-20 08:53 Mr_Riven 阅读(158) 评论(0) 推荐(0)
2019年11月19日
js中event.preventDefault()和 event.stopPropagation( ) 方法详解
摘要： event.preventDefault() 1、首先event.preventDefault()是通知浏览器不要执行与事件关联的默认动作，例如： 这里a标签的默认事件是跳转，这里我们告诉浏览器取消默认事件，这样a标签的跳转功能就不好使了，反之a标准恢复默认事件功能如下： event.stopPro 阅读全文
posted @ 2019-11-19 19:38 Mr_Riven 阅读(1013) 评论(0) 推荐(0)
13 Vue事件处理
摘要： 监听事件 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 示例： <div id="example-1"> <button v-on:click="counter 阅读全文
posted @ 2019-11-19 16:16 Mr_Riven 阅读(270) 评论(0) 推荐(0)
11 - Vue模板语法
摘要： Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够 阅读全文
posted @ 2019-11-19 12:07 Mr_Riven 阅读(181) 评论(0) 推荐(0)
2019年11月18日
12-Vue的使用-安装 - 条件渲染
摘要： 一、安装 1. 去vue官网： https://cn.vuejs.org/ 2. 引入vue.js文件 <body> <script src="vue.js"></script> </body> 引入vue.js文件之后，Vue被注册为一个全局的变量，它是一个构造函数。 三、使用Vue实例化对象 < 阅读全文
posted @ 2019-11-18 17:44 Mr_Riven 阅读(227) 评论(0) 推荐(0)
10 Vue的介绍
摘要： Vue 思想： 数据驱动视图 vue的作者叫尤雨溪，中国人。 关于他本人的认知，希望大家读一下这篇关于他的文章，或许你会对语言，技术，产生浓厚的兴趣。 https://mp.weixin.qq.com/s?__biz=MzA5NzkwNDk3MQ==&mid=2650585523&amp;idx=1 阅读全文
posted @ 2019-11-18 15:29 Mr_Riven 阅读(145) 评论(0) 推荐(0)
08--1 node.js 的文件操作
摘要： 阅读全文
posted @ 2019-11-18 15:12 Mr_Riven 阅读(102) 评论(0) 推荐(0)
09 webpack的介绍
摘要： webpack干嘛的？： 模块打包机，分析目录结构，找到js模块（包括浏览器不能直接识别的代码 typscript sass...）,打包成合适的格式供浏览器访问 webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为 阅读全文
posted @ 2019-11-18 14:53 Mr_Riven 阅读(193) 评论(0) 推荐(0)
08 node.js 的使用
摘要： 创建包 目录结构 cmd cd 到当前目录: \ 执行 npm init //创建一个包 1 2. 3. 4.包的安装 npm install jquery --save npm install bootstrap --save npm install swiper --save // 一个滚屏插件 阅读全文
posted @ 2019-11-18 14:15 Mr_Riven 阅读(168) 评论(0) 推荐(0)