10 2021 档案
摘要：- 主要用到while循环、还有让一个函数执行多次，先生成一个指定长度的数组，然后循环执行 例如，在0-9之间取随机整数，不包含1 、2 、3 、 4 、 5 、6 、7 、8 let arr = [1,2,3,4,5,6,7,8]; function genarateRandom(){ let r
阅读全文
摘要：- 最近需要把时间轴修改成自己想要的样子，需要在时间轴的当前时间条上设置一个气泡，但是没有这个api，于是想到一个办法，通过监听 时间条dom元素，获取时间条的位置，然后创建一个元素当做气泡，这个气泡的位置会随着时间条的位置变化而变化； 1、需要用到MutationObserver 来监听时间条do
阅读全文
摘要：- 1、用dom元素遮挡，想挡几个挡几个，这个就不说了。 2、用css3渐变背景： background-image: linear-gradient(direction, color-stop1, color-stop2, ...); direction：用角度值指定渐变的方向（或角度）。 col
阅读全文
摘要：- 最近做一个自适应页面，有个需求是背景和内容同比缩放（由于背景图比较特殊，如果发生偏移会很明显），所以写了一个dom内容和父级背景同比缩放的方法； 随着浏览器宽度变化，背景图也跟着缩放，内容也跟着缩放； 思路： 当前窗口宽度与设计稿宽度相除 得出 缩放比； 根据缩放比缩放元素内容； 用到定位的话，
阅读全文
摘要：- 参考地址：https://www.runoob.com/w3cnote/html5-canvas-intro.html 这篇文章系统的把canvas的api罗列出来，可以很清晰的了解到canvas能够做哪些事情。学习canvas真的看这一偏就够了，推荐。 练习代码： <!DOCTYPE html
阅读全文
摘要：- 参考博客：http://www.ruanyifeng.com/blog/2018/07/web-worker.html work是用来开启子线程的，我们可以把一些计算量大的程序放到子线程去执行，去提升性能。 下面是一个简单的demo（在vue中使用的） 因为worker脚本必须来自网络，而且和主
阅读全文
摘要：- // 将十进制转换为二进制 function to2(number){ return Number(number.toString(2)); } console.log(to2(3));// 11 /** * 将二进制小数部分转换为十进制数 * @param binaryFloatPartArr
阅读全文
摘要：- 参考博客：https://www.cnblogs.com/jixiaohua/p/10714662.html ArrayBuffer对象、TypedArray视图和DataView视图是 JavaScript 操作二进制数据的一个接口。它们都是以数组的语法处理二进制数据，所以统称为二进制数组。
阅读全文
