css3作为页面样式的表现语言，增加了很多新的属性，但是部分css3属性在一些浏览器上还处于试验阶段，所以为了有效的显示css3的样式，对应不同的浏览器内核需要不同的前缀声明，例如： -moz- ：Firefox，GEcko引擎-webkit-： Safari和Chrome，Webkit引擎-o- ...
分类：
Web程序 时间：
2020-05-22 00:25:01
阅读次数：
121
在 Web 应用开发中，CSS 代码的编写是重要的一部分。CSS 规范从最初的 CSS1 到现在的 CSS3，再到 CSS 规范的下一步版本，规范本身一直在不断的发展演化之中。这给开发人员带来了效率上的提高。不过与其他 Web 领域的规范相似的处境是，CSS 规范在浏览器兼容性方面一直存在各种各样的 ...
分类：
Web程序 时间：
2020-05-21 23:46:13
阅读次数：
70
ISP算法高水平分析（下） 十．LSC(Lens Shade Correction) 镜头阴影矫正 Lens Shading指画面四角由于入射光线不足形成的暗角，同时，由于不同频率的光折射率差别，导致 color shading。因此需要镜头影音校正(Lens Shading Correction) ...
分类：
编程语言 时间：
2020-05-21 21:18:48
阅读次数：
82
Demo浏览： 说明： 1，使用了指令, v-drag 2，bug1，单击时，已经拖离初始位置的方块会弹回原位 3，bug2，点击时，左上角会出现一个方块的阴影 4，写指令时，发现指令中是无法访问data中的数据的 5，尝试使用v-if指令来动态生成/销毁移动时的阴影方块，则又涉及到如何向自定义指令 ...
分类：
其他好文 时间：
2020-05-21 21:14:04
阅读次数：
76
<!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
ShadowMap是实时渲染中实现阴影效果一种常用的方法，它的基本思路是创建一个光源视角下的深度图；然后在渲染时，将渲染frag的深度和深度图对应的深度进行比较，若frag的深度比深度图的深度值大，则说明它是在阴影下的（有一个物体在它前面遮挡了光线），否则不需要渲染阴影。 但是在实际的实现中，会有一 ...
分类：
其他好文 时间：
2020-05-20 21:41:57
阅读次数：
93
二.弹性布局(重点******************************************) 1.什么是弹性布局 弹性布局，是一种布局方式。 主要解决的是某个元素中子元素的布局方式 让页面布局更加的灵活 2.弹性布局专有的名词解释 1.容器 要发生弹性布局的子元素，他们的父元素，成为容器 ...
分类：
Web程序 时间：
2020-05-19 23:10:06
阅读次数：
142
