<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
Web程序 时间：
2020-05-21 21:13:52
阅读次数：
76
CSS3 动画卡顿解决方案 前端时间用animation实现H5页面中首页动画过渡，很简单的一个效果，首页加载一个客服头像，先放大，停留700ms后再缩小至顶部。代码如下 <!DOCTYPE html> <html> <head lang="zh-cn"> <meta charset="utf-8" ...
分类：
其他好文 时间：
2020-05-21 19:39:14
阅读次数：
69
先说结论 实用而论，不想了解具体原理的同学只要记住一点即可：在配置好环境的情况下，拿到设计稿并发现需要使用固定宽高比元素的时候，在css中做好px（设计稿中的px）与rem换算就行（即便这个过程也有不少偷懒的办法,减轻工作量）. 关于rem的基础知识 这部分比较懒,可以参考 知乎-css3的字体大小 ...
分类：
其他好文 时间：
2020-05-21 14:50:40
阅读次数：
66
本文转自凹凸实验室：https://aotu.io/notes/2016/08... 前言 3D 全景并不是什么新鲜事物了，但以前我们在 Web 上看到的 3D 全景一般是通过 Flash 实现的。若我们能将 CSS3 Transform 的相关知识运用得当，也是能实现类似的效果。换句话说，3D 全 ...
分类：
Web程序 时间：
2020-05-21 13:26:20
阅读次数：
101
二.弹性布局(重点******************************************) 1.什么是弹性布局 弹性布局，是一种布局方式。 主要解决的是某个元素中子元素的布局方式 让页面布局更加的灵活 2.弹性布局专有的名词解释 1.容器 要发生弹性布局的子元素，他们的父元素，成为容器 ...
分类：
Web程序 时间：
2020-05-19 23:10:06
阅读次数：
142
简介 在过去的两年，越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候，都使用了transformjs，所有必要介绍一下，让更多的人受益，提高编程效率，并享受编程乐趣。（当然transformjs不仅仅支持移动设备，支持CSS3 3D Transforms的浏览器都能正常使用transf ...
分类：
移动开发 时间：
2020-05-19 20:55:21
阅读次数：
72
HTML5的优势有哪些？ 你对HTML5的方方面面了解又有多少呢？相信阅读完这篇文章，你会得到一个答案。 一、什么是HTML5 HTML5就是HTML最新标准，是现在Web程序开发的核心、标准通用标记语言下的一个应用HTML的第五次重大修改，这是一项推荐标准。虽然CSS3和HTML5是两个语言，但通 ...
分类：
Web程序 时间：
2020-05-19 10:41:41
阅读次数：
163
一.复杂选择器 1.兄弟选择器 兄弟元素，具备相同父元素的平级元素之间称为兄弟元素 兄弟选择器，只能找弟弟，不能找哥哥，只能往后找，不能往前找 ①相邻兄弟选择器 选择器 + 选择器{} 获取紧紧挨在某元素后面的兄弟元素 p+.c1{color:#f00;} ②通用兄弟选择器 选择器 ~ 选择器{} ...
分类：
Web程序 时间：
2020-05-18 20:55:45
阅读次数：
56
:nth-child是css3的一个比较常用的选择器。它用于匹配属于其父元素中的子元素，不论元素的类型。 它的参数可以是数字、关键词或公式。下面讲介绍它的使用方法, nth-child的使用 html结构如下： <div class="demo"> <p>1</p> <p>2</p> <p>3</p ...
分类：
Web程序 时间：
2020-05-18 14:24:11
阅读次数：
83
计算机图像处理是一门很成熟的技术，任何一门可操作系统接口的语言都能很轻易的实现各种处理操作。但是前端限于浏览器环境和接口限制，处理起来会有诸多不便，这里所说的前端图像处理，是真的指不借助任何后端服务纯前端实现的图像处理。本文会介绍canvas位图处理，SVG矢量图和CSS3图像处理，重点是canva ...
分类：
其他好文 时间：
2020-05-18 14:21:53
阅读次数：
63
