【小代码】判断是否原生方法

2023-12-03
阅读 1 分钟
353
[链接]文中提到sentry使用fetch的时候会判断是否被覆盖。其实现为: {代码...} 那么,如果把fetch放大到更多原生方法呢? {代码...}

【小代码】前端生成uuid

2023-12-02
阅读 1 分钟
398
刚看到的uuid的生成方法: {代码...} 在想这种写法能保证得出的uuid唯一吗?试下批量生成n个,利用Set看看个数会不会比n小 {代码...} 从100试到1000000,个数没少。但是耗时倒是也跟着个数倍数上升。连电池管理都识别到chrome使用了大量能耗。

【小代码】如何列出Array原型链上的方法

2023-12-01
阅读 1 分钟
270
在掘金看到篇讲数组api的文章,提及数组已经有42种方法,突然想着怎么快的算出Array的方法。于是写了下,也比较简单。在console上跑一下,就能知道浏览器到底支持了哪些API~

编写serverless云函数实践-抓取网页后转发(基于val.town)

2023-06-19
阅读 2 分钟
551
支持动态引入npm包,但调试不大方便,最开始想引用node-fetch来完成fetch,但总是报错,报错信息不明确。后来直接用fetch替代了。

vscode插件编写体验-右键菜单

2022-04-08
阅读 3 分钟
5.8k
首先,我的需求是插件能在编辑器上,当我选择文本时右键有转换的操作按键,可以点击触发将选中的内容进行识别,如果是rgba就换算成hex,如果是hex就换算成rgba

记一下漏斗图-SVG实现

2021-06-09
阅读 2 分钟
4.1k
最近接的需求里有个漏斗图,对比了下图表库的漏斗,长得有点不大一样,虽然一样有漏斗,但是剩余部分看着图表库没法组合实现,于是想想自己简单实现一个。

SVG弧形进度环实现

2020-05-01
阅读 1 分钟
4.9k
最近做的一个页面,有个类进度的圆弧环UI,以前实现过圆环进度条,这次复习了一下,还学习到了一些细节点。 自从用了svg之后,发现其实稍微复杂点的UI,用SVG玩还挺简单的。 我们可以这么分解svg:一个底色的圆弧和一个同线宽的实色圆弧 那么怎么实现圆弧呢?先要了解svg能怎么实现的这个问题,svg的哪些元素能实现? 圆...

记一次截图+拼图的前端实现

2020-04-19
阅读 5 分钟
5.2k
缘由:接了一个活动需求,要求页面打开之后,可以长按触发保存图片,并且图片下方需要带上图和二维码的内容,以方便图片分享到朋友圈后可以长按识别二维码打开页面。(有时候纯分享页面链接到朋友圈,好友未必会点进去,图片的分享方式比点链接高一些吧~)

实践笔记:js解析剪切板里的excel内容

2020-02-22
阅读 2 分钟
8.1k
这次记录的是昨晚一个想法:把excel内容复制到剪切板并转成自己想要的json格式,核心是要把excel内容转json,这部分主要看excel的格式和json如何业务的映射,不展开。倒是通过实践,收获了剪切板的一些知识点。

简易switch开关【css】

2020-02-12
阅读 2 分钟
3.1k
今天在用el-switch的时候遇到点小问题,然后想着自己写一个css的吧。 其实写过不知几回了,纯当记录一下。 结合switch开关的样子,其实用css实现挺简单的。 原理: 相邻兄弟选择器+伪类选择器的作用 chebox和label 先分两个步骤: 一、先画外观 如果只是单纯画一个开和一个关: {代码...} 那只要每一个只需要:一个椭圆...

日志文件中提取json--开发小记

2020-01-14
阅读 3 分钟
4.8k
之前交接过来的工作里有个页面本地调试麻烦,因为它的数据是后端实时上报而来,每次一报bug,都是给一个几兆的日志文本(上面记录了实际出问题的上报数据【json格式】),通过肉眼分析日志搭配页面逻辑人工解读,太难了……后面在页面加了mock的逻辑,但遇到一个问题,就是把日志中的数据配置到mock接口那边

element-ui tree懒加载时获取节点DOM

2020-01-03
阅读 2 分钟
6.4k
tree提供的方法貌似没有可以直接获取节点DOM,或者点击勾选节点响应函数参数node其实只是传入data的数据对象,拿不到DOM,得想想法子来获取之

实践nightmare-简单分析sf的小数据

2017-07-13
阅读 4 分钟
3.2k
在sf里我回答完一个问题,总有一个优先操作,那就是取消关注问题,因为当你回答完一个问题,系统默认你关注了这个问题。这对于有点强迫症的我来说,是一种困扰,因为这样,别人回答了这个问题,系统就会提醒你一次,当一个问题变得热门,很多人来回答的时候,这诸多提醒通知就让人太尴尬了。在sf里,我主张的关注,是自...

分析chrome扩展程序-Holmes

2017-06-22
阅读 9 分钟
4.8k
前阵子在微博看到关于chrome书签搜索的扩展程序Holmes,于是使用了一下,确实还不错,尤其书签多很多的情况下,有个搜索功能 ,比定时做书签分类等等方便得多很多。看着扩展程序功能简单,感觉实现应该不难,于是我就试着查看一下扩展程序源码,也可以顺便进一步了解chrome扩展程序的实现方法和操作api。

vue实现旋转木马轮播

2017-04-06
阅读 3 分钟
13.6k
同事拿到个设计稿,是旋转木马的轮播效果,于是网上找了一下,发现了jquery实现的效果,一有空就看看源码,研究其实现原理,想着用vue的数据驱动方式来实现一个,但这个效果跟以往做的demo效果不同,每次思考实现都被卡住了。拖延了好些日子,后来脑子一转,居然想到方案了,于是动手实现了下。

回顾我的2016

2016-12-26
阅读 2 分钟
4.1k
毕业四年+,转前端2年…… 2016收获不多,闲得发慌~ 工作上,随着react、vue、angular的飞跃前进,而我的工作,还在传统开发模式上用着旧旧的jquery~ 这一年没那么忙,闲暇的时间用来看书和学习了。 关于看书 总算把《图解http》看了一遍,书薄内容简单,对基本http协议能过一遍基础知识~只是在平时的切图前端开发中,往往...

画个月食css

2014-10-22
阅读 3 分钟
4.8k
css3的animation是个好东西,之前应景的七夕表白爱心图。(都是中午午休时候的突发奇想。) 想想,应该在很多应节场合用css玩点有意思的。 突然想到上次的月食,那就玩玩。 看了一个div的炫技网站. 画个月亮嘛,还是尝试用一个div来实现,主div做背景黑夜,before做月亮,after做挡住月亮的黑影。 用position控制位置,用an...

简单css --七夕了,你还不去表白

2014-08-01
阅读 1 分钟
7.9k
听说明天七夕了(我什么都不知道,牛郎都跟他家牛在一起了)。 单身狗表示。。。写代码吧。 {代码...} 前一段时间看过用css花爱心的,吃完饭我也做一下尝试。 一个div,一个伪类,旋转合体~ 效果图:效果链接>> 好嘞,找人表白去~

JSRobot闯关小攻略

2014-07-19
阅读 2 分钟
3.5k
无意间打开了 JSRobot. 闯关,我喜欢,于是开始了jsrobot的闯关之旅。其实就13关。 关卡都是以setInterval()定时器来执行操作,所以主要模式就是给定时器具体执行内容. 第0关 入门篇,在一个漆黑的夜晚,哦,不,是界面,走到f处就算结束。 那就 R.right();运行,走好不送了。 第1关 神马?不走直线了? 行呗。斜着走。R...