2020年11月8日

原生js实现TodoMVC

摘要: 原生js实现TodoMVC 先用html和css写好页面的基本结构样式,代码如下, index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel= 阅读全文

posted @ 2020-11-08 12:37 尘光 阅读(554) 评论(0) 推荐(0)

2020年11月1日

实现瀑布流布局

摘要: 瀑布流布局 原生js实现瀑布流 实现思路: 父元素设置相对定位,子元素设置绝对定位 先根据想要的列数,设置top和left,定位好第一行的元素 这时候每一列都有了高度,将每一列的高度保存到一个数组中 定位剩余元素的时候,设置top和left,每次将元素定位到高度最小的那列 假设现在列数是4,根据列数 阅读全文

posted @ 2020-11-01 12:04 尘光 阅读(223) 评论(0) 推荐(0)

2020年10月28日

根据H标签自动生成导航目录

摘要: 根据H标签自动生成导航目录 提取页面中的H标签自动生成目录,并且能够实现锚点定位 假设页面的部分内容如下,同时为了展现出锚点定位的效果,给包含内容的div元素设置一定高度 <div id="menu">menu</div> <div id="wrap"> <h2>header1</h2> <div> 阅读全文

posted @ 2020-10-28 18:39 尘光 阅读(1091) 评论(0) 推荐(0)

2020年10月23日

回文链表-leetcode(234)

摘要: 回文链表 回文链表-LeetCode(234) 请判断一个链表是否为回文链表 方法一 链表的值转换到数组中 将数组均分成俩个小数组 逆序其中一个数组,然后比较俩个数组对应下标的值是否相同 var isPalindrome = function(head) { var arr = [] while ( 阅读全文

posted @ 2020-10-23 17:07 尘光 阅读(94) 评论(0) 推荐(0)

2020年10月21日

长按键入-leetcode(925)

摘要: 长按键入 LeetCode-长按键入(925) 你的朋友正在使用键盘输入他的名字 name。偶尔,在键入字符 c 时,按键可能会被长按,而字符可能被输入 1 次或多次。 你将会检查键盘输入的字符 typed。如果它对应的可能是你的朋友的名字(其中一些字符可能被长按),那么就返回 True。 示例 1 阅读全文

posted @ 2020-10-21 20:34 尘光 阅读(136) 评论(0) 推荐(0)

2020年10月20日

重排链表-leetcode(143)

摘要: 重排链表 LeetCode-重排链表(143) 给定一个单链表 L:L0→L1→…→Ln-1→Ln ,将其重新排列后变为: L0→Ln→L1→Ln-1→L2→Ln-2→… 要求进行节点交换 解题思路: 将所有节点存入栈中 依次出栈,从尾节点开始交错插入链表中 到达链表的中间结束 var reorde 阅读全文

posted @ 2020-10-20 16:26 尘光 阅读(93) 评论(0) 推荐(0)

2020年10月7日

http缓存

摘要: http缓存 http缓存分为强缓存和协商缓存 强缓存:在访问某个资源时,浏览器中有它的缓存副本,且该副本有效,那么浏览器可以直接从缓存中获取资源,不用在向服务器发起请求 协商缓存:在访问某个资源时,浏览器中有它的缓存副本,但是该缓存已经失效,那么浏览器就需要向服务器发起http请求,询问缓存是否可 阅读全文

posted @ 2020-10-07 15:25 尘光 阅读(261) 评论(0) 推荐(0)

2020年9月30日

cors跨域

摘要: cors跨域 cors(Cross-Origin Resource Sharing),跨域资源共享 基于安全的考虑浏览器实施了同源策略,但是由于跨域访问资源的不可避免,w3c又指定了cors标准来实现跨域资源的访问 cors通信过程中浏览器会自动完成,若请求是跨域的,浏览器会自动在请求头中添加一些字 阅读全文

posted @ 2020-09-30 17:09 尘光 阅读(329) 评论(0) 推荐(0)

2020年9月8日

防抖和节流

摘要: 防抖和节流产生的原因 在用户进行操作时,可能会频繁的触发某些事件,因为回调函数的数量过多而处理不及,导致页面的卡顿、性能下降 这时就可以根据自己的需求,来选择用防抖或者节流来控制回调函数触发的频率,从而达到想要的效果 防抖(debounce) 触发了某个事件,会在n秒之后处理对应的回调函数,若在n秒 阅读全文

posted @ 2020-09-08 14:48 尘光 阅读(196) 评论(0) 推荐(1)

2020年8月24日

JavaScript实现继承

摘要: JavaScript原型和原型链 每个函数都有prototype属性指向它们的原型对象(存在一些特殊情况,例如Function的原型对象是一个函数但是没有prototype属性) 每个对象都有__proto__属性指向它们构造函数的原型对象(存在一些特殊情况,例如Object.create(null 阅读全文

posted @ 2020-08-24 16:42 尘光 阅读(144) 评论(0) 推荐(0)

导航