① js accumulate - 随笔分类 - pleaseAnswer

11｜使用 canvs 实现分离饼图

摘要：关键设计思想分离式饼图实现原理每个扇形沿中间角度方向外移用 progress 控制动画过渡（0→1 = 合并 → 分离）通过深度排序解决视觉重叠问题响应式设计尺寸基于画布大小动态计算支持设备像素比适配（Retina 屏优化）交互反馈机制扇形悬停：放大+变亮图例阅读全文

posted @ 2025-07-22 10:16 pleaseAnswer 阅读(42) 评论(0) 推荐(0)

10｜使用 three.js 实现立体饼图和分离立体饼图

摘要：认识 three.js Q：什么是 Three.js？ Three.js 是一个用于在浏览器中创建和渲染 3D 图形的 js 库。它建立在 WebGL 之上，提供了更易于理解和操作的 API，大大降低了创建复杂 3D 应用的难度。 Three.js 的主要功能： 3D 模型：创建、导入和操作复杂的阅读全文

posted @ 2025-07-22 10:14 pleaseAnswer 阅读(242) 评论(0) 推荐(0)

⑨ promise

摘要：Promise 对象 Promise 本身是同步的，但在执行 resolve 或者 rejects 时是异步的，即 then 方法是异步的 Promise 是异步编程的一种解决方案，他是一个容器，里面存放着在未来才会结束的事件的结果。 1. Promise 对象有两个特点 1.1 对象的状态不受外界阅读全文

posted @ 2021-10-21 14:24 pleaseAnswer 阅读(49) 评论(0) 推荐(0)

⑧ import

摘要：题目：写出下面代码输出的结果，并做解释 // counter.js let counter = 10; let add = () => { console.log(counter); } export { counter, add }; // index.js add(); import { cou 阅读全文

posted @ 2021-09-15 15:06 pleaseAnswer 阅读(124) 评论(0) 推荐(0)

⑦ 原型和原型链作用域链

摘要：1 什么是原型和原型链 1.1 原型所有引用类型都有一个 __proto__ （隐式原型对象）属性所有函数都有一个 prototype（原型对象）属性所有引用类型的 __proto__ 指向其构造函数的 prototype var a = [1, 1, 1] a.__proto__ Array 阅读全文

posted @ 2021-04-05 23:31 pleaseAnswer 阅读(85) 评论(0) 推荐(0)

④ Node中的事件循环

摘要：Node.js的运行机制 V8引擎解析 js脚本解析后的代码，调用 Node API libuv库负责 Node API 的执行。它将不同的任务分配给不同的线程，形成一个 Event Loop，以异步的方式将任务的执行结果返回给 V8引擎 V8引擎再将结果返回给用户 libuv引擎的事件循环-- 阅读全文

posted @ 2021-03-18 11:28 pleaseAnswer 阅读(62) 评论(0) 推荐(0)

⑥ 使用vw+rem做移动端适配

摘要：前言首先你要知道 vw 和 rem 是什么？怎么使用？简单来说 vw 是视口单位，相当于把视口等分成了100，1vw = 1; rem是相对单位，设置根元素 html 的 font-size 比如给 html 设置字体大小为10px，1rem = 10px; 正文我们以 iPhone6为基准，阅读全文

posted @ 2020-12-09 16:53 pleaseAnswer 阅读(164) 评论(0) 推荐(1)

⑤ h5调用摄像头

摘要：<div :style="{ zIndex : !pre ? 1 : 2 }"> <div @click="getN" v-show="!npre"></div> <img @click="getN" v-show="npre" :src="npre" alt /> </div> <input ty 阅读全文

posted @ 2020-12-08 19:02 pleaseAnswer 阅读(173) 评论(0) 推荐(0)

③ 解决ie8文件上传问题

摘要：ie8不支持FormData，且ie8获取不到 file属性（ie8浏览器的安全性能） 1 ajaxFileUpload() > 谷歌浏览器正常，ie8 不行 js文件 jQuery.extend({ createUploadIframe: function(id, uri) { //create 阅读全文

posted @ 2020-08-17 17:12 pleaseAnswer 阅读(1376) 评论(0) 推荐(1)

② 图片懒加载

摘要：实现思路首先先自定义属性如:data-imgurl，存放着图片的路径然后通过js判断界面滚动的位置/图片是否已加载，未加载再去获取属性data-imgurl的值赋给src，实现图片的加载。具体做法如下： $('img').each(function () { //在未触发滚动事件时先判断图片是阅读全文

posted @ 2019-12-31 14:37 pleaseAnswer 阅读(218) 评论(0) 推荐(0)

① 什么是闭包

摘要：1.前端优化搜索引擎 2.网站性能优化 3.css优化、提高性能的方法 4.优化网站加载速度阅读全文

posted @ 2019-12-06 19:17 pleaseAnswer 阅读(289) 评论(0) 推荐(2)

随笔分类 - js 系列 / ① js accumulate