2018年10月_muzidigbig

原创 js--JSON序列化（三个参数的使用）和反序列化

即js中的对象转化为字符串。toJSONString()JSON.stringify(obj)parseJSON()parse()

2018-10-23 13:24:58 7345 1

转载 js中事件捕获和事件冒泡（事件流）

其实不仅在js中，在面向对象的编程语言中或多或少涉及到这个问题。js编程的事件全解，你可以到我的主页，这里给你重点讲一下js中的事件捕获和事件冒泡。事件捕获和冒泡的定义上图为网页事件的捕获和冒泡过程。冒泡型事件：子元素事件会向父元素传递，触发父元素的同类事件。事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。捕获型事件：事件从最外层...

2018-10-22 22:30:38 589

原创移动端触摸事件和mousedown、mouseup、click事件之间的关系

一、移动端触摸事件ontouchstart、ontouchmove、ontouchend、ontouchcancel1、Touch事件简介pc上的web页面鼠标会产生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件，但是在移动终端如iphone、ipod Touch、ipad上的web页面触屏时会产生ontouc...

2018-10-22 18:33:51 20927

原创 vue--计算属性（computed）vs事件（methods）vs监听器（watch）

关于 computed 和 watch 的差异： 1.computed 是计算一个新的属性，并将该属性挂载到 vm（Vue 实例）上，而 watch 是监听已经存在且已挂载到 vm 上的数据，所以用 watch 同样可以监听 computed 计算属性的变化（其它还有 data、props） 2.computed 本质是一个惰性求值的观察者，具有缓存性，只有当依赖变化后，第一次访...

2018-10-18 18:53:21 4595 1

原创 js--实例与对象的区别

关于js中实例和对象的解释如下：比如定义persion如下：var person = new Object();var person = {};JS 是基于原型的面向对象语言, 所有数据都可以当作对象处理，所以 person 是对象, 可以把它当作是 Object 的实例.。当然在js中, 一切都是对象。第二个采用对象字面量的方式生成的person也是如此。然而它内部没有调用ne...

2018-10-17 09:44:42 6586 1

原创 CSS中一个冒号和两个冒号有什么区别

一个冒号是伪类，两个冒号是伪元素伪类:可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不同，所以叫伪类。伪元素:所控制的内容和一个元素控制的内容一样，但是伪元素不存在于文档树中，不是真正的元素，所以叫伪元素。伪类有：:first-child ，:link:，vistited，:hover:，:active , :f...

2018-10-09 09:58:26 1604

原创 vue.js基础03--过滤器（filter）

注意：过滤器函数接收的第一个值是message，依次是传的值。过滤器是可以叠加的，后面过滤器接收前面过滤器的返回值。过滤器对前面的那个值进行显示的过滤并不会改变前面的那个值，即并不会改变data的数据。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&...

2018-10-09 08:08:37 447

原创 vscode: Visual Studio Code 常用快捷键

主命令框F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如：按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在 Ctrl+P 窗口下还可以:直接输入文件名，跳转到文件 ? 列出当前可执行的动作 ! 显示 Errors或 Warnings，也可以 Ctr...

2018-10-06 15:25:54 370

原创 js--获取/赋值文本值innerText/textContent、innerHTML的区别，获取表单的值；js事件对象属性target与currentTarget

一、获取/赋值文本值innerText/textContent、innerHTML<body> <div id="box_text"> <p style="color:hotpink;">muzidigbig</p> <p style="color:pink">lo

2018-10-06 10:44:49 7134

muzidigbig的博客