![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
随笔记
蜗牛前端攻城狮
虽然很慢,但是一直前行~
展开
-
随笔记:Vue之对象响应式的简单实现
找到自己的生活、工作、学习的方式😁。原创 2023-02-28 17:52:20 · 337 阅读 · 1 评论 -
随笔记:计算机基础及进制计数法
记录一下最近接触的基本的概念,便于想看的时候随时来翻看一下。还是比较重要滴,还是比较重要滴,还是比较重要滴现代计算机是用和来表示的,原创 2022-11-17 15:59:50 · 315 阅读 · 0 评论 -
随笔记:同步、异步和微任务、宏任务的打印顺序
同步异步,微任务宏任务原创 2022-07-18 23:32:29 · 238 阅读 · 0 评论 -
随笔记:重新认识 else if
重新认识else if认识后else if 不是JavaScript这门语言的标准语法,而是社区朋友们根据标准语法自己发明的写法原因:if 或者 else 后面如果只有一行语句的话,是可以省略花括号的(不推荐这样写 ⚠️ )非简写模式...原创 2022-06-23 12:00:51 · 243 阅读 · 0 评论 -
五一假期:记录一次微信小程序开发流程
记录一次微信小程序开发流程一眨眼就到了2022年的五月一假期了,时光过的是有点快。希望疫情抓紧结束吧,我想过上正常的生活。这几天趁着月底没事,正好有个微信小程序项目,那就拿来练练手吧,好久不写了,刚开始着实有点手生。XXXX微信小程序开发工具:HBuilderX :官网下载地址:https://www.dcloud.io/微信开发者工具:微信公众平台下载地址:https://mp.weixin.qq.com/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直原创 2022-05-17 20:43:14 · 239 阅读 · 0 评论 -
随笔记:获取当前页面有多少种类的标签
随笔记:获取当前页面有多少种类的标签实现思路首先,获取当前页面的所有标签使用 document.getElementByTagName(“*”) — HTMLCollection 实时的或使用 document.querySelectorAll(“*”) — NodeList 快照更多差异学习,参考 🔴 红宝书 📖上面获取的结果都是类数组将类数组转换为数组扩展运算符 … 最简单方便的方法es6 Array.from()slice循环–2.0版本 vue.原创 2022-05-13 10:43:31 · 379 阅读 · 0 评论 -
随笔记:HTML5之拖放
随笔记:HTML5之拖放学习一下HTML5 拖放知识 — 2022年3月2号drag 释义:拖 拽drop 释义:投 丢拖放是 HTML5 标准的组成部分:任何元素都是可拖放的。拖放过程中会触发的事件在拖动目标上触发事件(源元素):ondragstart - 用户开始拖动元素时触发ondrag - 元素正在拖动时触发ondragend- 用户完成元素拖动后触发释放目标时触发的事件:ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件on原创 2022-03-02 16:48:18 · 95 阅读 · 0 评论 -
随笔记:达夫设备(Duff‘s Device)学习
随笔记:达夫设备(Duff’s Device)学习今天是2022年1月9号星期日,从郑州回来杭州的第六天,已经在集中隔离点的第五天。怎么说呢,既倒霉又幸运!今天在看《高性能JavaScript》一书,学习到了关于“达夫设备”的知识,记录一下吧!达夫设备(Duff’s Device)定义:是一种用来限制循环迭代次数的模式。示例 <script> var items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];原创 2022-01-09 22:12:05 · 491 阅读 · 0 评论 -
随笔记:Document对象之wtire() 方法---重新认识一下
随笔记:重新认识document.write()新的一周????,元气满满????!今天早上撸犀牛书,看到了关于document.write()的详细解释,虽然现在不太使用了,也重新补习一下吧,万一哪次被面试官问到。Code function clickcb(){ console.log('click事件'); document.write('此时处于方法中的document.write()方法 会重绘页面') }原创 2021-12-06 09:20:03 · 178 阅读 · 0 评论 -
随笔记:提取url的查询字符串中的参数(queryString)
随笔记:提取url的查询字符串中的参数(queryString)简述???? :又到了一周一次的周五:happy: 了,十二月的第一个周末马上就要来临了,杭州????这里的天气还是冷!好怀念有暖气的宿舍????。Code提取url的搜索字符串中的参数function urlArgs(queryString){ var args = {}; // var query = location.search.substring(1);//获取当前路原创 2021-12-03 08:57:05 · 845 阅读 · 0 评论 -
随笔记:HTML中 <a> 标签的使用小妙招
随笔记:标签的小妙招2021年最后一个月份????的第一天,早早的给自己???? 打个气 !!一日之计在于晨☀。早上在撸犀牛????书,看到 a 标签还有这么多的小妙招,抓紧记录一下!a标签的定义和用法a 标签定义超链接,用于从一张页面链接到另一张页面。a 元素最重要的属性是 href 属性,它指示链接的目标。今天早上捣鼓的示例<a href="JavaScript:new Date().toLocaleTimeString();"> 点我显示时间,原创 2021-12-01 09:15:09 · 231 阅读 · 0 评论 -
随笔记:实现HTML页面局部滚动及自定义滚动条样式
随笔记:实现HTML页面局部滚动及自定义滚动条样式简述 ???? :今天coding???? ,leader说:“把这个页面的左右两边改成局部滚动”,????那就开干吧。忽然发现,我有点忘了,晚上???? 下了班,那就总结???? 一下吧,加深点记忆???? ,方便下次干活上图 ????Code ✍️<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-11-29 22:15:37 · 3364 阅读 · 1 评论 -
随笔记:模拟Array. isArray() 方法
模拟Array. isArray() 方法Array.isArray()该方法用于确定传递的值是否是一个Array, ES5新增的数组判断方法语法Array.isArray(obj)isArray实现代码let isArray = function(obj){ return obj && typeof obj === 'object'&& typeof obj.length ==='nu原创 2021-11-26 09:03:24 · 122 阅读 · 0 评论 -
随笔记:简单 模拟实现一个Map函数
随笔记:简单 模拟实现一个Map函数map单词释义:映射作用map()方法使用为每个数组元素调用函数的结果创建新数组。map() 方法按顺序为数组中的每个元素调用一次提供的函数。map() 对没有值的数组元素不执行函数。map() 不会改变原始数组。代码实现自定义map函数:arrayMaplet arrayMap = function (ary,callback) { let i = 0, length = ary.lengt原创 2021-11-25 09:27:52 · 704 阅读 · 0 评论 -
随笔记:《复习 》for循环 使用详情
随笔记:《复习 》for循环 详细for循环是在希望创建循环时会用到的工具语法如下:for (语句 1; 语句 2; 语句 3){ 被执行的代码块}语句 1 (代码块)开始前执行语句 2 定义运行循环(代码块)的条件语句 3 在循环(代码块)已被执行之后执行语句 1 (Statement 1)通常我们会使用语句 1 初始化循环中所用的变量 (var i=0)。语句 1 是可选的,也就是说不使用语句 1 也可以。可以在语句 1 中初始化原创 2021-11-19 09:47:50 · 251 阅读 · 0 评论 -
随笔记:模板模式方法 之 冲泡饮料 案例
随笔记:模板模式方法 之 冲泡饮料 案例代码实现 /* 模板方法模式--冲泡饮料 流程: 1.把水煮沸 2.用沸水冲泡饮料 3.把饮料倒进杯子里 4.加调料 思路:1.共用的方法父类中定义 2.不同的方法,子类中定义原创 2021-11-17 23:03:56 · 87 阅读 · 0 评论 -
随笔记:组合模式例子之 扫描文件夹
随笔记:组合模式例子之 扫描文件夹 // 组合模式的例子--扫描文件夹 // Folder 文件夹 -->构造函数 var Folder = function (name) { this.name = name; this.files = []; }; Folder.prototype.add = function (file) { this.files.push(原创 2021-11-16 23:07:27 · 218 阅读 · 0 评论 -
随笔记:组合模式之 宏命令(macro command)
随笔记:组合模式之 宏命令(macro command)宏(计算机术语) 宏(英语:Macro):是一种批量处理的称谓。 宏就是一些命令组织在一起,作为一个单独命令完成一个特定任务。图示流程代码实现<body> <button id="button"> 按我 </button> <script> // 宏命令(macroCommand) /* 定义原创 2021-11-16 08:53:54 · 787 阅读 · 0 评论 -
随笔记:实现外部迭代器
随笔记:实现外部迭代器迭代器迭代器分为内部迭代器和外部迭代器内部迭代器:迭代器的内部已经定义好了迭代规则,它完全接手整个迭代过程,外部只需要一次初始调用外部迭代器:必须显式地请求迭代下一个元素。外部迭代器增加了一些调用的复杂度,但相对也增强了迭代器的灵活性,我们可以手工控制迭代的过程或者顺序。实现外部迭代器:示例如下【自我理解】:就是自定义出迭代过程中所需要的属性和方法。var Iterator = function(obj){ var cunrr原创 2021-11-14 22:22:54 · 383 阅读 · 0 评论 -
随笔记:代理(proxy)模式之 用高阶函数动态创建代理
用高阶函数动态创建代理计算乘积let mult = function () { var a = 1; for (let i = 0, l = arguments.length; i < 1; i++) { a = a * arguments[i]; } return a; };计算加和let plus = function () {原创 2021-11-14 14:26:17 · 564 阅读 · 0 评论 -
随笔记:模拟类数组(array-like)的方法
模拟类数组(array-like)的方法add方法接收一个待添加到对象的元素作为参数gather方法将元素添加到对象中find方法,用于查找自定义对象中的任意元素【备注】push 方法根据 length 属性来决定从哪里开始插入给定的值。如果 length 不能被转成一个数值,则插入的元素索引为 0,包括 length 不存在时。当 length 不存在时,将会创建它。【总结】这个实例不仅展示了可变函数上下文的能力,而且展示了如何复用已经编写的代码,而且不用重复造轮子许三多:有意义就原创 2021-10-25 21:36:30 · 201 阅读 · 0 评论 -
随笔记:定义setter和getter的三种方式
定义setter和getter方法的三种方式过日子就是问题叠着问题,你唯一能做的,就是迎接这些问题。《士兵突击》原创 2021-10-20 21:56:36 · 157 阅读 · 0 评论 -
随笔记:欧几里得算法求最大公约数 --from wcc
欧几里得算法欧几里得算法(又称辗转相除法)用于计算两个数的最大公约数,被称为世界上最古老的算法。用递归实现欧几里得算法·用循环实现欧几里得算法·计算流程参考如下:·故诟莫大于卑贱,而悲莫甚于穷困。久处卑贱之位,困苦之地,非世而恶利,自托于无为,此非士之情也。–李斯《秦国》翻译:卑贱是人生最大的耻辱,贫穷是人生最大的悲哀。长久处于卑贱的地位,贫穷的境地,反而讥讽富贵,厌恶禄利,以自托于无为来自我安慰和解脱,不过是无能而已,决非志士应有的情怀。...原创 2021-10-14 09:06:16 · 106 阅读 · 0 评论 -
随笔记:在JavaScript应用中使用闭包 --from wcc
在JavaScript应用中使用闭包封装私有变量··通过测试显示,我们可以通过闭包内部的方法获取私有变量的值,但是不能直接访问私有变量。这有效阻止了对变量不可控的修改,这与真实的面向对象语言的私有变量一样。回调函数·处理回调函数是另一种常见的使用闭包的场景。回调函数指的是需要在将来不确定的某一时刻异步调用的函数。通常,在这种回调函数中,我们经常需要频繁地访问外部的数据。··通过闭包能够写出惊人的、简洁直观的代码。·上述实例还说明了一个重要的概念。闭包内的函数不仅可以再闭包创建的原创 2021-10-12 23:01:37 · 85 阅读 · 0 评论 -
随笔记:插入排序 --from wcc
插入排序插入排序( insertion sorting)是一种从序列左端开始依次对数据进行排序的算法。在排序过程中,左侧的数据陆续归位,而右侧留下的就是还未被排序的数据。插入排序的思路就是从右侧的未排序区域内取出一个数据,然后将它插入到已排序区域内合适的位置上。思路:1.默认从 i = 1 开始判断,这样 preIndex 自然是内部循环的游标;2.current 保存 arr[i],通过循环来确定 current 的最终位置;3.每个内循环开始的时候,arr[i] === current ==原创 2021-10-09 09:27:04 · 75 阅读 · 0 评论 -
随笔记:选择排序 --from Wcc
选择排序(Selection Sort)定义:选择排序就是重复“从待排序的数据中寻找最小值,将其与序列最左边的数字进行交换”这一操作的算法。在序列中寻找最小值时使用的是线性查找。解说选择排序使用了线性查找来寻找最小值,因此在第1轮中需要比较n-1个数字,第2轮需要比较n-2个数字……到第n-1轮的时候就只需比较1个数字了。因此,总的比较次数与冒泡排序的相同,都是(n-1)+(n-2)+…+1≈n2/2次。--------大多数人希望自己的生活富有意义。但是生活不在未来。我们越是认为自己有充分原创 2021-09-30 08:35:33 · 65 阅读 · 0 评论 -
随笔记:记忆函数 --from Wcc
记忆定义:一个函数,它可以将上次的计算结果缓存起来。在函数式编程中,这种缓存技巧叫做‘记忆’(memorization)。解说memorize()函数创建了一个新的对象,这个对象被当做缓存(的宿主)并赋值给一个局部变量,因此对于返回的函数来说它是私有存在的(在闭包中)。所返回的函数将它的实参数组(类数组)转换成字符串,并将字符串用做缓存对象的属性名,如果在缓存对象中存在这个值,则直接返回它。否则,就调用既定的函数对实参进行计算,将计算结果和缓存起来并返回。如果你想过好每一年,就要过好一年中的每原创 2021-09-30 00:13:45 · 97 阅读 · 0 评论 -
随笔记:冒泡排序 --from Wcc
冒泡排序(Bubble Sort)冒泡排序就是重复“从序列右边/左边开始比较相邻两个数字的大小,再根据结果交换两个数字的位置”这一操作的算法。在这个过程中,数字会像泡泡一样,慢慢从右往左“浮”到序列的顶端,所以这个算法才被称为“冒泡排序”。解说:在冒泡排序中,第1轮需要比较n-1次,第2轮需要比较n-2次……第n-1轮需要比较1次。因此,总的比较次数为(n-1)+(n-2)+…+1≈n2/2。这个比较次数恒定为该数值,和输入数据的排列顺序无关。奔跑滴蜗牛,虽然很慢,但一直前行……...原创 2021-09-28 08:36:45 · 84 阅读 · 0 评论 -
随笔记:利用闭包实现对象的属性存取器方法getter和setter - from Wcc
利用闭包实现对象的属性存取器的getter和setter方法!每天学一点,快乐一整天!ComeOn!原创 2021-09-26 21:05:06 · 94 阅读 · 0 评论