其野风的个人主页 - 动态

关注了

前端开发 @ test-testzz

赞了这篇文章

前端开发工程师 @ 字节跳动

·

2年前

正则表达式不要背

正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相...

2969

168

前端开发 @ test-testzz

·

5天前

每日有感： rgb(0,0,0,0.48) === rgb(0 0 0 /0.48)

展开

1

前端开发 @ test-testzz

·

5天前

每日有感：字体图标被svg图标取代的原因 1.字体图片说到底还是字体文件，字体图标的制作更麻烦，清晰度更差（字体图标被视为文本，所以是有抗锯齿的，而svg是直线向上矢量），在无障碍浏览上体验更差，浏览器（包括pc和移动端）支持上更差（主要是对@font-face属性的支持），在开发者查看图标具体位置大小时有难度（svg是多大，展示的图标就是多大，但是字体图标还有间隙，例如：line-height, vertical-align, letter-spacing, word-spacing） 2.字体文件使用之初是得益于他可以使用color和font-size来控制图标大小和颜色，但是这个最重要的属性svg图标也可以实现综上，svg图标完胜

展开

3

2

赞了这篇沸点

前端 @ 鸡同鸭讲研习社

·

3月前

改bug，谁怕谁

1

8

关注了

前端开发 @ test-testzz

赞了这篇沸点

前端 @ 鸡同鸭讲研习社

·

19天前

#重启人生，由你决定# 我何德何能啊

2

3

关注了

前端开发 @ test-testzz

·

18天前

每日有感： WeakMap与Map类似，但有几点区别： 1、WeakMap只接受对象作为key，如果设置其他类型的数据作为key，会报错。 2、WeakMap的key所引用的对象都是弱引用，只要对象的其他引用被删除，垃圾回收机制就会释放该对象占用的内存，从而避免内存泄漏。 3、由于WeakMap的成员随时可能被垃圾回收机制回收，成员的数量不稳定，所以没有size属性。 4、没有clear()方法 5、不能遍历 WeakSet与Set WeakSet正如它的名字weak，它是对象的弱引用，垃圾回收机制不考虑，所以不会造成内存的泄露，同时是无法遍历的，因为你不知道什么时候对象的引用消失了，而且没有size属性，不知道长度

距国庆放假还有两天

展开

前端开发 @ test-testzz

·

18天前

#重启人生，由你决定# 无限重开

程序员搬砖人生

关注了

前端开发 @ test-testzz

·

22天前

你是否真的懂 H5 performance属性

简介 performance是html5的新特性之一，通过它，页面的开发者们可以非常精确的统计到自己页面的表现情况，从而有针对性的进行优化，提升用户体验。下面是小姐姐对p...

1

前端开发 @ test-testzz

·

23天前

tips: window.navigator.userAgent 是 window.navigator.appCodeName + window.navigator.appVersion 判断机型： let ua = window.navigator.userAgent; /android/i.test(ua) ? 'Android' : /iPad|iPhone|iPod/.test(ua) ? 'iOS' : /windows/i.test(ua) ? 'Windows' : 'unknown'

展开

打工人的日常

前端开发 @ test-testzz

·

24天前

每日有感： canvas实例的 toBlob() 和 toDataURL() 的区别 1、toBlob()方法是异步方法，toDataURL()是同步方法 2、toBlob()返回的是blob对象，toDataURL()返回的是dataURL blob对象可以通过 new FileReader() 的 readAsDataURL 转dataURL 注：有人说 toBlob() 和 toDataURL() 返回的文件大小不一致，toBlob() 会压缩一点，经过实际检测发现，这两个方法返回的文件都转成 dataURL 对比的话，大小是完全一致的

展开

打工人的日常

赞了这篇沸点

1月前

一个赞10个深蹲,搞起

技术交流圈

121

449

前端开发 @ test-testzz

·

28天前

tips: 微信、qq内置浏览器都是qq浏览器的内核，也就是X5内核，X5内核是基于开源Webkit优化的浏览器渲染引擎

7

前端开发 @ test-testzz

·

1月前

tips: 模拟后端数据，可以自己用json-server搞个mock数据，也可以用node搭建个简易的mock服务器，或者用easy-mock等web端现成的mock网站

展开

2

前端开发 @ test-testzz

·

1月前

每日有感：模拟h5页面在微信浏览器中打开的样子及调试的时候，可以借助微信开发工具=》公众号网页这个功能，直接将要调试的h5页面贴在上面的url地址栏中即可

展开

前端开发 @ test-testzz

·

1月前

Chrome浏览器Network面板http请求时间分析

Chrome浏览器开发者工具Network窗口下，可以查看下载各组件所需的具体时间根据上表进行简要分析—— Stalled（阻塞）　　浏览器对同一个主机域名的并发连接数...

2

1

前端开发 @ test-testzz

·

1月前

每日有感：华为浏览器中h5页面的modal框滚动条滚动到最底部的时候继续往下滚动，会带动底下页面滚动；解决办法；让底部页面的ovflowflow设置为默认的，也就是unset；手动设置auto和scroll的话，会出现以上的问题；另一种解决办法就是使用hack，当modal框弹出来的时候，将底部页面的overflow设置为hidden或者position设置为fixed，等等一系列的办法

展开