注意:用心找自己做的项目中自己感觉最拿出来手的(复杂度最高,用的技术最多的项目),描述的时候尽可能往里面添加一些技术名词布局我们用html5+css3我们会用reset.css重置浏览器的默认样式JS框架的话我们选用的是jQuery(也可能是Zepto)我们用版本控制工具git来协同开发我们会基于g ...
分类:
其他好文 时间:
2020-04-06 17:42:49
阅读次数:
85
尽量使用css3动画,开启硬件加速 适当使用touch时间代替click时间 避免使用css3渐变阴影效果 可以用transform: translateZ(0) 来开启硬件加速 不滥用float。float在渲染时计算量比较大,尽量减少使用 不滥用web字体。web字体需要下载,解析,重绘当前页面 ...
分类:
移动开发 时间:
2020-04-06 17:34:37
阅读次数:
72
CSS3 transition动画 1、transition-property 设置过渡的属性,比如:width height background-color2、transition-duration 设置过渡的时间,比如:1s 500ms3、transition-timing-function ...
分类:
Web程序 时间:
2020-04-06 13:26:02
阅读次数:
79
仅仅使用div作为身体的布局,用css3的各种transform和圆角属性来绘制各个细节的形状,当然也不会使用任何图片哦。那就没意思了。 有的同学说,用canvas不是能画得更逼真而且更简单吗?这点我也非常赞同,但我的理由还是,那就没意思了。 这次用到了一些LESS的特性,通过设置一些指定的参数来生 ...
分类:
Web程序 时间:
2020-04-05 18:43:30
阅读次数:
85
原本自己也想画大白,正巧看到一位同学(github:https://github.com/shiyiwang)也用相同的方法画了。 且细节相当到位。所以我就fork了一下,在此我也分享一下。同时,我也希望有更多的同学发挥自己的想象力,来找个东西画画。 如果看过我前几次的分享,肯定能马上想到大白的各个 ...
分类:
Web程序 时间:
2020-04-05 15:18:35
阅读次数:
93
###CSS选择器 CSS3选择器规范地址: https://www.w3.org/TR/2011/REC-css3-selectors-20110929/ CSS3选择最新选择器规范: https://www.w3.org/TR/selectors ! 问题 ! 1.css的全称是什么? 2.样式 ...
分类:
Web程序 时间:
2020-04-05 11:40:44
阅读次数:
83
flex布局是什什么? Flex意思是弹性布局,是css3中的新布局模块,?用来为盒模型提供最?大的灵活性。可改进容器?中的项?目对?齐,?方向和顺序,即使他们具有动态甚?是未知?小。Flex容器?能够调节?子节点的宽度或高度,以便便适应不同的屏幕尺寸。 基本概念 flex布局可以将?个元素看成?个 ...
分类:
其他好文 时间:
2020-04-05 11:15:45
阅读次数:
58
(1圆角边框 border-radius border-top-left-radius(左上角的形状) border-top-right-radius(右上角的形状) border-bottom-left-radius(左下角的形状) border-bottom-right-radius(右下角的形 ...
分类:
Web程序 时间:
2020-04-04 23:04:38
阅读次数:
134
前言 今天是个沉痛的日子,全国哀悼英雄,各大平台平日鲜丽的界面置纷纷换成了灰色,以表对逝者的安息与尊敬!!对付疫病,我没多大的本事,只能记录一点点知识来提升自己擅长的技术,待到将来能为国家尽一份绵薄之力 css3 greyscale (灰度) greyscale是css 3 filter里的一种属性 ...
分类:
Web程序 时间:
2020-04-04 22:24:11
阅读次数:
95
今日在写一个阴影效果的时候遇到了一个小问题,不多说,上代码 div { width: 100px; height: 100px; background: #e3e3e3; border: 1px solid #333; box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); ...
分类:
Web程序 时间:
2020-04-04 18:39:19
阅读次数:
83