JS学习笔记
文章平均质量分 57
纳尼亚awsl
这个作者很懒,什么都没留下…
展开
-
打印源码封装及调用
可直接将此段代码封装为单独的js文件 ,需要时导入调用。原创 2023-02-15 11:18:33 · 339 阅读 · 0 评论 -
流程图的渲染实现
效果图如下:流程节点类型:1.普通节点2.分支节点难点:1.数据结构定义2.节点有序渲染3.分支节点渲染数据结构:flowNodesMap:节点映射对象;(以节点id为关键字存储节点数据):起始节点Id;(方便从映射对象中找出起始节点数据)节点数据中关键 :nextId:下一节点id(若后面无节点默认值为-1)preId :前一节点id(起始节点默认值为1)原创 2022-12-08 16:43:19 · 486 阅读 · 0 评论 -
element-ui table组件 点击任意行位置触发该行选中
关键方法:toggleRowSelection原创 2022-06-23 16:54:59 · 1284 阅读 · 0 评论 -
element-ui 源码学习 代码规范及实用方法
kebabCase方法:将字符串转换成以 - 链接的字符串const kebabCase = function(str) { const hyphenateRE = /([^-])([A-Z])/g; return str .replace(hyphenateRE, '$1-$2') .replace(hyphenateRE, '$1-$2') .toLowerCase();};ES6 的Object.assign()方法:合并两个对象为一个对象( 这里使....原创 2022-06-16 10:23:23 · 323 阅读 · 0 评论 -
前端:this指向问题,强制改变this指向
this指向问题全局函数中调用thisthis指向window在对象的方法中调用thisthis指向的是调用者事件处理函数中的thisthis指向事件源定时器/计时器中的this‘this指向window强制改变this指向的三种方法 apply() 函数名.apply(this指向对象,[原函数的参数数组])【注意:】apply会让原函数立即执行。apply第二个参数是一个数组 call() 使用格式:函数名.ca...原创 2021-11-18 14:38:48 · 117 阅读 · 0 评论 -
构造函数
什么是构造函数?用new关键字来调用的函数被称为构造函数var arry = new Array();创建对象的方式:new Object(){}工厂函数:加工原料 ,形参 进行原料加工 创建对象,并将传进来的参数赋值给对象 将产品运出 ,return 将创建好的对象返回构造函数:构造函数的命名规范:首字母大写。不要使用create之类的字。执行过程:当以new 关键字调用该函数时,会创建一个新的内存空间 函数内部this指向该内存空间 执行函...原创 2021-10-12 15:56:11 · 247 阅读 · 0 评论 -
闭包详解链接
指的是:有权访问另一个函数作用域中变量的函数。(函数嵌套函数,外 部函数就是闭包函数)作用域:全局变量缺点:(尽可能减少使用)可能造成命名冲突全局变量比较占内存。局部变量:定义在函数内部的变量。闭包的应用:闭包可以延长变量的作用域...原创 2021-10-12 15:51:02 · 47 阅读 · 0 评论 -
深拷贝和浅拷贝简要介绍
只有对象里嵌套对象的情况下,才会根据需求讨论,我们要深拷贝还是浅拷贝,普通非嵌套对象的拷贝无深浅之分浅拷贝 var obj2 = shallowCopy( obj1 , {}) console.log( obj1 !== obj2 ) // true 无论哪种拷贝,obj1和obj2一定都是2个不同的对象(内存空间不同) console.log( obj2.arr === obj1.arr ) // true 他们2个对象里arr的引用,指向【相同的.原创 2021-08-20 11:16:48 · 56 阅读 · 0 评论 -
正则表达式
定义描述字符模式的对象应用1.表单中,对用户输入的信息进行格式的校验。如:用户名,密码,手机号是否符合规范等2.从字符串中获取一部分符合规则的内容创建正则对象的方式1.通过new声明方式 去创建正则对象 new RegExp();参数一:正则表达式的主体,字符串参数二:修饰符 /i: 忽略大小写 /g全局匹配2.通过字面量的方式创建变量 = /正则主体/ 修饰符正则的方法1.test()格式:正则对象.test(字符串)作用:匹配这个字符串是否有符合.原创 2021-07-15 09:17:04 · 53 阅读 · 0 评论 -
JS本地存储加载渲染页面信息、动态更新本地存储数据
本地存储数据加载到页面:从本地存储中获取数据,并由字符串基础类型转换为对象类型(存储至堆内存中) 初始化变量data 为空数组(变量data存储在栈内存中) 将获取的数据赋值给变量data (实质为:将堆内存中的该组数据的存储地址,赋值给到栈内存中的变量data ) 遍历数组data,将数据渲染到html页面中。 将新增数据封装新的JSON对象,添加入数据数组 将数据数组整体更新入本地存储中的关键字对应的关键值<script> // 获取本地存储中的数据 .原创 2021-07-06 11:44:57 · 2432 阅读 · 1 评论 -
JavaScript学习笔记—基础篇(本地存储技术2—localStorage)
目录什么是localStorage?基础使用:特点SessionStorage总结区别:本地存储技术区别共同点:什么是localStorage?【注意:】H5新增,有兼容问题,IE低版本不可使用。为了解决cookie的存储空间(4KB)不足的问题。localStorage 可以存储5M左右。【注意】如果访问一个对象不存在的属性时,返回值是undefined。基础使用:添加:格式:loclStorage.属性名 = 属性值;...原创 2021-07-06 11:50:12 · 249 阅读 · 0 评论 -
JavaScript 学习笔记 —基础篇(7)(Json + 本地存储cookie)
什么是Json ?:Json 字符串:本质上就是一种特殊格式的字符串 主要作用:前后端交互 XML格式:以前做前后端交互,现在主要用于配置项。(Json 诞生就是为了取代繁琐笨重的XML)Json语法数组用[]表示。 对象用{}表示。 对象是有键值对组成。 键:必须在双引号中,不能使用单引号。 值:类型只能有:字符串、数字、布尔值、null、普通对象、数组。 键值对用冒号分隔,多个键值对之间用逗号分割。 数组或对象中的最后一个成员后面不能有逗号。 Json字符串与js对象原创 2021-07-05 09:38:53 · 285 阅读 · 0 评论 -
JavaScript学习笔记——基础篇(6)--事件委托
事件事件三要素:事件源 引发后续事件的元素节点 事件类型 比如:点击事件、鼠标移入事件等 事件处理函数 对该事件发生后的一系列操作事件类型: 鼠标事件 click 左键单击事件 (包括 一次按下 一次抬起) dbclick 左键双击 contextmenu 右击点击事件 mousedown 鼠标按下(包括是左键、右键、滚轮按下) mouseup 鼠标抬起 mousemove 鼠标移动 mouseenter.原创 2021-07-03 08:53:13 · 151 阅读 · 0 评论 -
JavaScript 学习笔记 基础篇5(DOM操作补充及案例)
全选框 <script> var friuts = document.getElementsByClassName("fruit"); var _all = document.getElementsByClassName("all")[0]; _all.onclick = function(){ for(var i=0 ;i<friuts.length;i++){ friuts[i].checked =this.ch.原创 2021-06-30 12:03:19 · 119 阅读 · 0 评论 -
JavaScript 学习笔记 —基础篇(4)(DOM操作汇总)
获取属性值 : domobj.getAttribute(参数)删除属性: domobj.removeAttributr(参数)节点操作:查找结点:父子节点间的查找:domobj.firstChild 查找第一个子节点 domobj.firstElementChild 查找第一个子元素节点 兼容性较差 domobj.lastChild 查找最后一个子节点 domobj.lastElementChild 查找最后一个子元素节点 domobj.chi...原创 2021-06-28 09:02:43 · 116 阅读 · 0 评论 -
JavaScript 学习笔记——基础篇(3)--数组
评分/评论文本2 垃圾烂片一部1 烂片中的烂片,浪费我的世界5 剧情还行,风景也不错5 男主太帅了5 感觉电影不错,特别是女主3 效果太差了,而且演员看着就不舒服5 还可以啊,剧情精彩2 这也太无聊了吧,还不如在家打农药2 和上一季没法比,真是浪费了我的感情5 算是良心作品啊5 感觉电影不错,而且演员选的好...原创 2021-06-18 19:05:58 · 66 阅读 · 0 评论 -
JavaScript 学习笔记 ——基础篇(2)--循环、函数、字符串
循环语句: while循环: do while 循环: for循环原创 2021-06-17 11:36:49 · 114 阅读 · 0 评论 -
JavaScript 学习笔记——基础篇(1) --类型转换、分支循环
类型转化1.typeof (检测数据数据类型)2字符串类型 转换 数值类型 方法:(1)一元运算符转换原创 2021-06-09 19:16:39 · 92 阅读 · 0 评论