- 博客(59)
- 收藏
- 关注
原创 javascript 模板引擎
是基于JavaScript框架的jquery 插件,用来快速渲染数据。1、JSON 是 JavaScript Object Notation 的缩写,是一种轻量级的数据交换格式。2、它是一种数据格式,且是通用的数据格式,它不属于任何编程语言,但可以在不同编程语言(js,php , c , python等)中进行解析和生成。即是一种通用的数据格式。3、它是随ajax 诞生的一种数据交换格式。
2023-07-28 15:15:28
413
原创 jQuery的DOM操作之笔记总结
首先我们来介绍一下什么是DOM1.DOM全称Document Object Model(文档对象模型)。2.每个文档都是一棵DOM结构的树,文档里的很多元素,就像树上的很多节点,或是分叉的树枝,我们可以通过jQuery对任意的节点进行操作,并且可以控制它的样式和属性。内容结构:1. 节点操作 2. CSS样式操作 3. 属性操作 4.内容和值操作5. Dom遍历1. 节点操查找、创建、插入、删除、复制、替换、包裹、属性、清空节点。
2023-07-25 19:11:45
323
原创 jQuery选择器之总结笔记
语法规范:$("第一个元素:first")$("最后一个元素:last")语法规范:$("第一个元素:first")$("最后一个元素:last")
2023-07-20 15:19:01
371
原创 JS BOM和DOM对象的尺寸
另外:我们这里所说的是指 HTML 控件的属性值,并不是 document.body,document.body 的值在不同浏览器中有不同解释(实际上大多数环境是由于对 document.body 解释不同造成的,并不是由于对 offset 解释不同造成的)。指“提交”按钮距“tool”层上边框的距离,因为距其上边最近的是 “tool” 层的上边框。指“提交”按钮距“tool”层左边框的距离,因为距其左边最近的是 “tool” 层的左边框。设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
2023-06-19 10:22:08
263
原创 Javascript事件: 1事件源 2事件 3事件程序
这段代码的效果为: 使用"Ctrl+Del"组合键可清除上面的文本框的内容。shiftKey属性为true表示事件发生时Shift键被按下并保持,为false则Shift键没有按下。ctrlKey属性为true表示事件发生时Ctrl键被按下并保持,为false则Ctrl键没有按下。altKey属性为true表示事件发生时Alt键被按下并保持,为false则Alt键没有按下。这段代码的效果为:按住"Shift"键并用鼠标点击上面的色块,可改变色块颜色。三 事件处理程序(事件发生后的处理程序)(略)。
2023-06-06 08:58:35
275
原创 Git版本控制
相比较 GitHub ,GitLab 让开发团队对他们的代码仓库拥有更多的控制,比如:可以设置获取到团队整体的改进进度,设置资源权限等所以,从代码的私有性上来看,GitLab 是一个更好的选择。但是对于开源项目而言,GitHub 依然是代码托管的首选。而对于Gitee ,因为无私服,即不能保证代码的安全性,一般不用。
2023-06-01 11:37:33
1782
原创 Less和sass安装及使用
1. 什么是Lessless,sass,stylus 都属于css预处理器,基本思想是用一种专门的编程语言,为CSS增加一些编程的特性,如:变量、语句、函数、继承等概念。将CSS 作为目标生成文件,开发者只需要使用这种语言进行CSS 编码工作。使用原因:css中 书写很多重复的选择器,导致了我们在工作中无端增加了许多工作量使用CSS预处理器,提供 CSS 缺失的样式层复用机制、减少冗余代码,提高样式代码的可维护性。大大提高了我们的开发效率。2. less 官方网站官方网站中文网。
2023-05-18 09:38:46
1327
原创 数组操作常用操作实例
/ 创建了一个空的对象,存储字符串中的每个字符。属性:每个字符,属性值:该字符出现的次数。console.log('最多的字符是' + ch + ',次数为' + max);// 如果已经存在,那么次数+1;// obj[chars]属性值:该字符出现的次数。// obj[k]代表属性值:该字符出现的次数。// 输出对象obj,显示每个字符出现的次数。// chars代表字符串的每一个字符。// 2.遍历对象,找出最大的次数。// 将次数最多的字符赋值到ch。// k代表属性:每个字符。
2023-05-08 14:47:18
333
原创 Js数组常用方法
/按照字符编码的顺序进行排序 1,11,2,22,3,33,4,5。//splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,...//从数组a的第2项(对应元素:3)开始,删除2项(3,4),并从该位置起插入6,7,8。//slice(start,end):返回从原数组中指定开始下标到结束下标(不包含该元素)之间的项组成的新数组。//push:将参数添加到原数组的末尾,并返回数组的【长度】
2023-05-08 13:38:15
339
原创 js Array 对象
当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。返回新创建并被初始化了的数组。
2023-05-06 15:24:36
675
原创 【无标题】
你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:Ctrl/Command + S
2023-04-20 19:51:42
341
原创 js闭包处理
所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。原因就在于f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。但是,前面已经说过了,正常情况下,这是办不到的,只有通过变通方法才能实现。
2023-04-10 18:53:59
840
原创 JavaScript函数
传入的参数比定义的少也没有问题,此时函数abs(x)接收的,调用abs()的参数可以看作是undefined,计算结果为NaN。由于JavaScript允许传入任意个参数而不影响调用,因此传入的参数比定义的参数多也没问题,虽函数内部并不需要这些参数。只在函数内部起作用,并且永远指向当前函数的调用者传入的所有参数。arguments类似Array但它不是一个Array。
2023-04-10 16:07:46
291
原创 js中的this指向
/所谓构造函数,就是通过这个函数生成一个新对象(object)。这时,this就指这个新对象。this作为js语言的一个关键字,表示函数运行时自动生成的一个内部对象,只能在函数内部使用。//apply的参数为空时,默认调用全局对象。若有值,this指向该对象。//函数还可以作为某个对象的方法调用,这时this就指这个上级对象。//为了证明this就是全局对象,对代码做一些改变。//为了证明this不是全局对象,对代码做一些改变。1.函数在被直接调用的时候,其中的。情况2:作为对象方法调用。
2023-04-10 16:05:20
304
原创 VUE的10个常用指令
组件及其所有的子节点将被视为静态内容并跳过。指令用于更新标签包含的文本,它的作用跟双大括号的效果一样。只当事件是从侦听器绑定的元素本身触发时才触发回调。用在自定义元素组件上时,也可以监听子组件触发的。不被当作普通的字符串渲染出来,就得用。的标签,直接被一行注释代替了,并没有。只当事件是从特定键触发时才触发回调。的标签,成功渲染出来,而设置为。监听组件根元素的原生事件。只当点击鼠标左键时触发。只当点击鼠标右键时触发。只当点击鼠标中键时触发。只有一个会被渲染出来。对象的选项列表进行渲染。是数组元素迭代的别名。
2022-11-24 18:15:17
2697
原创 VUE 的生命周期
函数,在这里可以在渲染前倒数第二次更改数据的机会,不会触发其他的钩子函数,一般可以在这里做初始数据的获取。,在这里可以在渲染前最后一次更改数据的机会,不会触发其他的钩子函数,一般可以在这里做初始数据的获取。//以下两个在控制台并不能被打印出来,执行完 vm.$destroy()即可以打印。//以下两个在控制台并不能被打印出来,执行完 vm.$destroy()即可以打印。钩子函数,这个时候,数据还没有挂载呢,只是一个空壳,无法访问到数据和真实的 dom。接下来开始找实例或者组件对应的模板,编译模板为虚拟。
2022-11-21 14:58:31
560
原创 VUE 四个常用选项
过滤就是一个数据经过了这个过滤之后出来另一样东西,可以从中取得你想要的,或者给那个数据添加点什么装饰,那么过滤器则是过滤的工具。放生变化时,才会重新执行,否则会使用缓存中的值,而methods 是每次进入页面都要执行的,有些需要每次进入页面都执行的方法,需要使用methods,而。该方法会改变原来的数组,而不会创建新的数组。此函数可以将数组倒序排列。相关的属性会一直驻留内存,可以多次进入页面调用而不需要重新加载。当需要数据在异步变化或者开销较大时,执行更新,使用。的依赖则是单个的,它每次只可以对一个变量。
2022-11-21 11:12:22
346
原创 VUE 入门简介
现在有一个功能:用户填入姓名,年龄,选择最喜欢的颜色,然后点击确定按钮提交。-- 开发环境版本,包含了有帮助的命令行警告 -->-- 生产环境版本,优化了尺寸和速度 -->{ text: '学习 Vue' },把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。现在你看到我了。:数据改变驱动了视图的自动更新,传统的做法你得手动改变。数据可以驱动视图,视图也可以驱动数据。将和数据保持同步,每当变更了数据,DOM。为了让用户和你的应用进行交互,我们可以用。
2022-11-21 10:58:59
87
原创 ES2018 数字变化、Math 新增、正则应用
安全整数: -(2^53-1) 到 (2^53-1), 包含-(2^53-1) 和(2^53-1)欢迎)-\k-\1$/;Number.isInteger(a) 判断数字是不是整数 √。欢迎)-\k$/;Math.sign(-5) 判断一个数到底是正数、负数、0。Number.isFinite(a) 判断是不是数字 √。3.\k: \k//全局、不分大小写、换行、匹配一切。fn() //这样调用就是普通函数。
2022-11-15 09:25:41
109
原创 关于set与map
1.链式操作:let setArr = new Set().add('a').add('b').add('c');new WeakSet({})存储 json,这种写法官方正在商榷,后续有可以保留,也有可能删。a). for(let item of setArr){ //默认是 values()具有的方法有:has()、set()、delete()没有 size、clear()setArr.has('a') 判断 setArr 里面有没有此值。
2022-11-14 09:19:13
50
原创 ES6 中的类
class 里面取值函数(getter), 存值函数(setter),封装框架时用的,eg:10。//console.log(`构造函数执行了, ${name}, ${age}`);构造函数的 prototype 属性,在 ES6 的“类”上面继续存在。console.log(`构造函数执行了, ${name}, ${age}`);2.静态方法: 所有在类中定义的方法,都会被实例继承。3.函数表达式:与函数一样,类也可以使用表达式的形式定义。return `名字为: ${this.name}`;
2022-11-14 09:13:48
87
原创 Promise
pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传。从语法上说,Promise 是一个对象,从它可以获取异步操作的消。必须确保,所有的 promise 对象,都是 resolve 状态,都是成功状态。将现有的东西,转成一个 promise 对象,reject 状态,失败状态。函数的作用是,将 Promise 对象的状态从“未完成”变为“失败”(即从。函数的作用是,将 Promise 对象的状态从“未完成”变为。将现有的东西,转成一个 promise 对象,
2022-11-07 16:09:05
69
原创 ES6 数组循环
用来过滤一些不合格的元素,如果回调函数返回的是 true,那么自然会被留下来,为 false 的就会被过滤掉。map 方法一般会用在整理数据结构上,在数据交互的时候,根据需求我们需要改一些前端部分需要的数据。{title: '为排行暴走万步', read: 404512, hot: false},{title: '李荣浩庆生杨丞琳', read: 444512, hot: true},{aaa: '为排行暴走万步', bbb: 404512},参数:循环里面执行的回调函数,循环调用执行的语句 (略)
2022-11-03 15:26:12
129
原创 es6中的箭头函数
因为所有的内层函数都是箭头函数,setTimeout 的参数是一个箭头函数,这个箭头函数的定义生效是在 foo 函数生成时,而它的真正执行要等到。箭头函数可以让 setTimeout 里面的 this,绑定定义时所在的作用域,而不是指向运行时所在的作用域。this 指向的固定化,并不是因为箭头函数内部有绑定 this 的机制,实际原因是箭头函数根本没有自己的。(1)函数体内的 this 对象,就是定义时所在的对象,而不是使用时所在的对象。this 对象的指向是可变的,但是在箭头函数中,它是固定的。
2022-11-03 08:47:27
180
原创 ES 字符串模板
/模板字符串写成了一个函数的返回值。例如: let greeting = `\`Yo\` World!它们返回的都是新字符串,不会修改原始字符串。如果大括号中的值不是字符串,将按照一般的规则转为字符串。返回布尔值,表示参数字符串是否在原字符串的头部。用来定义多行字符串,或者在字符串中嵌入变量。返回布尔值,表示参数字符串是否在原字符串的尾部。如果模板字符串中的变量没有声明,将报错。:返回布尔值,表示是否找到了参数字符串。方法返回一个新字符串,表示将原字符串重复。// 字符串中嵌入变量。
2022-10-28 16:03:03
813
原创 jQuery 与 Ajax
可以在不重新加载整个网页的情况下,对网页的某部分进行更新。可以在不重新加载整个网页的情况下,对网页的某部分进行更新。简单说是需要连接数据库的地方,但是连接数据库传输的信息量很少,用不着刷新整个页面,这。简单说是需要连接数据库的地方,但是连接数据库传输的信息量很少,用不着刷新整个页面,这。减轻服务器的负担,按需取数,可以最大程度的减少冗余请求和响应对服务造成的负担。减轻服务器的负担,按需取数,可以最大程度的减少冗余请求和响应对服务造成的负担。种类型的适合用 ajax,避免了属性整个页面带来的资源浪费。
2022-10-28 16:00:20
3850
原创 This指针指向问题
按照上面我们说的那样,this的最终指向的是调用它的对象,这里的函数aa实际上是最终指向的window,而window里面是没有men的,所以第一个是undefined,第二个则是window。这里的this指向的是对象bb,因为你调用这个fn是通过bb.fn()执行的。情况3:如果一个函数中有this,这个函数包含多个对象,尽管这个函数是被最外层的对象所调用,this也只是指向的它上一级的元素。情况2:如果一个函数中有this,这个函数有被上一级的对象所调用,this指向的是就是它上一级的对象。
2022-10-27 11:33:01
72
原创 JS中的this指向
/所谓构造函数,就是通过这个函数生成一个新对象(object)。这时,this就指这个新对象。this作为js语言的一个关键字,表示函数运行时自动生成的一个内部对象,只能在函数内部使用。//apply的参数为空时,默认调用全局对象。若有值,this指向该对象。//函数还可以作为某个对象的方法调用,这时this就指这个上级对象。//为了证明this就是全局对象,对代码做一些改变。//为了证明this不是全局对象,对代码做一些改变。1.函数在被直接调用的时候,其中的。情况2:作为对象方法调用。
2022-10-27 11:31:34
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人