Terence_Rain-CSDN博客

Terence_Rain

码龄5年

IP 属地：北京市

查看详细资料

个人成就

获得51次点赞
内容获得23次评论
获得270次收藏
代码片获得317次分享

TA的专栏

创作活动更多

HarmonyOS开发者社区有奖征文来啦！

用文字记录下您与HarmonyOS的故事。参与活动，还有机会赢奖，快来加入我们吧！

0人参与去创作

搜TA的内容

vue变化侦测

文章目录1.什么是watcher2.递归侦测所有key3.关于Object的问题4.总结1.什么是watcherwatcher是一个中介的角色，数据发生变化时通知它，然后它在通知其他地方。关于watcher，看一个使用它的例子：//keypathvm.$watch('a,b,c', function(newVal, oldVal){ //do something})这段代码表示data.a.b.c属性发生变化时，触发第二个参数中的函数。那么如何实现这个功能呢？只要把这个watcher实

发布博客 2022.01.27 ·

VUE之object变化侦测

文章目录1.什么是变化侦测2.如何追踪变化1.什么是变化侦测Vue会自动通过状态生成DOM，并将其输出到页面上显示出来，这个过程叫渲染。Vue的渲染过程是声明式的，我们通过模板来描述状态与DOM之间的映射关系。通常，在运行时应用内部的状态是不断发生变化的，此时需要不停地重新渲染。这时如何确定状态中发生了什么变化？变化侦测就是来解决这个问题的，它分为两种形式，一种是推（push）一种是拉（pull）。vue的变化侦测属于推。当状态发生变化时，Vue立刻就知道了，而且在一定程度上知道哪些状态发生变化了。

发布博客 2022.01.25 ·

JavaScript中的表单验证

文章目录1.什么是表单验证2.常见的表单验证1.什么是表单验证大多数网站的注册页面中，都会要求用户输入生日，我们知道日期的格式是yyyy-MM-dd并且由数字组成，中间不允许出现字母或是其他符号，如果填写格式与日期格式不符合，name注册将失败，这种操作就是表单验证的体现。表单验证就是js在数据被送往服务器前，对html表单中的数据进行验证的过程，在验证所有信息均符合要求之后，经表单提交到服务器由服务器进行数据处理。常见的表单验证有：表单中的必填项目、输入的邮件是否合法，输入日期是否合法等。2.常见

发布博客 2022.01.10 ·

JavaScript中的事件

文章目录1.单击事件2.鼠标事件3.键盘事件4.表单事件5.窗口事件1.单击事件首先看一个示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击事件</title></head><script type="text/javascript"> function btnCharge_Cl

发布博客 2022.01.05 ·

JavaScript内置对象2

文章目录1.内置对象window2.内置对象document2.1 案例13.内置对象location4.内置对象history5.内置对象Screen1.内置对象window浏览器运行js代码时，需要使用window对象，又称为浏览器对象。window对象是js对象结构中的顶级对象，代表一个浏览器框架，会在<body>标签出现后自动创建。window对象作为浏览器中等级最高的对象，有一些常用的方法。alert 显示弹窗confirm 显示一个对话框open 打开一个新的浏览器窗口

发布博客 2022.01.04 ·

JavaScript内置对象1

文章目录1.Array与Hash1.案例12.内置对象Date2.1案例22.2案例31.Array与Hash用几个案例来一起看一下内置对象：1.案例1要求利用变量保存数据，再用document.write()将变量输出。要求是，显示一组水浒传人物信息，包含4个元素，每一个元素又包含名字和绰号。那么只需要把这8个数据分别保存到8个变量中，然后将变量打印即可。var name1, name2, name3, name4;var byname1, byname2, byname3, byname4;

发布博客 2022.01.04 ·

BOM与DOM

文章目录1.概述2.BOM3.window.navigator1.概述通常情况下，页面中的js代码都有一系列可以访问的对象，他们可以分成以下几种情况。ECMAScript核心对象DOM：当前载入页面所拥有的对象BOM：页面以外事务所拥有的的对象其中，DOM意为文档对象模型，而BOM意为浏览器对象模型DOM是标准。BOM则不是任何标准的一部分。它的一部分对象集合得到了所有的主流浏览器的支持，而另一部分则属于特定浏览器的特性。由于HTML5将各个浏览器的通用行为进行了标准化，所以其中包含了通用

发布博客 2021.12.27 ·

用JavaScript实现一个小图形

1.分析首先，我们要将所有对象的公共部分定义成一个构造器，即Shape。然后基于这个构造器分别构建Triangle、Rectangle和Square构造器，它们将全部继承于Shape。其中，，Square实际上可以当做一个长宽度相等的Rectangle。因此构建Square时可以直接重用Rectangle。下面，我们来定义Shape对象，首先先定义一个带坐标的point对象和其长宽度。图像的周长一般是其各边长度的综合，而计算一个图形的面积的公式则随图形不同有较大差异，应该由这些图形自己来实现。SHap

发布博客 2021.12.27 ·

JavaScript的继承（4）

