海外CN2直连服务器
腾讯云优惠|主机测评网!

前端技术

前端开发页面加载动画插件 aniview 和 wow - 雪花测评

前端开发页面加载动画插件 aniview 和 wow

xiaohan阅读(1771)赞(0)

今天分享两款在前端开发中非常常见的页面加载动画插件aniview.js和wow.js,都是依赖animate.css动画库进行开发,用于设置用户滚动页面时触发各种CSS动画。前者基于jQuery,后者则是原生JS。   wow.j...

给网站更换为HarmonySanc字体 鸿蒙字体CDN加速地址 - 雪花测评

给网站更换为HarmonySanc字体 鸿蒙字体CDN加速地址

xiaohan阅读(1418)赞(0)

HarmonySanc是华为发布的HarmonyOS系统自带默认字体,随系统一起开源,所以大家不用担心商用之类的版权争论,国内许多站点(著名的追番视频站哔哩哔哩)都开始使用,但是这款字体完整的源文件有7MB左右,如果将网站更换为这个字体,首...

前端开发给console.log控制台添加打印样式 - 雪花测评

前端开发给console.log控制台添加打印样式

xiaohan阅读(383)赞(1)

怎么给浏览器控制台console.log打印的内容添加css样式?Console 对象一般用于 JavaScript 代码调试,是开发或测试人员使用频率极高的对象之一。 JavaScript 原生中默认是没有 Console 对象,这是宿主...

那些你不知道的7个CSS属性 前端必备css进阶技巧 - 雪花测评

那些你不知道的7个CSS属性 前端必备css进阶技巧

xiaohan阅读(389)赞(0)

随着前端技术的不断发展,css成为前端应用中一门必不可少的技术,也有更多的css属性不断加入。今天就列举7个非常实用但是你绝对不知道的冷门css属性,带大家了解css的实用之处! position: sticky css定位属性实现吸顶效果...

一段代码给你的博客加上新年快乐灯笼样式 - 雪花测评

一段代码给你的博客加上新年快乐灯笼样式

xiaohan阅读(1569)赞(1)

还有一个多月就过年了,今天分享一段纯css代码,给你的博客/网站加上摇摆的灯笼,增添新年的气氛! 实现步骤 首先创建4个元素,加上固定定位 position: fixed;,悬浮在网站上。 创建里面的灯球,这里会用到css中的 border...

用纯css画一个不一样的三只小鸟button按钮 - 雪花测评

用纯css画一个不一样的三只小鸟button按钮

xiaohan阅读(101)赞(2)

css不仅可以静态地修饰网页,还可以配合各种JavaScript脚本语言动态地对网页各元素进行排版,一名合格的前端工程师是必须精通css的,利用css可以画出各种样式的组件及效果,提升用户的体验。今天雪花博客给大家分享三只小鸟的button...

分享12个web前端开发必备的css在线工具网站 程序员记得收藏 - 雪花测评

分享12个web前端开发必备的css在线工具网站 程序员记得收藏

xiaohan阅读(2753)赞(2)

今天给大家分享12个程序员必备的在线工具网站,让大家在进行web前端开发的时候不再为了记不住css样式问题而发愁,可视化代码生成,所见即所得。包含css3的新特性按钮效果、阴影效果、grid栅格布局、过渡动画、css代码净化压缩、WORD表...

WEB前端未来4大发展趋势分析,你觉得前端行业有前景吗 - 雪花测评

WEB前端未来4大发展趋势分析,你觉得前端行业有前景吗

xiaohan阅读(3325)赞(3)

随着人工智能化,疫情袭转全球,工作变得一业难求,我们生在这特别的时代,技能显得尤为重要。很多小伙伴说自己迷茫了不知道WEB前端行业前景在哪里。 经过近5年的快速发展,目前前端开发技术栈已经进入成熟期。在React和Vue等框架出现后,前端在...

分享几个适合新手练习优秀的vue开源项目干货 - 雪花测评

分享几个适合新手练习优秀的vue开源项目干货

xiaohan阅读(1007)赞(0)

Vue 结合了 React 和 Angular 的优点,并且有着团结、活跃且庞大的社区,可以帮助解决开发中遇到的问题。开源社区不断提出解决问题的新方法。工具和库的数量也贡献量不断的增加。下面小编汇总了一些比较流行的工具和库,并包括在 Vue...

PC+移动双端页面自适应屏幕适配大小JS代码 - 雪花测评

PC+移动双端页面自适应屏幕适配大小JS代码

xiaohan阅读(889)赞(1)

很多前端重构工程师在进行网页还原的时候在自适应这一块会面临一些困扰,不能兼容其他屏幕的情况出现,今天分享一些代码希望可以帮助到大家。 这里以宽度为1920像素的设计稿为例,想要一比一还原设计稿达到适配效果需要使用到的JS代码。 // 屏幕自...

css实现容器显示单行或多行文本超出部分以省略号显示 - 雪花测评

css实现容器显示单行或多行文本超出部分以省略号显示

xiaohan阅读(1399)赞(1)

Bootstrap 给予响应式、移动设备优先的流式栅格系统提供了十分丰富的样式类,基于这些了可以做出很多好看的效果,虽让提供了常用基本样式类,但有一些比较特殊的需求 比如bootstrap 提供了 text-truncate 样式类,使用这...