写在前面的话: 文章是个人学习过程中的总结,为方便以后回头在学习。 文章中会参考官方文档和其他的一些文章,示例均为亲自编写和实践,若有写的不对的地方欢迎大家和我一起交流。 VUE基础系列目录 《VUE基础系列(一)——VUE入坑第一篇》 《VUE基础系列(二)——VUE中的methods属性》 《V ...
分类:
其他好文 时间:
2019-11-14 19:46:42
阅读次数:
89
先上案例 首先来分析一下,勾选科目的时候,下面同时增加科目的满分值设置。 以前写jquery的思路:当勾选的时候创建dom节点,然后把dom节点append到父节点上,项目采用前后分离的方式进行交互,这样一来,所设置的科目满分值就脱离绑定了。更进一步:把所有设置满分值的input先进行绑定,然后控制 ...
分类:
其他好文 时间:
2019-11-10 13:36:56
阅读次数:
78
简介 发布-订阅模式又叫做观察者模式,他定义了一种一对多的依赖关系,即当一个对象的状态发生改变的时候,所有依赖他的对象都会得到通知。 回忆曾经 作为一名前端开发人员,给DOM节点绑定事件可是再频繁不过的事情。比如如下代码 这里我们订阅了document.body的click事件,当body被点击的时 ...
分类:
编程语言 时间:
2019-11-05 18:48:36
阅读次数:
99
在操作一个DOM节点前,我们需要通过各种方式先拿到这个DOM节点。最常用的方法是document.getElementById()和document.getElementsByTagName(),以及CSS选择器document.getElementsByClassName()。 document. ...
分类:
其他好文 时间:
2019-11-03 23:52:10
阅读次数:
150
``` 1. Refs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素 2. 在典型的React数据流中, 是父组件与子组件交互的唯一方式,要修改一个子组件,需要使用新的props来重新渲染它。但是在某些情况下需要在典型数据流之外强制修改子组件。被修改的 ...
分类:
其他好文 时间:
2019-10-29 00:25:24
阅读次数:
103
节点操作 案例: 选择水果 节点属性 nodeType 节点的类型 1 元素节点 2 属性节点 3 文本节点 nodeName 节点的名称(标签名称) nodeValue 节点值 元素节点的nodeValue始终是null nodeType 节点的类型 1 元素节点 2 属性节点 3 文本节点 1 ...
分类:
其他好文 时间:
2019-10-27 20:19:41
阅读次数:
96
v cloak 1v cloak解决闪烁问题: 当网速很慢的时候,vue将数据渲染到界面中,会出现插值表达式闪烁问题: 如下图可以修改网页速度(调节网速形式): 解决办法: v text v html v text与v html 和 jquery中的text()与html()方法是一样的作用,都可以 ...
分类:
其他好文 时间:
2019-10-27 10:57:25
阅读次数:
65
浏览器渲染页面也就表示我们网上的资源已经请求成功 首先我们要明确浏览器渲染页面大致分为这几个步骤 1.浏览器解析html文档从而使构建成dom文档树=>2.构建render树=>3.布局render树=>4.绘制render树 1.浏览器会将html文档解析成一个dom文档树,dom树构建的过程是一 ...
分类:
其他好文 时间:
2019-10-23 22:14:44
阅读次数:
83
JQuery入门篇 jQuery选择器 “$”表示JQuery对象 根据ID查找 $(‘#var’)表示将一个id值为var的DOM节点封装成一个jQuery对象,DOM节点必须以“#”开头。 例如:有<div id="var "></div>存在,使用$(‘#var’)之后会将其封装成[<div ...
分类:
Web程序 时间:
2019-10-23 11:24:06
阅读次数:
110
vue生命周期 1.面试官通常会问请详细的说下vue生命周期的理解 答:vue的生命周期分为8个阶段这八个阶段主要分别如下 创建前后:beforeCreated和Created beforeCreated(创建前):vue实例挂载元素$el和数据对象data都为undefined,还未初始化 Cre ...
分类:
其他好文 时间:
2019-10-22 22:18:59
阅读次数:
88