前端技术

2023-03-16xiaohan阅读(1771)赞(0)

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

2023-03-10xiaohan阅读(1833)赞(1)

分享一个非常适合准备入门前端行业同学练手的一个好项目，黑马培训机构开源的一套极客园Geek项目，类似于CSDN的新闻系统，PC端采用（elementUI饿了么框架），移动端（Vant）框架，。 电脑端：可实现登录，数据概览，内容管理，发布文...

2023-03-05xiaohan阅读(1418)赞(0)

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

2023-02-03xiaohan阅读(383)赞(1)

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

2022-12-26xiaohan阅读(389)赞(0)

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

2022-12-14xiaohan阅读(1569)赞(1)

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

2022-12-07xiaohan阅读(101)赞(2)

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

2022-11-18xiaohan阅读(2753)赞(2)

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

2022-10-06xiaohan阅读(3325)赞(3)

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

2022-10-06xiaohan阅读(1007)赞(0)

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

2022-08-31xiaohan阅读(889)赞(1)

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

2022-07-28xiaohan阅读(1399)赞(1)

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