
JS
常用JS案例
曲江涛
www.protaos.com
展开
-
【JS问题】require相对路径引入模块
在ES6及以后版本中,推荐使用const和let来代替var,因为它们提供了块级作用域,可以减少很多由作用域引起的潜在问题。1、使用绝对路径:通过path.resolve和__dirname组合使用,构造了绝对路径,这样即使文件位置发生变化,也可以确保模块被正确加载。使用绝对路径:考虑使用Node.js的path模块或使用__dirname来构造绝对路径,这样可以避免因文件位置变动导致的路径错误问题。改善变量命名:使用更具描述性的变量名,例如paramService,这样可以提高代码的可读性。原创 2024-06-26 09:56:46 · 674 阅读 · 0 评论 -
给Fetch添加超时功能
通过给Fetch请求添加超时功能,我们可以有效地提高程序的稳定性和用户体验。使用Promise.race和async/await的组合,可以使代码清晰、简洁,并且更容易处理错误。然而,需要根据具体情况调整超时时间,以确保适用于不同的网络请求场景。原创 2023-11-21 10:06:27 · 1220 阅读 · 0 评论 -
深入探讨AJAX接口进度监控:实现步骤、代码示例与技术原理
通过本文的分析,我们深入了解了如何利用XMLHttpRequest和Fetch API实现AJAX接口进度监控。选择适合项目的方案取决于开发者的需求和浏览器兼容性要求。在实现过程中,需要权衡优劣势,确保在提高用户体验的同时,代码保持清晰和可维护。AJAX接口进度监控是一个强大的工具,能够为现代Web应用带来更好的性能和用户体验。如果您对这个话题有更多疑问或者想要分享您的经验,欢迎通过微信([q3030946125])与我联系。让我们共同努力,确保前端项目在开发和线上环境中都能够如期运行。原创 2023-11-21 10:04:12 · 712 阅读 · 0 评论 -
JS数组排序
JS数组排序 反向排序原创 2023-10-18 14:46:40 · 161 阅读 · 0 评论 -
数组转JSON json对象 json字符串
入参格式JSON对象与JSON字符串的区别入参格式JSON对象与JSON字符串的区别。原创 2022-09-14 19:46:56 · 3214 阅读 · 0 评论 -
JS计算时间戳之间的天数并根据条件反馈时间格式或文本
JS计算时间戳之间的天数并根据条件反馈时间格式或文本原创 2022-04-27 18:07:26 · 560 阅读 · 1 评论 -
JS 身份证号 姓名 正则表达式验证
因项目需要使用身份证号信息补充资料故新增了此需求当然呢 还是需要验证一下子的 毕竟咱还是个正经的前端垃圾佬;既然上代码 咱就得提供一下这个正则表达式了是这么个回事;示例代码直接Copy姓名:使用方法var username = /^[\u4E00-\u9FA5\uf900-\ufa2d·s]{1,10}$/;let name = "audhasiud***";let isTrue = username.test(name)//判断isTrue false无效 true原创 2022-04-20 16:02:21 · 2080 阅读 · 1 评论 -
FTP WinScp
文件传送WinScp地址:https://winscp.net/eng/index.php用法原创 2022-03-26 16:13:29 · 476 阅读 · 0 评论 -
JS数字转大写中文“一,二,三“
JS数字转大学中文"一,二,三"原创 2022-03-23 12:10:03 · 1875 阅读 · 0 评论 -
uniapp监听微信小程序首次进入任意页面携带参数、手把手教学┗|`O′|┛ 嗷~~
项目场景:1、业务需求监听用户从分享的地址进入程序2、用户进入页面不固定,都有可能存在携带参数的情况时候功能分析:1、解决此问题的因素就在于寻找到一个可能在用户进入小程序会话的时候、去解析用户访问小程序的参数信息。2、uniapp小程序,App.vue中的 onShow onLaunch处可以监听用户首次进入程序的参数3、获取参数存储在公共会话内,调用方法使用。监听onShow//APP.VUEonShow(e){console.log(e)}代码示例async onSho原创 2021-10-23 11:13:15 · 2245 阅读 · 2 评论 -
uniapp微信小程序分享、全页面分享、封装JS,手把手教学┗|`O′|┛ 嗷~~
项目场景:1、小程序每个页面都允许分享2、允许更改分享参数功能分析:1、定义分享内容对象数据容器2、定义分享的API方法3、引入 main.js Vue使用 实现步骤:1、封装 share.jsexport default{ data(){ return { //设置默认的分享参数 share:{ title:'分析标题', path:'/pages/***/*原创 2021-10-23 10:50:51 · 1021 阅读 · 0 评论 -
一行半省略号显示
项目场景:1,超出省略;2,超出1.5(或指定行)增加省略号替换文本;功能分析:1,获取文本长度;2,获取视口宽度;3,计算宽度比例,行显示字数;4,超出渲染替换文本; 功能实现:Vue获取文本宽度转载自#蓝色的落叶//获取计算后的font-sizegetComputedStyle(className[0],undefined).getPropertyValue('font-size');<script type="text/javascript">var d原创 2021-09-27 11:20:31 · 311 阅读 · 0 评论 -
前端导入表格时间格式为什么转成数字类型?
项目场景:1,execle导入表格获取日期失败原因分析:1,excel内时间格式若为’2019/09/14’、则导入程序内会转义为整数。解决方案:1,定义计算时间数字的规则 formatDatefunction formatDate(numb, format="-") { let time = new Date((numb - 1) * 24 * 3600000 + 1) time.setYear(time.getFullYear() - 70) let yea原创 2021-09-14 11:30:49 · 861 阅读 · 1 评论 -
前端上传文件限制[宽高,比例,大小]
项目场景:1,上传文件限制功能作用:1,防止前端操作上传异常文件2,限制符合的规则,优化展示模型 功能实现:1,获取file实例2,执行校验规则方法代码如下://大小限制checkFileSize(file, rules) { return new Promise((resolve, reject) => { file.size / 1024 / 1024 > rules ? reject() : resolve() }).then(原创 2021-09-12 09:39:56 · 2110 阅读 · 0 评论 -
如何给字符串加千分符?
代码示例如下var rmb = 123456789.01; var retRmb = rmb.toFixed(2).replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,'); console.log(retRmb);$1、$2、…、$99:与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。$&:与 regexp 相匹配的子串。$`:位于匹配子串左侧的文本。$’:位于匹配子串右侧的文本。$$:直接量符号...原创 2021-03-03 11:54:33 · 278 阅读 · 0 评论