- 标签:
- Vue (22)
- Javascript (20)
- TypeScript (18)
- Html (14)
- Css (13)
- Linux (12)
- Proxmox (7)
- React (7)
- 工具 (5)
- Mac设置 (5)
- Git (5)
- NextJS (5)
- Docker (3)
- 项目管理 (3)
- 建站 (2)
- 数学 (2)
- Vuex (2)
- 网络协议 (2)
- 代理 (2)
- PWA (2)
- 开发 (1)
- Vim (1)
- Java (1)
- Shell (1)
- 音乐 (1)
- IOS设置 (1)
🗒️
在前端的开发中,经常会遇到这样的需求。A项目中的某个页面或者新增一个模块,需要嵌入B项目。然后B项目有可能需要C项目这种套娃式的项目嵌套。如果你是新开始做项目,那么我推荐你使用乾坤或者其他的微前端框架。但是如果你像我一样,项目以及成型,而且有很多公司自己的配置和域名不一样的各种各样的因素,导致你不能很好的使用微乾坤框架。那么通常大家使用的就是iframe。
🗒️
在日常的前端开发中,经常需要开发一些组件。通常我们是基于某个特定的框架来开发,例如vue,react等等。对于页面的样式组件来说,没有什么太多的计较。但是如果开发一个画布工具或者一个音乐播放器的组件,那么这个组件必然会有很多功能,而且对于vue2/vue3,react版本,你可能每个都要开发一遍。那么web-component的开发理念就非常适合目前的需求了。但是通常的web-cmponent的开发中,对于JS我们可以很好的管理,拆分功能。但是对于dom样式的编写就极其不方便了。
🗒️
这是模仿Swiper的功能,网上非常好用的一个组件。并不是想重复造车轮。主要是开发中遇到这个这样一个需求,但是又要非常高的一些定制化功能。主要还是全部引入Swiper会使得我编写组件很臃肿,不利于别人的使用。这里就当学习一下,自己实现一个简单的Swiper
🗒️
在开发项目的过程中,偶尔会遇到很大的数据,然后设计图上又是列表还不分页的情况。为此研究了下虚拟滚动的方案。虚拟滚动大致的思路是当你往下滚动,但最后一个计算的元素出现的时候,替换上面不见了的DOM元素,将它们从渲染的HTML中剔除,同理往上滚动,一个计算的元素出现在最上面的时候,表明需要加载上面的元素信息,并隐藏下面的DOM元素。演示地址