首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
鯊手
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
超强的苹果官网滚动文字特效实现
每年的苹果新产品发布,其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思,今年 iPhone 14 Pro 的介绍页不例外。 最近,刚好有朋友问到,其对官网的一段文字特效特别感兴趣
移动端布局之postcss-px-to-viewport(兼容vant)
在今天这篇文章中,我并不会在这里讲一些移动端视口的概念,包括物理像素和逻辑像素,理想视口,dpr等等等等,我只介绍这样一种非常不错的移动端适配方案:post-css-to-viewport,如果我说这种方案能解决98%以上的移动端布局痛点,我想整个掘金,应该没有人会反驳。 这种…
react(craco)移动端使用postcss-px-to-viewport自适应布局
尝试在react使用postcss-px-to-viewport进行自适应布局,其中遇到了一些比较坑的地方。
移动端css兼容问题
1.安卓使用绝对定位布局与原生input有冲突如果绝对定位的元素在最下面,键盘弹起时,绝对定位元素会在键盘上面解决办法:使用flex布局实现,有一个flex-shrink可使用或者监听resize事件
Vue移动端 / PC端适配解决方案:postcss-px-to-viewport
在此之前为解决适配问题“普遍”会给html根节点设置font-size作为根字体计算单位值,适兼容多端配问题。开发者需要实时换算单位、还需要精确到六七位小数点。这样的解决方案在现在看来似乎不是最简洁高
一个"剑气"加载🌪️
我们在网页加载的时候总会加上一些过渡效果来引导用户,减少白屏时间,而加载的效果可以用svg也可以使用一些我们封装好的组件,今天就...
微任务、宏任务与Event-Loop
首先,JavaScript是一个单线程的脚本语言。 所以就是说在一行代码执行的过程中,必然不会存在同时执行的另一行代码,就像使用alert()以后进行疯狂console.log,如果没有关闭弹框,控制台是不会显示出一条log信息的。 亦或者有些代码执行了大量计算,比方说在前端暴…
8张脑图快速了解Vue组件
以图的形式,言简意赅的总结Vue3组件相关的内容⭐️,附原图o🧚🏻♀️,可以方便你按照自己的想法二次修改,欢迎阅读👇
CSS 隐藏元素的八种方法
前言 总括: 本文详细讲述了在网页中用 CSS 隐藏元素的七种方法。 原文博客地址:从隐藏元素谈起 知乎专栏 && 简书专题:前端进击者(知乎)&& 前端进击者(简书) 博主博客地址:Damonare 的个人博客 念念不忘, 必有回响; 有一口气, 点一盏灯。 正文 说起隐藏元素我想每一个前端 e…
纯CSS实现简单骨骼动画
某天设计师来找我说,“这个心愿牌傻傻地挂在那不好看,加个动效呗,就左右摆动一下就行,很简单的!”,我一想,行呀,提升用户视觉体验,开搞。 十分钟后,🥶不对呀,这个左右摆动好假,不像现实中风吹的效果。 冷静思考🤔,为啥这个摆动会没有灵魂。于是拿起工卡开始摆动,看看现实中的摆动…