摘要:
长度单位 像素 px 百分比 % em - 像素是我们在网页中使用的最多的一个单位,* 一个像素就相当于我们屏幕中的一个小点,* 我们的屏幕实际上就是由这些像素点构成的* 但是这些像素点,是不能直接看见。* - 不同显示器一个像素的大小也不相同,* 显示效果越好越清晰,像素就越小,反之像素越大。 - 阅读全文
摘要:
前言 最近我正在公司做一个中后台管理系统的前端框架搭建工作,虽然说公司已经有现成的中后台框架可供选择,但是并不特别适合我们部门的项目,因此在借鉴原有框架的基础上融入了我的一些个人想法和思考在里面。 这篇文章便主要来谈谈在架构一个中后台系统的前端部分上我的实践点。 技术选型 不管是前端抑或后端,从零开 阅读全文
摘要:
效果 效果图如下,纯css实现超酷炫的星级评分动画效果 实现思路 5个类型为radio的input,label标签修改样式背景图为星星 label标签给每个星星鼠标停留时加注名字 点击星星有放大旋转的动画 dom结构 用form实现 <form> <div class="star"> <input 阅读全文
摘要:
meta元素有4个属性:name、http-equiv、content、charset.meta标签通过name属性来表述页面文档的元信息,通过http-equiv属性设置http请求指令,通过charset设置页面的字符编码。按照属性设置分类,meta可以分为三类: name属性和content属 阅读全文
摘要:
前言 该篇文章会为您分享在前端性能优化中非常重要的一环-白屏时间,将从白屏时间的概念、重要性以及白屏的过程一一进行阐述,同时提供性能优化的策略与实践。 一、概念 白屏时间:即用户点击一个链接或打开浏览器输入URL地址后,从屏幕空白到显示第一个画面的时间。 白屏时间的长短将直接影响用户对该网站的第一印 阅读全文
摘要:
基本概念 有信息交换就会产生编码、传输、解码三个过程。编码是信息从一种形式转变成另一种形式的过程,正如人类的语言通过声带编码,转换成声波。解码是编码的逆函数,耳膜接收声波,通过脑神经解码成人类文化所能理解的信息。字符集是一种文化上下文下的所有文字符号集合,它的作用是规定了某个文化下的所有字符,以及该 阅读全文
摘要:
转换 改变元素在页面中位置,大小,角度以及形状的一种方式 2D转换:只在x轴和y轴上发生转换效果 3D转换:增加了z轴的转换效果 一、转换属性 transform 取值: (1)none,默认值,无任何转换效果 (2)transform-function 一个或多个转换函数,多个的话,中间用空格隔开 阅读全文