javascripts
关注
分享
扫一扫
文章平均质量分 77
Terence_Rain
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
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 21:07:48 · 1174 阅读 · 0 评论 -
VUE之object变化侦测
文章目录1.什么是变化侦测2.如何追踪变化1.什么是变化侦测Vue会自动通过状态生成DOM，并将其输出到页面上显示出来，这个过程叫渲染。Vue的渲染过程是声明式的，我们通过模板来描述状态与DOM之间的映射关系。通常，在运行时应用内部的状态是不断发生变化的，此时需要不停地重新渲染。这时如何确定状态中发生了什么变化？变化侦测就是来解决这个问题的，它分为两种形式，一种是推（push）一种是拉（pull）。vue的变化侦测属于推。当状态发生变化时，Vue立刻就知道了，而且在一定程度上知道哪些状态发生变化了。原创 2022-01-25 19:09:14 · 939 阅读 · 0 评论 -
JavaScript中的表单验证
文章目录1.什么是表单验证2.常见的表单验证1.什么是表单验证大多数网站的注册页面中，都会要求用户输入生日，我们知道日期的格式是yyyy-MM-dd并且由数字组成，中间不允许出现字母或是其他符号，如果填写格式与日期格式不符合，name注册将失败，这种操作就是表单验证的体现。表单验证就是js在数据被送往服务器前，对html表单中的数据进行验证的过程，在验证所有信息均符合要求之后，经表单提交到服务器由服务器进行数据处理。常见的表单验证有：表单中的必填项目、输入的邮件是否合法，输入日期是否合法等。2.常见原创 2022-01-10 20:40:11 · 5935 阅读 · 0 评论 -
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 22:27:44 · 892 阅读 · 0 评论 -
JavaScript内置对象2
文章目录1.内置对象window2.内置对象document2.1 案例13.内置对象location4.内置对象history5.内置对象Screen1.内置对象window浏览器运行js代码时，需要使用window对象，又称为浏览器对象。window对象是js对象结构中的顶级对象，代表一个浏览器框架，会在<body>标签出现后自动创建。window对象作为浏览器中等级最高的对象，有一些常用的方法。alert 显示弹窗confirm 显示一个对话框open 打开一个新的浏览器窗口原创 2022-01-04 20:10:41 · 1118 阅读 · 0 评论 -
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 19:34:32 · 661 阅读 · 0 评论 -
BOM与DOM
文章目录1.概述2.BOM3.window.navigator1.概述通常情况下，页面中的js代码都有一系列可以访问的对象，他们可以分成以下几种情况。ECMAScript核心对象DOM：当前载入页面所拥有的对象BOM：页面以外事务所拥有的的对象其中，DOM意为文档对象模型，而BOM意为浏览器对象模型DOM是标准。BOM则不是任何标准的一部分。它的一部分对象集合得到了所有的主流浏览器的支持，而另一部分则属于特定浏览器的特性。由于HTML5将各个浏览器的通用行为进行了标准化，所以其中包含了通用原创 2021-12-27 22:38:45 · 227 阅读 · 0 评论 -
用JavaScript实现一个小图形
1.分析首先，我们要将所有对象的公共部分定义成一个构造器，即Shape。然后基于这个构造器分别构建Triangle、Rectangle和Square构造器，它们将全部继承于Shape。其中，，Square实际上可以当做一个长宽度相等的Rectangle。因此构建Square时可以直接重用Rectangle。下面，我们来定义Shape对象，首先先定义一个带坐标的point对象和其长宽度。图像的周长一般是其各边长度的综合，而计算一个图形的面积的公式则随图形不同有较大差异，应该由这些图形自己来实现。SHap原创 2021-12-27 20:45:37 · 1004 阅读 · 0 评论 -
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 22:11:52 · 756 阅读 · 0 评论 -
JavaScript中的继承（3）
文章目录1.uber-子对象访问父对象的方式2.将继承部分封装成函数3.属性拷贝1.uber-子对象访问父对象的方式在一般的面向对象语言中，通常都会提供一种用于子类访问父类的特殊语法，因为我们在实现子类方法时往往要父类方法的额外辅助。在这种情况下，子类通常就要去调用父类中的同名方法，以便最终完成工作。JS中虽然没有这种语法，但是可以实现类似功能。接下来，在之前构建的继承关系中引入一个uber属性，并令其指向父级原型对象。function Shape(){}// augment protot原创 2021-12-15 22:20:57 · 738 阅读 · 0 评论 -
JavaScript中的继承（2）
文章目录1.将共享属性迁移到原型中去1.将共享属性迁移到原型中去当用某一个构造器创建对象时，其属性就会被添加到this中去。并且当被添加的属性实际上不会随着实体改变时，这种做法其实时效率低的。例如，Shape()构造器是这样定义的：function Shape(){ this.name = 'Shape';}这种实现意味着我们用new Shape()创建的每个实体都会拥有一个全新的name属性，并在内存中拥有自己独立的存储空间。我们也可以选择name属性添加到原型上去，这样一来所有实体就可以共原创 2021-12-15 19:39:53 · 754 阅读 · 0 评论 -
JavaScript中的继承（1）
文章目录1.js的面向对象思想2.原型链1.js的面向对象思想在之前的学习中，我们已经涉及了对象、方法和属性。同时，js中没有类的概念，但是可以用构造器函数来实现相同的功能。对于封装，对象本身就包括数据以及与这些数据相关的方法。对于聚合，一个对象中也包含其他对象。2.原型链...原创 2021-12-14 22:34:40 · 902 阅读 · 0 评论 -
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 19:01:07 · 441 阅读 · 0 评论 -
javascript的对象
文章目录1.从数组到对象2.访问对象的属性3.调用对象方法4.修改属性与方法5.使用this关键字6.构造器函数1.从数组到对象之前，我们已经介绍过了数组，是一个数据集合，通过索引【下标】可以访问该位置的元素。对象的情况和数组很相似，唯一不同的是键值类型是自定义的，即索引不再局限于数组了。var person{ name: "zhangsan", age: 18}有一个表示该对象的变量名：person与定义数组时使用的[]不同，定义对象使用的是{}{}中用逗号分割的是组成该对象的元素原创 2021-12-02 20:47:28 · 650 阅读 · 0 评论 -
javascript中的函数
关于js函数的详细介绍~原创 2021-12-01 20:00:56 · 3611 阅读 · 0 评论 -
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 16:58:10 · 1026 阅读 · 0 评论 -
JavaScript初识
与其他后端语言不一样，JS运行在客户端，需要浏览器解析执行代码。在HTML文件中，有两种方式引入js代码：1.在<head>或<body>标签中写js代码。js代码存在于<scripts>标签中2.通过<scripts>标签导入整个js文件先单独写一个js文件然后在HTML文件中引入这个文件这两种方法都是可行的，看一下效果：...原创 2021-11-16 17:22:52 · 785 阅读 · 0 评论