界面设计
-
css超级实用的一些写法
一提起图标,大家可能第一个会想到PS、美工等词语,但很多小图标现在根本都不需要再打开PS了。 1、常见的括号( 前进或后退“>” ) .arrow{ width:12rpx;…
-
Loaders.css:纯CSS打造的免费开源加载动画,丝滑流畅高性能
一个 CSS3 loading 动画库,简单易用,动画流畅,无论是学习还是使用,都很不错。 关于 Loaders.css Loaders.css 是一个性能出色的 web 前端代码…
-
前端开发规范整理之移动端优化
click的300ms延迟响应 延迟是由双击缩放导致的,当用户点击一次屏幕之后,浏览器并不能立刻判断用户是确实要打开这个链接,还是想要双击操作。因此,移动端浏览器就等待了300ms…
-
web前端性能优化–图片加载的优化
图像延迟加载 想要得到更好的性能体验,只靠资源压缩与恰当的文件格式选型,是很难满足期望的。我们还需要针对资源加载过程进行优化。 什么是延迟加载? 下图是京东商城的手机端首页,当元素…
-
uniapp支付宝支付的前端开发经验分享
在前段时间的开发需求中,有一项uniapp H5和APP端接入支付宝功能的需求,虽然这项功能前端的工作并不多,但还是根据这次的开发经验和踩过的坑做一个分享。 首先在对项目开启支付功…
-
49个在常用且容易遗忘的CSS样式清单
1、文字超出部分显示省略号 单行文本的溢出显示省略号(一定要有宽度) p{ width:200rpx; overflow: hidden; text-overflow:ellips…
-
网站404页面如何制作,404错误页面有什么用?
404页面是什么,有什么作用? 404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。 现在大部分开源系统都会为大家考虑到4…
-
EasyShu网页交互图表功能
截止EasyShu【3.2】已经成功接入百度EChart、Vega、D3.js等高级图表。其中在地图制作方面可以绘制不同等级的分级填色地图、散点地图、气泡地图和热力地图,包括世界、…
-
2021年的前端框架选择 Angular vs React vs Vue
每个前端开发人员都听说过三个用于构建 Web 应用程序的框架:React、Vue.js和Angular。 React 是一个 UI 库,Angular 是一个成熟的前端框架,而 V…
-
position:CSS精准定位布局
1 简介 之前介绍了魔鬼属性——浮动布局。浮动布局比较灵活,但是不容易控制。而定位布局使用户精准定位页面中的任意元素成为可能。因此在实际开发中,大家应该灵活使用这两种布局方式,这样…