HTML5|CSS3 第2页

基础知识HTML5、CSS3以及在PC和H5页面的适配和兼容

H5兼容性问题总结

3

笑语 发布于 2017-09-06

文字问题 1.文字顶部被截掉,这个很坑,常见于android手机     机型:android手机,红米note4x, 小米6 原因: 文字大小和行高一样 ...

阅读(935)赞 (3)

学习和使用flexbox布局

1

笑语 发布于 2017-09-04

是时候好好学习flex布局了,之前的开发经验主要集中在web pc端开发,现在主要集中在H5页面的开发,既然H5基本都支持flex布局,为什么不熟练使用呢 ...

阅读(597)赞 (1)

SVG的视窗与宽高比控制

14

笑语 发布于 2017-08-29

SVG元素不像HTML元素一样由CSS盒模型管理。这使得我们可以更加灵活定位和变换这些元素-也许一眼看上去不太直观。然而,一旦你理解了SVG坐标系和变换,操纵SVG会非常简单并且很有意义。本篇文章中我们将讨论控制SVG坐标系的最重要的三个属性:viewport, viewBox,...

阅读(1254)赞 (1)

SVG的牛B之处,你造吗

2

笑语 发布于 2017-08-29

SVG能干啥,想干啥就干啥。可以用来做贴图,做纹理,做动画,甚至做背景图片,你想要的都可以,关键是操作灵活,和别是和canvas又可以相互转化使用,简直是居家旅行必备神器,作为前端工程师,你学会了吗?不会,就抓紧开始吧。

阅读(734)赞 (2)

浏览器兼容性经验笔记

1

笑语 发布于 2017-08-29

遇到好多坑,一路走来,发现竟是坑。调IE7,泪流满面;调微信浏览器,汗流浃背,沐浴泪光。哎,记录一下,有些坑人的地方,还是比较有趣的,值得注意。

阅读(657)赞 (1)

SCSS/SASS编译

1

笑语 发布于 2017-08-29

SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。SCSS即是SASS的新语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS...

阅读(662)赞 (0)

WebStorge使用

1

笑语 发布于 2017-08-29

互联网的未来,是移动互联网;移动互联网网页的未来是WEB App。对于Web APP或者许多的富客户端网页来说,Web Storage是很重要的一部分。对于提升用户体验和网页页面优化有很重要的价值。使用者需要对网页或app的数据结构分层整合,区分出可以用于web storage和...

阅读(556)赞 (0)

伪类使用技巧

2

笑语 发布于 2017-08-29

关于伪类,大家最早接触的肯定是a:hover了,但是不止如此,还有很多其他的伪类。另外,伪类与伪元素也是不同的。伪元素最近用的比较多,做一些效果还是挺不错的,可以有效避免增加DOM元素。这里主要总结一下伪类与伪元素的用法。

阅读(671)赞 (0)

手机网页开发问题集锦

2

笑语 发布于 2017-08-29

接到一个小活,开发手机网页。对方给了一个psd设计图,让我做个手机网页,设计图很长,要求上拉动态加载。我想了想,本以为自己切个图处理一下就好,后来发现不行,许多问题。这里特地记录一下,有些还没解决,只是给了一下自己的想法。

阅读(521)赞 (1)

Canvas图像处理和滤镜特效

1

笑语 发布于 2017-08-29

这段时间做了一个手机WebRTC拍照加特效的应用,主要用到canvas标签获取图像矩阵(这个在上一篇博客中已经详细介绍过:),然后做图像处理,例如滤镜特效(马赛克,浮雕,衬底,反色等),这里我们详细介绍相关的知识。其实从原理上讲,大部分的图像处理都是对图像像素矩阵和某个特效矩阵做...

阅读(879)赞 (0)

WebRTC相关的canvas与video

1

笑语 发布于 2017-08-29

这两天公司有个项目,我打算用HTML5做个演示版本,只要是音视频方面的,所以打算采用HTML5协议规范中的WebRTC来研究,考虑到目前国产浏览器大部分‘高速模式’都是用的webkit核心的浏览器引擎,所以除了Chrome和Firefox浏览器之外,国产的浏览器像是sougou支...

阅读(1571)赞 (0)

使元素不可见的旁门左道

1

笑语 发布于 2017-08-29

最近有人问我如何使一个元素不可见,css中有哪些方法。当时我就随口说了7-8种常用的方法,其实还有很多,可以说是应该几十种方法吧。这里索性就总结一下,权当是对于知识点的总结与回顾。突然间发现这种学习知识的方法也很好,穿插交替。

阅读(579)赞 (0)