定义动画: @keyframes mymove { from {left:0px;border-left: 0px solid #d91f24;} to {left:3px;border-left: 4px solid #d91f24; box-shadow: 0px 0px 20px rgba(1 ...
分类：
Web程序 时间：
2019-04-02 12:31:27
阅读次数：
152
JS动画： 缺点：1.JS在浏览器的主线程中运行，而主线程还有其他的js脚本，样式布局，绘制任务等，对其干扰可能导致线程出现阻塞，从而造成丢帧的情况。 2.JS动画代码复杂度高于CSS3动画。 优点：1.JS动画控制能力很强，可以在动画播放过程中对动画进行控制，使其开始或停止。 2.动画效果比CSS ...
分类：
Web程序 时间：
2019-03-15 10:43:54
阅读次数：
274
加入缓存提升用户体验 思路：先从缓存中寻找数据或者从服务器中获取数据写入缓存中 优点：减少网络访问次数，提升用户体验 解决缓存带来的问题 问题：比如原先是不喜欢的在点击喜欢的时候，跳到下一期刊后返回来再次点击会报错。原因是点击不喜欢后服务器端更新了，但加入缓存后返回来的时候期刊依然是缓存中的，所以会 ...
分类：
微信 时间：
2019-03-10 12:20:51
阅读次数：
236
在CSS3之前，在网页上要做动画，一般使用javascript来实现，用timer定时执行一些操作来实现动画效果。 自有了CSS3之后，在网页上做动画变得更简单了。相对于使用javascript的实现方式，用CSS3实现的动画效果更流畅，实现起来也更简单。当然，因为CSS几乎没有什么逻辑控制，所以一 ...
分类：
Web程序 时间：
2019-03-03 23:59:56
阅读次数：
324
今天和大家分享一个利用CSS3的animation属性完成的一个边框动画效果。大家都知道，CSS3给我们提供了@keyframes关键字，能让我们在网页中轻松插入动画。一个简单的动画插入，结构如下： 效果如下： 除了用from to 这种形式之外，我们还可以用百分比，更加细化各个阶段的表现样式，例子 ...
分类：
Web程序 时间：
2019-01-31 13:00:14
阅读次数：
337
@keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。 动画是使元素从一种样式逐渐变化为另一种样式的效果。 您可以改变任意多的样式任意多的次数。 请用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% ...
分类：
Web程序 时间：
2019-01-12 12:03:33
阅读次数：
999
1. 圣杯布局 2. CSS合并方法 3. 盒子模型 4. CSS定位 5. CSS动画原理 6. CSS3动画（简单动画的实现，如旋转等） 7. CSS不同选择器的权重(CSS层叠的规则) 8. flexbox布局 9. 块级元素和行内元素的异同 10. CSS在性能优化方面的实践（比方说选择器的 ...
分类：
Web程序 时间：
2019-01-11 00:02:01
阅读次数：
347
1.transform浏览器支持情况 也就是说目前不考虑老浏览器的话是不用加前缀的，感谢菜鸟教程：https://www.runoob.com/cssref/css3-pr-transform.html transform默认值none;就是不转换，不继承，js中对其更改示例：object.styl ...
分类：
Web程序 时间：
2018-12-30 11:45:15
阅读次数：
220
CSS 动画 一、使用 animation 和 @keyframes 二、使用 transition 属性 /** * css3 动画 * 使用 @keyframes规则与 animation * @keyframes规则用于创建动画，在 @keyframes中规定某项 css样式，就能创建由当前样 ...
分类：
Web程序 时间：
2018-12-15 13:35:17
阅读次数：
218
Keyframes介绍 Keyframes被称为 关键帧 ，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 @keyframes changecolor{ 0%{ background: ...
分类：
Web程序 时间：
2018-12-07 21:56:55
阅读次数：
277
