- 博客(6)
- 收藏
- 关注
转载 正则表达式(括号)、[中括号]、{大括号}的区别小结 通用所有语言 系统
正则表达式(括号)、[中括号]、{大括号}的区别小结 通用所有语言 系统 正则表达式的() [] {}有不同的意思。 () 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。 (\s*)表示连续空格的字符串。 []是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字。[\s*]表示空格或者*号。 {}一般用来表示匹配的长度,比如 \...
2018-07-31 17:02:31 282
原创 滚动视觉差
什么是滚动视觉差呢? 视差滚动是从英文(Parallax Scroller)翻译过来,是近年来比较流行的一些网页设计应用,它是利用多层背景加上利用鼠标拖动滚动条来形成一些像动画一样的视觉效果,非常有感觉。 应用实例 http://www.putzengel.at/ http://wootten.com.au/process/ 线上demo :https://codyhou...
2018-07-26 15:56:53 1598
原创 原地摇摆的木马和一些GIF动画特效
最近做了一个H5的小项目:包含一些动画特效 ,如 微风吹动的窗帘、持续闪烁的灯光、随风摆动的树枝、热气腾腾的一杯咖啡、原地摇摆的木马。。。那么来说一下实现的方式吧。首先一个原则能用css实现就不用js,能用小图的就绝不用大图,那么gif可以作为减少页面复杂程度和提高性能的选择方案。开始吧:css实现原地摇摆的木马 ,<!DOCTYPE html> <html lang="en"&...
2018-07-06 17:28:13 1266
原创 网格背景棋盘实现纯css
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网格</title> <script>document.documentElement.style.fontS
2018-07-04 11:14:07 1424
原创 网格背景棋盘实现canvas
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网格</title> <style> #chess { display:
2018-07-04 11:03:37 953
原创 移动端无缝轮播(全适配)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>移动端无缝轮播(全适用)</title> <meta name="keywords" content="移动端无缝轮播(全适用)"/> <...
2018-07-03 13:40:26 2727
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人