
JavaScript
文章平均质量分 62
JS的血脉正在觉醒
#做一个清醒的人
躲进小楼成一统,管他冬夏与春秋
(注:因随着技术经验成长,过去总结的文章会有不足之处,浪费大家时间也很抱歉,若可以还请指正,我会进行修改。)
展开
-
随机生成两位字母
随机生成两位字母。主要用于随机生成的昵称拼接最后两位原创 2024-04-16 11:38:19 · 323 阅读 · 0 评论 -
js的事件冒泡、捕获、委托
事件委托是一种技术,冒泡是事件本身所做的事情,捕获是对不冒泡的事件使用事件委托的一种方法。原创 2024-03-31 18:09:13 · 981 阅读 · 0 评论 -
js Class的概念及其应用场景
含义:类是用来创建对象的模板。JS和其他语言不同,它是没有Class的,它本质就是JS的构造函数封装的语法糖。ES6提供一种更为清晰的方式来遵循面向对象的编程方式。原创 2024-03-31 16:00:49 · 1716 阅读 · 1 评论 -
从输入url到页面展示的过程
唠唠叨:我不想误人子弟,我这篇算是搬运工,加上自己的理解做点总结,所以还请大家科学上网去看这篇:https://aws.amazon.com/cn/blogs/mobile/what-happens-when-you-type-a-url-into-your-browser/原创 2024-03-30 21:54:17 · 1358 阅读 · 0 评论 -
react和vue对比
但是还算是最了解react吧,当初从react class 向 react hooks转型的时候,就是因为我看到来react官网上的一个将class编程和hooks编程的相同功能代码做了对比,而hooks的代码量显然少了将近一半儿,可读性强,维护友好,重用性高。我认为 vue3 更准确的来说,不是严格意义上的hook形式,而是Composition API,除一些生态圈的变化外,vue3与react hooks相比来说,react hooks几乎所有的方法都是基于钩子进行开发的。原创 2024-03-12 16:57:59 · 453 阅读 · 0 评论 -
js实现复制文本图片等功能
实现右击复制页面渲染好的html标签内容,网上看了很多文章都不适用,感觉有些乱七八糟的看不懂,有些文章已经过时了,我本来也是想去用这种方法的:document.execCommand(),但已经废弃了,我还要兼容客户端的,不过这个复制文本不管是剪贴还是复制都差不多类似,所以就灵活运用场景了。(就是文本类型,别被名词劝退了)原创 2023-05-29 20:46:53 · 1079 阅读 · 0 评论 -
js纯手写富文本的@功能
js纯手写富文本的@功能原创 2023-05-29 20:34:51 · 1073 阅读 · 0 评论 -
使用for…in遍历数组的坑
in的遍历顺序是枚举顺序,对于数组而言,规范并没有约束各浏览器的实现。因此即便在一定范围内是按顺序遍历的,也应该尽量不依赖for…此外,因为有稀疏数组的存在,其实JS里的数组不一定是顺序结构存储的。in是用来循环Object的,但是Array也是继承于Object,所以也能使用for…in遍历出属性,但是会出现几个坑。in适合来遍历对象,而遍历数组还是去用forEach,for…细节三:遍历顺序是对象属性的枚举顺序,并不一定按数组的下标顺序遍历。遍历出来的是枚举属性,包括自身属性以及原型链上的属性。原创 2023-04-16 15:56:06 · 476 阅读 · 0 评论 -
for…of的注意点
避免了for in的所有缺点,可以使用break,continue和return,不仅支持数组的遍历,还可以遍历类似数组的对象。of的遍历可以是Array、Map、Set、Arguments。关键_chatList是一个数组,必须的配合entries方法使用。of遍历对象就会报错,所以for…原创 2023-04-16 15:53:07 · 197 阅读 · 0 评论 -
js原型和原型链到底是什么
它出现的目的就是为了实现构造函数中的数据共享,防止资源浪费,所以才会为构造函数设置一个Prototype属性,把所有实例的对象共享为一个prototype对象,prototype好像是实例的原型,而实例对象好像继承了prototype。总结:由于所有的实例对象共享同一个prototype对象,那么从外界看起来,prototype对象就好像是实例对象的原型,而实例对象则好像"继承"了prototype对象一样。一说原型有太多的总结,把我都给劝退了,太多所谓的名词:constructor |原创 2023-03-09 14:20:51 · 414 阅读 · 0 评论 -
docx插件的使用
简介: docx是用于前端自己去渲染word的使用,这是根据项目无法固定word内容,如果有用到这个插件,我的笔记无法达到所需还请去参考官网,再次补充下:我所做的笔记可能会有问题或者不够深入,也希望用此插件的用户进行补充和指导。在此非常感谢!new Document() // 创建一个文档,里面可以设置文档的样式,文档的作者、标题、描述等import { Document} from "docx"所有的样式都是在new Document中创建的import { AlignmentType,原创 2021-03-27 12:04:24 · 4079 阅读 · 3 评论 -
使用blob 实现 js下载word、Excel等文件
我之前有写过一篇就关于vue下载文件的,那个是很好用,但那个是基于我项目中是比较合适的,但实际上,项目中还有一个方法就是使用js中Blob,这个是什么那,其实无论是fetch还是axios都有提供Blob的功能,这个就是把后端返回来的数据文本或者二进制流的数据,转换成字节,返回成一个新的blob对象,再去进行下载。代码示例:this.$api.Business.download({}, res => { // 我这个是下载的word文档,第二个参数会这样写的 cons原创 2021-01-31 11:40:06 · 7177 阅读 · 0 评论 -
关于 js Promise 中如何取到 [[PromiseValue]] 值,SyntaxError: Unexpected token < in JSON at position 0
话不多说,直接上代码:fetch('/api',{ content_type:"application/json", }) // 主要代码 .then(response => response.json()) // 拿值 .then(data => { console.log(data) }) .catch(err => { .原创 2020-07-15 23:29:48 · 1171 阅读 · 0 评论 -
js每隔几秒去请求一下接口
window.setInterval(()=>{setTimeout(fun,0)},3000)注:setInterval不会清除定时器队列,每重复执行1次都会导致定时器叠加,最终卡死你的网页。但是setTimeout是自带清除定时器的。自我理解:我们是在使用setInterval的时候,一般我们会加一个清除定时器:定时器清除的方法:clearTimeout(obj)和clear...原创 2020-03-30 14:18:42 · 7106 阅读 · 0 评论