![](https://img-blog.csdnimg.cn/20200711130427389.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
++ HTML
''
风中依旧笑着过
目前就职亚信科技高级前端开发工程师,常用 vue2、vue 3进行开发,开发过的项目涵盖 PC端、小程序、H5;擅长使用 flex 布局,熟悉 vue 父子组件通讯、生命周期函数、路由、vuex 、 webpack 打包过程,对可视化技术有一定的了解使用过 ThreeJS、G6,参与过 WebGIS 开发使用过超图 GIS ,对后端 java、php、mysql 技术有一定的基础。
展开
-
script标签中的async和defer
以上就是我对script标签中的async和defer的理解,如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的文章,以避免误人子弟。在webpack打包中htmlwebpackplugin中打包后,index.html引入的script就是使用defer延迟加载,来优化首屏加载。问题:script标签放在Body中 如果不加额外的属性那么会对加载起到阻塞吗?原创 2023-03-04 22:32:53 · 259 阅读 · 0 评论 -
DOM的重排与重绘
DOM的重排与重绘原创 2023-03-04 21:57:45 · 537 阅读 · 0 评论 -
原生css炫酷大屏特效
最近在忙于大屏页面的实现,在实现的过程之中还是遇到不少问题,并截取部分大屏内容记录下。以下就是我通过原生css实现的最终效果如下图(主要涉及到transform和animation):主要思路1.首先实现最底部的转盘,由于涉及到3d所以需要用到 transform-style: preserve-3d; 改属性可以让子元素都属于同一个三维空间中呈现,通过 rotateX 让图一平铺,随后再旋转一份方向相反即可,通过 translateY 将两张图片拉开距离,得到下图:利用相同方式复制4份,底部转盘原创 2021-12-03 17:21:17 · 2770 阅读 · 4 评论 -
vscode格式化保持标签不换行
好看美观的代码格式能提高不少的工作效率!强迫症的我今天就在研究,使用vsocde保存如何做到便签不自动换行顺便记录下,我最终完成的效果如下图:遇到的问题1.每次在开发时保存代码都会将我的代码换行,个人感觉阅读起来不是很方便,使用vscode的shift+alt+下 快捷键CV都不是那么方便!配置vscode1.首先打开vscode的 >文件 >首选项 >设置>工作台>外观>打开setting.json文件2.打开setting....原创 2021-11-01 17:26:59 · 3925 阅读 · 0 评论 -
css水平、垂直居中的常见四种写法
css水平、垂直居中的常见四种写法水平居中如下:行内元素: text-align: center块级元素: margin: 0 autoposition:absolute +left:50%+ transform:translateX(-50%)display:flex + justify-content: center垂直居中如下:设置line-height 等于heightposition:absolute +top:50%+ transform:translateY(-50%)原创 2020-06-14 11:11:50 · 1031 阅读 · 0 评论 -
css画三角形大全
border画三角形大全理解border玩法(下图最中心的图形代码):width: 0;height: 0;border-width: 100px;border-style: solid;border-color: #0099CC #000 #0202 #999; /*只显示右边边框,其余颜色设置成 transparent透明即可 */上图就是通过border来画出不同角度的三角形,代码在效果图上展示出来可直接使用。如有错误的地方还请大家评论指出,我会及时更改。...原创 2020-06-14 11:07:45 · 120 阅读 · 0 评论