前端
关注
分享
扫一扫
文章平均质量分 82
等时钟成长
“在你还是一个难看的小姑娘时，琼玛，我就爱你。那时你穿着方格花布连衣裙，系着一块皱巴巴的围脖，扎着一根辫子拖在身后。我仍旧爱你”。
展开
-
WebAssembly 学习笔记
wasm最初是为了。支持将其他语言实现的程序编译到wasm字节码，引入到浏览器由JS交互调用。后又有了脱离JS的wasm运行时，可以直接运行wasm。从而促成了wasm的能力。但由于运行时的，其应用范围受限。原创 2024-12-31 13:48:44 · 453 阅读 · 0 评论 -
【JavaScript】瀑布流布局
瀑布流布局原创 2022-07-13 19:42:16 · 1931 阅读 · 0 评论 -
【前端】从vben中学到的一些工程化技巧
文章目录本地图标还是在线图标可更改的 API 服务地址记录一些使用vben时学习到的新的技巧。本地图标还是在线图标使用 iconify，是从线上的 Public host 获取图标，当需要本地化（如部署到局域网内），可以借用 purgeIcons 来实现。对于 vite 有相应的插件 vite-plugin-purge-icons// vite.config.jsimport PurgeIcons from 'vite-plugin-purge-icons';return { plugin原创 2022-04-19 22:25:20 · 2651 阅读 · 0 评论 -
【JavaScript】动手实现一个音乐播放器
【JavaScript】动手实现一个音乐播放器文章目录【JavaScript】动手实现一个音乐播放器前言技术效果实践基础组件`Icon``Button``Progress`使用`audio`播放本地音乐播放控制播放列表旋转唱片歌词解析LRC隐藏滚动条自动滚动渐淡工具栏页面底部固定音乐进度音量调节参考前言技术利用svelte框架利用<audio></audio> 播放音乐利用animation-play-state 控制动画启停利用正则解析歌词利用scrollInto原创 2022-03-28 15:33:17 · 1708 阅读 · 1 评论 -
【JavaScript】图片的懒加载
【JavaScript】图片的懒加载文章目录【JavaScript】图片的懒加载1. 懒加载2. 利用`scroll`事件利用`HTMLElement.offsetTop`利用`Element.getBoundingClientRect()`节流优化3. 利用`IntersectionObserver`4. References1. 懒加载在一个很长很长的页面里，只渲染可视区域里的内容对于性能提升非常有用。图片懒加载就是这样一种技术，我们可以在图片进入可视区域之后再去请求/渲染。这需要一个技巧，就是原创 2022-03-25 19:32:00 · 4780 阅读 · 0 评论 -
【Vue+Element】利用render函数实现一个递归的权限菜单
权限菜单原创 2022-01-19 20:27:06 · 1593 阅读 · 1 评论 -
【面试记录】字节社招面试记录
【面试记录】2021-8月字节社招面试记录文章目录【面试记录】2021-8月字节社招面试记录ContentReferenceContent502 及解决方案https 和 http 区别cookiescss 实现一个秒针旋转动画<body> <div class="stage"> <div class="pointer"></div> </div> <style>原创 2021-08-18 00:33:12 · 689 阅读 · 0 评论 -
【项目组织】前端项目`Api`模块的目录结构建设
前端项目Api模块的目录结构建设文章目录前端项目`Api`模块的目录结构建设`model``route``method`按模块建目录，内部目录结构如下:x-module ├── model │ └── xModel.ts |── route | └── xRoute.ts ├── xMethod.ts假如系统有user 和 menu 两大模块，大概如下：user ├── model │ └── user.ts | └── menu.ts |─原创 2021-07-14 10:54:37 · 598 阅读 · 0 评论