- 博客(21)
- 收藏
- 关注
原创 Vue入门实战教程
本实战合集针对Vue初学者,力求探寻Vue重要概念的本质,并通过代码实战展现出来,加深理解。所有实战代码都为完整html且亲测可以运行,学习过程中请将html代码在浏览器运行以获得最好学习效果。
2020-06-04 11:25:42
842
原创 vue生命周期实战(四)—— 实例销毁
此学习教程是对官方教程的解析,本章节主要涉及到的官方教程地址:生命周期图示 — Vue.js上一章 :vue生命周期实战(三)—— 实例更新并深刻理解nextTick、watch和生命周期的关系本章节介绍实例更新阶段的生命周期钩子:beforeDestroy和destroyed...
2020-06-03 17:33:23
12743
1
原创 vue生命周期实战(三)—— 实例更新并深刻理解nextTick、watch和生命周期的关系
干货!深刻理解nextTick、watch和生命周期的关系
2020-05-28 18:51:48
873
原创 vue生命周期实战(二)—— 实例挂载
vue生命周期实战(二)——实例挂载本章节介绍实例创建阶段的生命周期钩子:beforeMount和mountedbeforeCreate和created的区别生命周期钩子可获取的对象常见应用场景beforeMountthis.$optionsdata、computed、watch、methods中的数据和方法el(未渲染dom)、render函数在渲染前对编译好的render函数进行更改,以改变渲染结果mountedthis.$optionsdata、computed
2020-05-25 17:50:11
496
原创 Vue入门实战教程(七)—— 生命周期概述
vue官方教程实战(六)—— 生命周期updated,watch和nextTick区别updated对所有数据的变化进行统一处理watch对具体某个数据变化做统一处理nextTick是对某个数据的某一次变化进行处理对数据变化进行处理的三种方式哪些数据哪种变化updated所有数据每次变化watch某个数据每次变化nextTick某个数据某一次变化...
2020-05-21 18:28:35
188
原创 Vue特定模板语法实战(三)—— 列表渲染
数组渲染我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。在 v-for 块中,我们可以访问所有父作用域的 property。v-for 还支持一个可选的第二个参数,即当前项的索引。第一个的参数:item 被迭代的数组元素第二个的参数...
2020-05-07 18:07:36
514
原创 Vue特定模板语法实战(二)—— 条件渲染
特定模板语法详解(二)——条件渲染v-if在 元素上使用 v-if 条件渲染分组功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导...
2020-05-06 17:47:54
250
原创 Vue特定模板语法实战(一)—— Class 与 Style 绑定
绑定 HTML Class要实现如下效果:.active { border:1px solid #F0F;}.text-danger { color: red;}<div class="active text-danger">绑定 HTML Class</div>1. 绑定对象<div v-bind:clas...
2020-05-06 17:46:46
436
原创 Vue入门实战教程(四)—— 模型层:数据
四. 数据1. 特性:响应式当一个 Vue 实例被创建时,它将data对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。当这些数据改变时,视图会进行重渲染。值得注意的是只有当实例被创建时就已经存在于data中的属性才是响应式的。理解:响应式属性: Vue实例里面的data对象中的属性(当实例被创建时就...
2020-04-30 17:16:51
643
原创 Vue入门实战教程(二)—— Vue 实例
1. 每个 Vue 应用都是通过用Vue函数创建一个新的Vue 实例开始的这个Vue函数指的就是Vue类。所以:Vue实例: Vue类的实例Vue应用通过创建一个新的Vue实例开始(下面会讲到,这个开始的Vue实例称为根实例)var vue_app = new Vue();2.当创建一个 Vue 实例时,你可以传入一个选项对象。选项对象:包括选项的对象:...
2020-04-16 11:33:51
377
原创 Vue入门实战教程(一)—— Vue介绍
一 vue介绍1.声明式渲染(1)文本插值在D:\workspace_vue\vue_demo目录创建vue_introduce.html, 输入以下内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...
2020-04-10 17:32:22
888
原创 windows 64位 nodejs安装
一 系统环境 操作系统版本:windows7 sp1 64位二 下载地址 阿里云的node镜像URL:http://nodejs.cn/download/node v12.16.1为目前稳定版,所以选择v12.16.1的windows 64位安装版node-v12.16.1-x64.msi 大家可以根...
2020-04-08 15:34:00
215
(转)无缝连接、循环滚动的走马灯效果
JavaScript实现走马灯效果[无缝连接、循环滚动] 无缝跑马灯效果以下代码在IE6、Firefox+Win2k环境下测试通过一、向上的无缝循环滚动 HTML代码<!-- 指向链接图片的URL --><base href="<a href="http://blog.ad0.cn" target="_blank">http://blog.ad0.cn<...
2007-02-09 11:19:26
1058
webwork环境搭建
打算从头开始webwork学习,第一步先搭建起webwork吧!参考文献:webwork in action目录结构:[img]F:\images\1.jpg[/img]配置:web.xml[code] webwork index.jsp ...
2006-10-12 13:58:44
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人