2022年7月15日

JavaScript: Vue v-model,v-bind,v-on

v-model v-model是进行动态双向绑定的(只能用在input, textarea, select上),以input为例,进行绑定后,vue对象中data的相应值会与input的输入同步变动。 // HTML <input type="text" v-model="message"> new Vue({ data { message: ' ', //最开始message为空 } }) 如果我们在input的输入框输入“打游戏”,则在data中message属性的值也会变为“打游戏”。 <input type="text" v-model="message"> / /在input中输入:打游戏 data { message: '今天好困 ', // 此时message中数据自动更新为"打游戏" } v-bind(缩写为 : ) 通常来说,当我们需要给一…
2022年7月15日

JavaScript: new 操作符

JavaScript中new是一种操作符,用来实例化一个对象的;比如要创建Person的新实例,就必须使用new操作符。 要创建 Person 的新实例,必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4 个步骤: (1) 创建一个新对象; (2) 将构造函数的作用域赋给新对象(因此 this 就指向了这个新对象) ; (3) 执行构造函数中的代码(为这个新对象添加属性) ; (4) 返回新对象。 new 操作符 在有上面的基础概念的介绍之后,在加上new操作符,我们就能完成传统面向对象的class + new的方式创建对象,在JavaScript中,我们将这类方式成为Pseudoclassical。 基于上面的例子,我们执行如下代码 1 var obj = new Base(); new操作符具体干了什么呢?其实很简单,就干了三件事情。 1 2 3 var obj…
2022年7月9日

JavaScript: 练习 Vue.js

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> </head> <body> <div id='app'> <span>{{message}}</span><br> <span v-bind:title="title">鼠标悬停查看</span><br> <a v-bind…
2022年6月24日

JavaScript: 遍历json对象数据的方法

JSON中,有两种结构:对象和数组,对象是没有length这个属性,而数组结构是有的,下面说明一下用遍历方式获取属性值的方法。 获取属性名、属性值 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Document</title> </head> <body>     <script type="text/javascript">     var data = { name: '小花', age: '17岁', sex: '男' };     for (var a in data) {    …
2022年5月29日

匈牙利命名法

匈牙利命名法是微软推广的一种关于变量、函数、对象、前缀、宏定义等各种类型的符号的命名规范。匈牙利命名法的主要思想是:在变量和函数名中加入前缀以增进人们对程序的理解。 匈牙利命名法关键是:标识符的名字以一个或者多个小写字母开头作为前缀;前缀之后的是首字母大写的一个单词或多个单词组合,该单词要指明变量的用途。 前缀 类型 描述 a Array 数组 b BOOL (int) by Unsigned Char (Byte) 无符号字(字节) c Char 字符(字节) cb Count of bytes 字节数 cr Color reference value 颜色(参考)值 cx Count of x (Short) x的集合(短整数) dw DWORD(unsigned long) 双字(无符号长整数) f Flags (usually multiple bit values) 标志(一般是有多位的数…
2021年9月21日

JSON在线解析

http://json.la/ https://www.aconvert.com/cn/document/json-to-xls/ Unicode与中文互转 16进制Unicode编码转换、还原http://www.msxindl.com/tools/unicode16.asp https://fanyi.baidu.com/…