JavaScript
文章平均质量分 53
救护用的垃圾车
这个作者很懒,什么都没留下…
展开
-
JavaScript -异步遍历-Promise.all()
记录比较低级但是却踩了的坑原因是 forEach 是 同步遍历,最后用Promis.all()解决了异步遍历的情况。Promise.all()介绍Promise.all(iterable) 此方法在集合多个 promise 的返回结果时很有用方法返回一个 Promise 实例,此实例在 iterable 参数内所有的 promise 都“完成(resolved)”或参数中不包含 prom...原创 2020-03-11 20:32:05 · 3465 阅读 · 3 评论 -
JavaScript正则踩坑——RegExp.test()和RegExp.lastIndex
RegExp.test()和RegExp.lastIndex首先感谢同学帮助分析问题,最终才找到问题。话不多说,直接上代码说问题第一版代码 const result = parent.filter((child: ITree): boolean =>{ console.log(reg.test(child.name) || reg.test(child.id...原创 2019-10-10 16:35:17 · 951 阅读 · 0 评论 -
js-将已有的文字复制到剪切板
react 项目中涉及到复制功能,逻辑就是用户点击一个复制按钮,将后台拿到的数据放进粘贴板供用户粘贴,感觉用插件还要引入和绑定DOM比较麻烦,就干脆用原生写了,以下为实现方法,注释已经写的比较明白了, 可以直接拿来用: handleCopyDDL = record =>{ // 获取需要复制的文字 const copyStr = record.ddl_str //...原创 2019-07-02 17:48:58 · 3163 阅读 · 1 评论 -
Gojs去除左上角水印方法
react+ant design pro 项目用到了go.js来画数据关系图,npm安装,引入使用。完成看效果,比较难受的是图标左上角会有gojs的声明文字,这领导肯定不愿意啊。好在网上大佬比较多,很快找到解决方法,一张图总结一下比较具体的操作:找到文件 node_module/gojs/release/go.js打开文件,搜索字符串:7eba17a4ca3b1a8346注释掉这个字符串...原创 2019-03-28 10:19:48 · 3363 阅读 · 9 评论 -
js-正则不连续匹配
// 安装依赖npm install sass-loader node-sass vue-style-loader --D原创 2019-02-20 11:40:18 · 2091 阅读 · 2 评论 -
实现“用App打开”功能(从网站跳转到App)
用App打开最近项目中涉及到了这个功能,拿到需求时候让我这个小白一脸懵逼,但是好在看了看博客后还是写出来了:判断当前环境 ,一系列判断;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;全新的 KaTeX数学公式 语法;增加了支持甘特图的mermaid语法1 功能;增加了...原创 2019-02-20 18:55:01 · 2716 阅读 · 0 评论 -
js提交a标签中的href地址
场景:项目中有一个删除是直接用的a标签的href和jinja的url_for+删除操作的路由地址实现删除操作<a href="url_for('admin.area_delete',id=id)" class='btn btn-xs btn-danger'> <i class='btn btn-xs btn-danger'></i></a>...原创 2018-11-08 10:29:32 · 4459 阅读 · 0 评论 -
JavaScript自定义匀速运动框架
最近写到无缝轮播,所以用到了运动框架,就自己写了一个简单的匀速运动框架需求接受对象、对象需要改变的属性值、改变过程使用的时间等参数实现 在一定的时间内,把对象指定的属性,改变对应的变化量(这里是变化量不是目标量),比如使用1s的事件让div的height增加100px匀速:不管改变的值大小,小号的时间要一致思路记录改变对象的初始值记录改变时候的初始时间利用定时器不...原创 2018-08-28 13:46:16 · 668 阅读 · 0 评论 -
JavaScript常见页面效果-无缝轮播
无缝轮播在显示开发中还是比较常见的,基本每个网站都或多或少的用到无缝轮播。 这里写一下之前写的无缝轮播是如何实现的。这个轮播的实现利用了自己写的匀速运动框架,请先看另一篇博客中对匀速运动框架的介绍需求不做任何操作时候,图片自动向左滑动可以进行上一张和下一张操作鼠标悬停在图片上时候停止播放鼠标离开时候从当前的图片继续往后播放点击圆点选项时候能够从当前滑动到对应图片实...原创 2018-08-28 13:30:48 · 1546 阅读 · 0 评论 -
ES6-let&const
使用 let 和 const 声明的变量解决了这种提升问题,因为它们的作用域是到块,而不是函数。之前,当你使用 var 时,变量要么为全局作用域,要么为本地作用域,也就是整个函数作用域。问题描述:js中会遇到变量提升的问题,“提升”就是在函数中声明的变量作用域会被提升到函数顶部。 比如这样: 实际上是:所以结果为:undefined简单示例:func...原创 2018-07-08 13:58:23 · 313 阅读 · 0 评论 -
怎样循序渐进、有效地学习JavaScript(转)
初学一门语言,要秉承一个原则:“能动手的,尽量别吵吵” 你需要一个能够从简到难的知识体系,一步一步跟下来。下面是干货。说明一下这张图,如何有效学习JS,我这里理解为JS原生,所以关于框架、工作流的内容,没有具体展开,有兴趣可以自行搜索。文档资料 a) 红宝书(基础):https://book.douban.com/subject/10546125/ b) 蝴蝶书(进阶):h...转载 2018-06-09 18:38:01 · 739 阅读 · 0 评论