文章目录1.引用拷贝2.对象之间的继承关系3.多重继承1.引用拷贝对象类型（包括函数和数组）通常都是以引用的形式来进行拷贝的，这有时候会导致一些预期不同的结果。下面，创造两个构造器函数，并在第一个构造器的原型中添加一些属性：function Papa(){}function Wee(){}Papa.prototype.name = "Bear";Papa.prototype.owns = ["porridge", "chair", "bed"];现在让Wee继承Papa：extend2(

发布博客 2021.12.21 ·

JavaScript中的继承（3）

文章目录1.uber-子对象访问父对象的方式2.将继承部分封装成函数3.属性拷贝1.uber-子对象访问父对象的方式在一般的面向对象语言中，通常都会提供一种用于子类访问父类的特殊语法，因为我们在实现子类方法时往往要父类方法的额外辅助。在这种情况下，子类通常就要去调用父类中的同名方法，以便最终完成工作。JS中虽然没有这种语法，但是可以实现类似功能。接下来，在之前构建的继承关系中引入一个uber属性，并令其指向父级原型对象。function Shape(){}// augment protot

发布博客 2021.12.15 ·

JavaScript中的继承（2）

文章目录1.将共享属性迁移到原型中去1.将共享属性迁移到原型中去当用某一个构造器创建对象时，其属性就会被添加到this中去。并且当被添加的属性实际上不会随着实体改变时，这种做法其实时效率低的。例如，Shape()构造器是这样定义的：function Shape(){ this.name = 'Shape';}这种实现意味着我们用new Shape()创建的每个实体都会拥有一个全新的name属性，并在内存中拥有自己独立的存储空间。我们也可以选择name属性添加到原型上去，这样一来所有实体就可以共

发布博客 2021.12.15 ·

JavaScript中的继承（1）

文章目录1.js的面向对象思想2.原型链1.js的面向对象思想在之前的学习中，我们已经涉及了对象、方法和属性。同时，js中没有类的概念，但是可以用构造器函数来实现相同的功能。对于封装，对象本身就包括数据以及与这些数据相关的方法。对于聚合，一个对象中也包含其他对象。2.原型链...

发布博客 2021.12.14 ·

JavaScript的原型

文章目录1.原型属性2.利用原型添加方法和属性3.使用原型的方法和属性4.自身属性与原型属性5.利用自身属性重写原型属性1.原型属性在js中，函数本身也是一个包含了方法和属性的对象。prototype首先先定义一个函数：function foo(a, b){ return a * b;}>foo(2, 3);在函数定义时被创建的属性中就有prototype属性，其初始值是一个空对象。2.利用原型添加方法和属性先构造一个具体的构造器函数Gadget()function Gadg

发布博客 2021.12.03 ·

javascript的对象

文章目录1.从数组到对象2.访问对象的属性3.调用对象方法4.修改属性与方法5.使用this关键字6.构造器函数1.从数组到对象之前，我们已经介绍过了数组，是一个数据集合，通过索引【下标】可以访问该位置的元素。对象的情况和数组很相似，唯一不同的是键值类型是自定义的，即索引不再局限于数组了。var person{ name: "zhangsan", age: 18}有一个表示该对象的变量名：person与定义数组时使用的[]不同，定义对象使用的是{}{}中用逗号分割的是组成该对象的元素

发布博客 2021.12.02 ·

javascript中的函数

关于js函数的详细介绍~

发布博客 2021.12.01 ·

javascript中的函数

关于js函数的详细介绍~

发布博客 2021.12.01 ·

javascript中的数组

文章目录1.js的数组声明一个空的数组定义一个数组2.访问数组中的元素3.增加、更新数组元素4.删除元素5.数组中的数组1.js的数组与其他变量类型一样，js中也可以声明数组和定义数组。声明一个空的数组var arrya = [];这样，就声明了一个名为array的空数组。定义一个数组var array = [1,2,3];这样，就定义一个有三个元素1，2，3的数组。2.访问数组中的元素与其他常见的编程语言一样，js中访问数组的元素也是用下标【索引】来实现的。var array =

发布博客 2021.12.01 ·

js的变量和数据类型

1.数据类型基本类型：数值型字符串类型对象类型布尔类型函数类型特殊的值：undefined 未定义，所有js变量未赋初始值的时候，默认值为undefinednull 空值NAN 非数字，非数值2.定义变量的格式var 变量名使用typeof()可以查看变量的数据类型2.关系运算><>=<=== 等于是简单的字面值的比较=== 全等于除了简单的字面值的比较，还有数据类型的比较比如var a = 12var b =

发布博客 2021.11.16 ·

JavaScript初识

与其他后端语言不一样，JS运行在客户端，需要浏览器解析执行代码。在HTML文件中，有两种方式引入js代码：1.在<head>或<body>标签中写js代码。js代码存在于<scripts>标签中2.通过<scripts>标签导入整个js文件先单独写一个js文件然后在HTML文件中引入这个文件这两种方法都是可行的，看一下效果：...

发布博客 2021.11.16 ·

HTML之列表

1、列表1.HTML支持有序列表和无序列表无序列表使用<ul></ul>标签定义。列表中的每个列表项使用<li></li>定义。有序列表使用<ol></ol>标签定义。列表中的每个列表项使用<li></li>定义。在<ol>标签中使用type属性，可以指定不同类型的有序列表。例如，指定type=“A”，那么列表就是按照ABCD来排序的，指定type=“a”，列表就是按照abc

发布博客 2021.11.15 ·