首页
链接
分类
归档
友链
MicroMatrix
曲则全,枉则直,洼则盈,敝则新,少则得,多则惑。是以圣人抱一为天下式。不自见,故明;不自是,故彰;不自伐,故有功;不自矜,故长。夫唯不争,故天下莫能与之争。古之所谓“曲则全”者,岂虚言哉!诚全而归之。
累计撰写
80
篇文章
累计创建
21
个标签
累计收到
0
条评论
栏目
目 录
CONTENT
以下是
Html
相关的文章
2024-01-18
基于Iframe开发的微前端
前言 在前端的开发中,经常会遇到这样的需求。A项目中的某个页面或者新增一个模块,需要嵌入B项目。然后B项目有可能需要C项目这种套娃式的项目嵌套。如果你是新开始做项目,那么我推荐你使用乾坤或者其他的微前端框架。但是如果你像我一样,项目以及成型,而且有很多公司自己的配置和域名不一样的各种各样的因素,导致
2024-01-18
26
0
1
技术分享
2023-09-15
基于esbuild搭建组件开发框架
前言 在日常的前端开发中,经常需要开发一些组件。通常我们是基于某个特定的框架来开发,例如vue,react等等。对于页面的样式组件来说,没有什么太多的计较。但是如果开发一个画布工具或者一个音乐播放器的组件,那么这个组件必然会有很多功能,而且对于vue2/vue3,react版本,你可能每个都要开发一
2023-09-15
8
0
0
技术分享
2023-05-01
CSS3小技巧-动态设定div的宽高比
前言 一直在写vue项目中使用iview的table,它有个设置宽高固定的属性。于是我想在外层套一个div并且这个div动态的随着窗口大小调整,并且满足一定的宽高比,有这种需求是因为一个统计页面上有多个统计类型,其中就有表格。 padding-bottom实现普通元素固定宽高比,里main的元素获取
2023-05-01
7
0
0
学习思考
2023-04-26
手写一个简单的Swiper
前言 起初我是要编写一个画布的组件功能的。考虑到目前我的项目代码有vue2,vue3,本人还在学习React。所以我想编写一个可以不受框架限制的组件。正好借着这个机会学习一下面相对象开发组件。 分析组件需求 这一步要明确组件需要哪些基本功能。首先从使用方面来说,只需要满足指定的dom就行,然后就是满
2023-04-26
5
0
0
技术分享
2023-03-18
B站防遮挡弹幕实现
前言 B站是一个以视频为主的社交媒体平台,其中一大特色就是弹幕,即用户可以在视频上方实时发送评论,与其他观众互动。弹幕可以增加观看视频的乐趣,也可以反映出视频的热度和受欢迎程度。然而,弹幕也有一个缺点,就是可能会遮挡住视频中的重要内容,影响观看体验。为了解决这个问题,B站推出了一种智能防挡弹幕技术
2023-03-18
4
0
0
技术分享
2022-11-27
前端项目优雅使用svg
前言 在前端开发中,大家都接触到设计图。Figma或者蓝图,在线设计或者看图的网站。UI设计又很喜欢那种花里胡哨的图标,很难找。神奇的是你可以把它们保存为SVG图标。但是SVG的引入又是一大串长长的代码,更麻烦的是有些图标悬浮上去是要改变颜色的。这里我找到了一种让SVG方便引入的方法,而且能像字体文
2022-11-27
7
0
0
技术分享
2022-08-19
Vue3和Vue2的一些写法区别
摘要 本篇记录vue3和vue2在实现相同的逻辑上的一些语法差异,持续更新。 事件绑定 在开发过程中会遇到需要定制一些video或者audio播放组件,需要用到一些原生的事件。但是vue3和vue2原生事件的绑定是不一样的。 例如下面的音频播放组件 vue2中只需要在mounted(组件渲染完成的时
2022-08-19
6
0
0
学习思考
2022-06-13
原生JS编写虚拟滚动
前言 在开发项目的过程中,偶尔会遇到很大的数据,然后设计图上又是列表还不分页的情况。为此研究了下虚拟滚动的方案。虚拟滚动大致的思路是当你往下滚动,但最后一个计算的元素出现的时候,替换上面不见了的DOM元素,将它们从渲染的HTML中剔除,同理往上滚动,一个计算的元素出现在最上面的时候,表明需要加载上面
2022-06-13
9
0
0
学习思考
2022-05-29
Http和Https学习(一)
前言 在实际开发中,部署的项目在服务器上,通过域名来访问,是否会发现有的域名是http协议有的是https协议。那么同一个网站,他既可以http访问,又可以https访问,他们是什么呢,他们之间有什么区别呢? 简单介绍下http和https http中文名称是超文本网络传输协议,深究一下呢,他是一种
2022-05-29
13
0
0
学习思考
2022-04-05
SVG画圆
SVG基础属性介绍 width、height:分别表示SVG元素的宽高。 viewBox: 前两个参数是对SVG元素做位移使用,通常设置为0; 后两个参数表示SVG元素可容纳的大小,具体可参考SVG属性之viewBox。 circle cx、cy:圆心的位置。 r:表示半径。 fill:圆的填充色。
2022-04-05
5
0
0
技术分享
1
2