- 博客(59)
- 收藏
- 关注
RSS订阅原创 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关注的人