Search for History
Clear
2021.06.16
记录
JavaScript
原生JS实现复制指定区域文本内容
很多网站、博客，论坛都会需要复制的功能，js如何实现复制功能呢？比如我的博客，我的博客当时在编写的时候遇到了一个问题，就是代码块复制的问题起初我用的是 Clipboard.js 实现代码块复制，当时也不是太了解而且如果我有多个代码块的话，它不会随着我点击的代码块复制，而是只会复制整个页面出现的第一个代码块最后我判断当鼠标移动到当前代码块上时，给代码块添加一个Clipboard属性(这个是可自...
1.3k
5min
2021.05.06
记录
JavaScript
JavaScript实现图片懒加载的2种方式(监听scroll滚动事件、IntersectionObserver接口)
当有人打开了你的网站，而你的网站恰好需要展示很多高质量、精美的图片、日常图片时一张图片往往都会在500kb-2MB之间，如果有10张图片的话、大约会产生(取中间值1MB)10MB的网络宽带如果没有使用使用图片懒加载的话，用户打开网站的一瞬间，所有的资源需要全部加载完成才能完整的打开网站一个网站打开的速度超过5s的话，大部分人都会立刻关闭该网站其中出现了三个问题在用户没有看到的地方，就一股脑的...
1.1k
4min
2021.05.06
记录
JavaScript
原生JS实现JQuery的$.ajax()方法
记录一下，方便以后ctrl+c v大法/** * 封装ajax请求 * @param {*} obj 请求参数 */ function ajax(obj) { //指定请求方式 默认get请求 obj.type = obj.type || "get"; //设置是否异步，默认为tru...
258
1min
2021.05.05
记录
JavaScript
原生JS实现JQuery的$.getScript()方法
在很多情况下，我们需要使用JQuery库里的$.getScript()方法，载入js后执行指定js方法有时候是不需要直接用<script src="/js/xxxx.js"></script>全部引入js的这样会影响页面的加载速度(因为页面加载完成后有些功能是不需要立刻执行的，而是用户点击、滚动、等其它行为时再加载相应的js文件)，间接的实现js懒...
412
1min
2021.05.04
CSS
JavaScript
使用Css实现与JavaScript相同的丝滑锚点滚动效果
曾经我认为网站的锚点滚动效果都是使用Javscript实现的，如果不用js实现的话就是一瞬间就跳转到了，用户体验较差看了大部分网站都是用js实现的，直到我写了Hexo的Hexo-MengD(萌典)主题后了解到了很多前端更深层的一些知识，我才知道原来这种效果可以使用css实现，甚至只需要一行即可实现，而如果使用的是js实现的话，少则50行代码、多则100+行代码现在就只需要一行css就能实现，...
198
1min
2021.04.26
JavaScript
JavaScript中的insertAdjacentHTML()方法
insertAdjacentHTML()原生js的追加html内容的方法，让你告别Jquery库insertAdjacentHTML()不会重新解析它正在操作的元素，因此它不会破坏元素内现有的元素。这避免了额外的序列化步骤，性能上比直接innerHTML操作更快。insertAdjacentHTML()是插入HTML内容，而innerHTML是替换语法: element.insertAdja...
455
2min
2021.04.26
JavaScript
JavaScript数组通过某个字段进行分组
如下有一组数据，如何根据type字段进行分组[{ "name": "Lete乐特", "avatar": "https://www.lete114.top/img/avatar.png", "link": "https://www.lete114.top", &q...
421
2min
2021.04.26
JavaScript
JavaScript去除数组重复字段
数据如下，现在数据冗余了(太多重复且无用的数据)var type = ["菜鸟","大佬","小白","小白","小白","菜鸟","大佬","大佬","大佬","大佬","大佬&qu...
246
1min
2021.03.16
记录
JavaScript
如何使用JS的localStorage本地存储
简介在HTML5中，新加入了一个localStorage特性，它可以允许前端程序存储5MB的数据(key,value)在浏览器内(可以理解为小型的浏览器数据库)可以打开浏览器的控制台，找到Application，Storage选项，LocalStorage如下图localStorage 的优势localStorage 拓展了 cookie 的 4K 限制。localStorage 会可以将第...
517
2min
2020.12.25
记录
JavaScript
JQuery
JQuery 的click失效，无法触发
前不久用js写评论的时候遇到的问题，当时就觉得很奇怪，自己写的代码没有报错，编译正常浏览器控制台调试，点击了Click也不反应，上网查询了很久也不见得有人提起过(可能是我不会搜索吧)，多次搜索引擎查阅后无果，我只好求助同校学前端的朋友正文问题<button>点击追加div标签</button><div id="zhuijia"><...
320
1min
1
2
3
