javascript
文章平均质量分 85
荻风溪畔
清澈的小溪潺潺流淌,流向远处漫无边际的稻田,微风拂过,荻絮纷飞。游一小舟,看水中的鱼,看远处的山,怡然自乐。
留下一些学习笔记,记录下自己的学习过程。一起讨论,一起进步。
展开
-
vue2 功能:取消编辑表单显示原数据
上面代码中,源对象obj1的a属性的值是一个对象,Object.assign()拷贝得到的是这个对象的引用。这个对象的任何变化,都会反映到目标对象上面。Object.assign()方法实行的是浅拷贝,而不是深拷贝。也就是说,如果源对象某个属性的值是对象,那么目标对象拷贝得到的是这个对象的引用。(这里的功能其实跟之前修改表格,取消导致原数据出现数据消失问题解决原理一样,都是要深拷贝数据之后再进行回显)基础类型(number,string,boolean,null,undefined)原创 2022-10-24 10:15:51 · 1711 阅读 · 0 评论 -
后台管理系统中,实现修改功能时,数据回显导致table-column数据消失。罪魁祸首竟是浅拷贝
如图所示,在序号为1的行数据点击操作中的修改按钮,弹出如下对话框。清空表单数据,然后关闭。再然后厂家的列数据就没了。花了我几十分钟,找了很久。(因为之前出现过这个问题,但还是想不起来是什么原因)原创 2022-09-19 21:52:49 · 351 阅读 · 0 评论 -
Ajax2day(serialize()函数一次获取form全部数据,art-template模板引擎下载及使用方法步骤。正则表达式实现模板引擎)
通过点击submit按钮,触发表单提交的操作,从而使页面跳转到actionURL的行为,叫做表单的同步提交。表单同步提交后,整个页面会发生跳转,跳转到actionURL所指向的地址,用户体验很差。表单同步提交后,页面之前的状态和数据会丢失。解决方案表单只负责采集数据,Ajax负责将数据提交到服务器。步骤如下//1.监听表单按钮的提交事件$('#formAddCmt').submit(function(e){art-template中文官网首页为。......原创 2022-07-20 17:19:14 · 281 阅读 · 0 评论 -
Ajax1day(get,post请求,PostMan测试工具,图书馆里案例,聊天机器人案例)
Ajax的全称是(异步JavaScript和XML)。通俗的理解在网页中利用对象和服务器进行数据交互的方式,就是Ajax。如果要在网页中请求服务器上的数据资源,则需要用到对象。(简称xhr)是浏览器提供的js成员,通过它,可以请求服务器上的数据资源。最简单的用法。...原创 2022-07-18 21:03:03 · 1919 阅读 · 0 评论 -
JS12day(构造函数创建类对象,prototype, proto,原型链,forEach,filter,some,Oblect.keys(),Object.defineProperty())
script>//Object.defineProperty()定义新属性或修改原有的属性varobj={id'小米',price1999};//1.以前的对象添加和修改属性的方式//obj.num=1000;//2.Object.defineProperty()定义新属性或修改原有的属性Object.defineProperty(obj,'num',{valuetrue});value9.9});httpshttps。...原创 2022-07-15 11:15:20 · 198 阅读 · 0 评论 -
JS11day(类constructor构造函数,super继承,面向对象Tab栏JS代码)
注意子类在构造函数中使用super,必须放到this前面(必须先调用父类的构造方法,再使用子类构造方法)命令生成对象实例时,自动调用该方法。如果没有显示定义,类内部会自动给我们创建一个。用于访问和调用对象父类上的函数。可以调用父类的构造函数,也可以调用父类的普通函数。方法是类的构造函数(默认方法),用于传递参数,返回实例对象,通过。(类命名首字母大写,驼峰式命名.如CatRun)注意类必须使用new实例化对象。注意方法之间不能加逗号分隔。......原创 2022-07-15 09:13:15 · 233 阅读 · 0 评论 -
JS13day(函数定义方式,call、apply、bind改变this指向,严格模式,闭包,递归,浅拷贝方法,深拷贝函数封装)
this指向常规指向改变函数内部this指向1.call方法2.apply方法3.bind方法(重点)bind() 方法不会调用函数。但是能改变函数内部this 指向严格模式JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。ES5 的严格模式是采用具有限制性 JavaScript 变体的一种方式,即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。为函数开启严格模式高阶函数高阶函数原创 2022-07-14 21:34:08 · 168 阅读 · 0 评论 -
JS10day(api 阶段性完结,正则表达式简介,自定义属性,过滤敏感词案例,注册模块验证案例)
不是第一次接触正则表达式了,看来它的应用还是挺广泛的,之前在爬虫就用到很多正则表达式。上菜鸟链接,有需求,cv它写好的https://c.runoob.com/front-end/854/其中 是正则表达式字面量(也就是说这个变量名是一个对象,可以通过来调用方法)2.判断是否有符合规则的字符串: 方法 用来查看正则表达式与指定的字符串是否匹配如果正则表达式与指定的字符串匹配 ,返回,否则3.检索(查找)符合规则的字符串: 方法 在一个指定字符串中执行一个搜索匹配......原创 2022-06-30 14:31:24 · 172 阅读 · 0 评论 -
JS9day(BOM对象模型,setTimeout定时器,JS单线程执行机制,location对象,swiper插件,localStorage本地存储,购物车案例升级版,学习信息案例(本地存储))
定时器-延时函数 内置的一个用来让代码延迟执行的函数,叫 语法: 仅仅只执行一次,所以可以理解为就是把一段代码延迟执行, 平时省略清除延时函数:5秒关闭广告案例递归模拟setInterval函数两种定时器对比 的特征是重复执行,首次执行会延时 的特征是延时执行,只执行 1 次 结合递归函数,能模拟 重复执行 清除由 创建的定时任务JS 执行机制结果都是javaScript 语言的一大特点就是单线程,比如我们对某个 DOM 元素进行添加和删除操作,不能同原创 2022-06-29 17:35:52 · 211 阅读 · 0 评论 -
JS8day(滚动事件(scroll家族),offset家族,client家族,轮播图案例(待做))
当页面进行滚动时触发的事件加载事件方法1加载外部资源(如图片、外联CSS和JavaScript等)加载完毕时触发的事件注意:不光可以监听整个页面资源加载完毕,也可以针对某个资源绑定事件方法2当初始的 文档被完全加载和解析完成之后, 事件被触发,而无需等待样式表、图像等完全加载。事件名:监听页面DOM加载完毕:给 添加 事件scroll家族获取宽高:获取元素的总宽高(不包含滚动条)返回值不带单位和获取位置:获取元素内容往左、往上滚出去看不到的距离和这两个属性原创 2022-06-28 21:56:15 · 360 阅读 · 0 评论 -
JS7day(事件对象,事件流,事件捕获和冒泡,阻止事件流动,事件委托,学生信息表案例)
事件对象是什么?也是个对象,这个对象里有事件触发时的相关信息例如:鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息如何获取?在事件绑定的回调函数的第一个参数就是事件对象一般命名为、、img要用到绝对定位加上代码:事件流事件流指的是事件完整执行过程中的流动路径:先捕获后冒泡事件捕获概念:从DOM的根元素开始去执行对应的事件 (从外到里)说明:第三个参数传入代表是捕获阶段触发()若传入代表冒泡阶段触发,默认就是若是用 L0 事件监听,则只有冒泡阶段,没有捕获事件冒原创 2022-06-28 15:46:26 · 242 阅读 · 0 评论 -
JS6day(DOM结点的查找、增加、删除。实例化时间,时间戳,时间戳的案例,重绘和回流)
DOM树里每一个内容都称之为节点子节点查找:(了解,几乎不用)获得所有子节点、包括文本节点(空格、换行)、注释节点等children (重点)仅获得所有元素节点返回的还是一个伪数组兄弟关系查找:下一个兄弟节点 属性上一个兄弟节点 属性增加节点:即创造出一个新的网页元素,再添加到网页内,一般先创建节点,然后插入节点创建元素节点方法:追加节点要想在界面看到,还得插入到某个父元素中,插入到父元素的最后一个子元素:插入到父元素中某个子元素的前面学成在线重构案例原创 2022-06-26 21:54:48 · 300 阅读 · 0 评论 -
js5day(事件监听,函数赋值给变量,回调函数,环境对象this,全选反选案例,tab栏案例)
高阶函数可以被简单理解为函数的高级应用,JavaScript 中函数可以被当成【值】来对待,基于这个特性实现函数的高级应用。【值】就是 JavaScript 中的数据,如数值、字符串、布尔、对象等。目标:能够分析判断函数运行在不同环境中 this 所指代的对象环境对象指的是函数内部特殊的变量 ,它代表着当前函数运行时所处的环境**作用:**弄清楚this的指向,可以让我们代码更简洁当前元素为A状态,其他元素为B状态。使用:改进:(这里必须预设一个按钮有pink类,而第一个方法不需要)tab栏应原创 2022-06-26 17:20:06 · 406 阅读 · 0 评论 -
js4day(DOM开始:获取DOM元素内容,修改元素样式,修改表单元素属性,setInterval定时器,轮播图案例)
DOM(——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的API参数:包含一个或多个有效的CSS选择器字符串返回值:CSS选择器匹配的第一个元素,一个 HTMLElement对象。如果没有匹配到,则返回。参看文档:参数:包含一个或多个有效的CSS选择器字符串返回值:CSS选择器匹配的元素集合。得到的是一个伪数组: 有长度有索引号的数组 但是没有 等数组方法想要得到里面的每一个对象,则需要遍历(for)的方式获得。哪怕只有一个元素,通过quer原创 2022-06-25 16:13:00 · 500 阅读 · 0 评论 -
js3day(数组操作,js冒泡排序,函数,调试窗口,作用域及作用域链,匿名函数,对象,Math对象)
将一个或多个元素添加到数组的末尾,并(新增的内容) 方法将一个或多个元素添加到数组的,并数组元素的删除 方法从数组中,并 方法从数组中,并 方法 ,冒泡排序函数返回多个值argument伪数组可以看出,,是能运行,返回。调试全局作用域 局部作用域 块级作用域分别对应下面的相应变量注意点(今天都忘了):如果函数内部或者块级作用域内部,变量没有声明,直接赋值,也当全局变量看,但是强烈不推荐但是有一种情况,函数内部的形参可以看做是局部变量。采取就近原则的方式来查找变原创 2022-06-22 22:15:13 · 204 阅读 · 0 评论 -
js2day(又是i++和++i,if语句,三元运算符,switch、while语句,for循环语句)
比较运算符的使用字符串比较,是比较的字符对应的ASCII码从左往右依次比较如果第一位一样再比较第二位,以此类推比较的少,了解即可NaN不等于任何值,包括它本身尽量不要比较小数,因为小数有精度问题不同类型之间比较会发生隐式转换最终把数据隐式转换转成类型再比较所以开发中,如果进行准确的比较我们更喜欢 === 或者 !==if语句注意括号的使用。判断两个数的最大值注意:这里的前面的号很有必要,隐式转换成类型。(否则依次输入5,10输出最大结果是,因为是字符串比较)注意:中的数据要原创 2022-06-21 21:30:53 · 138 阅读 · 0 评论 -
js1day(输入输出语法,数据类型,数据类型转换,var和let区别)
js的数据类型是只有程序在运行过程中,根据等号右边的值来确定的。js的两类数据类型:用来判断一个变量是否为非数字的类型,返回true或者false字符串型(String)字符串型可以是引号中的任意文本,其语法为 双引号 “” 和 单引号’'(更推荐单引号)JS 可以用单引号嵌套双引号 ,或者用 双引号嵌套单引号 (外双内单,外单内双)字符串长度(length)通过字符串的 属性可以获取整个字符串的长度。(注意空格算一个字符)字符串拼接字符串 + 任何类型 = 拼接之后的新字符串.....原创 2022-06-19 20:34:58 · 171 阅读 · 0 评论 -
vscode下载配置
打算开始用电脑玩玩js,感觉用sublime不是很好,就下载了别人推荐的vscode,下载安装就一步步的直接安装就好了,主要在于之后各种插件的install.下载auto.js验证是否成功安装:按 Ctrl+Shift+P 或点击"查看"->"命令面板"可调出命令面板,输入 Auto.js 可以看到几个命令,移动光标到命令Auto.js: Start Server,按回车键执行该命令。此时VS Code会在右下角显示"Auto.js server running",即开启服务成功。连接手机将原创 2021-01-01 21:34:29 · 183 阅读 · 0 评论 -
javascript初涉
一,坐标操作手机1,click(x,y):点击功能。其中x:点的横坐标, y:点的纵坐标.如何获得你要点击的点的横坐标与纵坐标?首先打开:手机-设置-开发者选项-指针位置,这时,你手点击在屏幕上时,最上面一排,都会显示出,你点击的位置的坐标。这个坐标是已手机左上角为坐标系原点,一直延伸像右下角,大小等于你手机分辨率的一个坐标系。2,sleep(t):暂停t时间段,t改成需要暂停运行的毫秒数,1秒=1000毫秒 ,数字是整数,如果你写的不是整数,程序会自动四舍五入凑整数。sleep(1000)=暂原创 2021-01-01 00:17:06 · 187 阅读 · 0 评论