![](https://img-blog.csdnimg.cn/708ee7d670b14c43968e8b4c082fe3f0.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript相关
文章平均质量分 64
JavaScript相关
托尼比卡丘
程序员年二十有六,始从文连考而不中。遂习武练武场上发一矢,中鼓吏逐之出。改学IT自撰一函数,堆栈溢出。
展开
-
【前端自动化】使用 JavaScript 模拟点击事件实现 x, y 坐标点击
x 和 y 坐标代表页面上的一个点的位置,其中 x 代表水平方向,y 代表垂直方向。通过这两个数值,我们可以准确地定位到页面上的某个点,并在这个点上模拟一次点击,就像用户用鼠标点击一样。原创 2024-07-17 11:37:40 · 328 阅读 · 0 评论 -
【javascript】禁止浏览器调试前端页面
前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点,因为 debugger 在控制台被打开的时候就会执行由于程序被 debugger 阻止,所以无法进行断点调试,所以网页的请求也是看不到的。Function 构造器生成的 debugger 会在每一次执行时开启一个临时 js 文件,当然使用的时候,为了更加的安全,最好使用加密后的脚本。由于前端页面会调用很多接口,有些接口会被别人爬虫分析,破解后获取数据,为了杜绝这种情况,最简单的方法就是禁止人家调试自己的前端代码。原创 2023-09-04 10:31:54 · 1245 阅读 · 0 评论 -
【JavaScript】try、catch、finally 使用
在 JavaScript 中,`try`、`catch` 和 `finally` 是处理异常和错误的代码块。`try` 包含可能出现错误的代码块,如果在执行该代码块时发生错误,则 JavaScript 引擎会抛出一个异常。`catch` 用于捕获异常并执行相应的处理,而 `finally` 在 `try` 或者 `catch` 执行完之后,都会执行其中的代码块。`try` 和 `catch` 是成对出现的,可以省略 `finally`。`try` 块中的代码如果发生错误,就立即转到处理程序 `catch`原创 2023-05-29 09:14:43 · 1824 阅读 · 0 评论 -
【JavaScript】1000个判断条件难道要写了1000个 if ? 来看看分支优化
分支优化在各种语言中都有不同的实现方式和应用场景,本篇通过JavaScript介绍了两种代码分支优化的思想,代码的实现非常简单,重点在于这种思想的应用。观点1:压根不需要多此一举去优化它,并且优化后的代码因为多创建了一个对象/数组,对对象/数组进行检索反而比单纯的if else还是废性能。观点2:分支优化后的代码可读性/可维护性更好,并且引入对象/数组所带来的性能问题在当今时代根本不值一提。作者:海底烧烤店。原创 2023-02-17 14:51:27 · 114 阅读 · 0 评论 -
【css】前端根据(html)Dom传参给css
【需求描述】1.需要动态的从后端获取文件进行渲染2. 获取后端域名要求加密解析【解决方案】说白了也就是CSS中的变量使用——var() 函数用于动态改变url这里的this.$getPicture这个是全局获取baseURL的方法。原创 2022-09-29 15:50:46 · 1183 阅读 · 0 评论 -
【vue】高手都是这样使用localstorage的
使用的时候你可以通过 import 按需引入,也可以挂载到全局上使用,一般建议少用全局方式或全局变量,为后来接手项目继续开发维护的人,追查代码留条便捷之路!Storage 本身是不支持过期时间设置的,要支持设置过期时间,可以效仿 Cookie 的做法,setStorage(key,value,expire) 方法,接收三个参数,第三个参数就是设置过期时间的,用相对时间,单位秒,要对所传参数进行类型检查。该代码已进一步完善,需要的可以直接进一步优化,也可以将可优化或可扩展的建议,留言说明,我会进一步迭代的。原创 2022-09-21 13:15:07 · 1175 阅读 · 2 评论 -
【js】获取未来七天日期&判断星期几
获取未来七天的日期和星期几,遍历数组进行渲染,要求从明天开始,不算今天。也不用多解释了,大部分都在代码注释了,望各位灵活变通~代码中days的数据结构如下。原创 2022-09-20 14:03:51 · 1951 阅读 · 2 评论 -
【mock】easy-mock的备胎兄弟fastmock
常用的mock网站,如果说easy-mock 最好的备胎,那么fastmock就是它的孪生兄弟。easy-mock在线前端工具崩了,进不去!这里推荐另一个在线工具 fastmock网址:https://www.fastmock.site/注册就可以使用了可用于前端没有后端程序时建立虚拟接口与数据。。。非常方便!原创 2021-05-27 15:09:43 · 575 阅读 · 0 评论 -
【JavaScript】常用提高效率技巧代码示例
【准备工作】数组是我们最常用的数据结构之一,JS里原生自带的数组方法我们都要学习和了解,有助于提高我们的开发效率。这个小练习适用的地方挺多的,对常见的多维js数组方法应该会对你有所启发【输出】2023/5 添加【示例1】【输出】打印结果:[{materialCode: “code2”, materialPackage: 10}, {materialCode: “code3”, materialPackage: 20}]原创 2022-09-14 09:20:38 · 267 阅读 · 0 评论 -
前端技术实现文件预览(word、excel、pdf、ppt、mp4、图片、文本)
前言因为业务需要,很多文件需要在前端实现预览,今天就来了解一下吧。Demo地址[1]:https://zhuye1993.github.io/file-view/dist/index.html实现方案找了网上的实现方案,效果看起来不错,放在下面的表格里,里面有一些是可以直接通过npm在vue中引入使用。文档格式老的开源组件替代开源组件word(docx)mammothdocx-preview(npm)powerpoint(pptx)pptxjspptxjs改造开发excel(xls...原创 2022-03-31 15:19:03 · 14566 阅读 · 4 评论 -
【JavaScript】告别复杂的框架&处理API常用的技巧
1、“返回”按钮使用 history.back() 可以创建一个浏览器“返回”按钮。2、数字分隔符为了提高数字的可读性,您可以使用下划线作为分隔符:3、事件监听器只运行一次如果你想添加一个事件监听器并且只运行一次,你可以使用 once 选项:4、console.log 变量包装您在 console.log() 的时候,将参数用大括号括起来,这样可以同时看到变量名和变量值。5、从数组中获取最小值/最大值您可以使用 Math.min() 或 Math.max() 结合扩展运算符来查找数组中的最小原创 2022-03-11 09:35:58 · 99 阅读 · 0 评论 -
在js函数有默认参数情况下如何增加自定义参数而不覆盖原本的默认参数
在用一些ui写项目的时候会遇到:函数有默认参数并且需要增加自定义参数而不覆盖原本的默认参数的情况在vant Uploader 文件上传,自定义参数list是传入进来的,方便赋值。file是after-read 文件读取完成后的回调函数所带的默认参数利用return完成默认参数传递的同时,又不覆盖影响其他参数,有点类似event~...原创 2021-11-25 14:55:52 · 2562 阅读 · 1 评论 -
用一行就能做一些了不起的事情
JavaScript 可以做很多好玩的事, 从复杂的框架到处理API,有太多的东西需要学习。但是,它也能只用一行就能做一些了不起的事情。1 . 获得一个随机的布尔值(true/false)该函数使用Math.random()方法返回一个布尔值(true 或者 false)。Math.random创建一个0到1之间的随机数,我们只要检查它是否高于或低于0.5,就有50%机会得到true或false。const randomBoolean = () => Math.random() >= 0原创 2021-08-25 16:22:37 · 92 阅读 · 0 评论