前端开发

CSS之响应式Web设计(横屏/竖屏提醒)

1

zhongxh 发布于 2018-10-19

结合CSS媒体查询,可以创建适应不同设备的方向(横屏landscape、竖屏portrait等)的布局。 语法: orientation:portrait | landscape portrait:指定输出设备中的页面可见区域高度大于或等于宽度 landscape: 除portr...

阅读(186)评论(0)赞 (0)

正则表达式实例

gzzhang 发布于 2018-05-09

收集在业务中经常使用的正则表达式实例,方便以后进行查找,减少工作量。 1. 校验基本日期格式 var reg1 = /^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/; var reg2 = /^(^(\d{4}|\d{2})(\-|\/|\.)\d{1,2}...

阅读(160)评论(0)赞 (0)

如何像个程序员一样思考

gzzhang 发布于 2018-04-19

程序员们到底是怎么写出成千上万行代码的呢?对于这个问题,我想你一定很好奇,这篇文章对于懂技术的人而言也是一种学习,看看别人是如何一步步写出代码,背后的思维方式是怎样的。 原文首发于知乎专栏——DesignCoder,作者 PeterZ “我总是 get 不到怎么去编程。看着一个空...

阅读(155)评论(0)赞 (0)

PWA将带来新一轮大前端技术洗牌?

11

gzzhang 发布于 2018-04-17

本文作者彭星,百度资深前端工程师,负责百度在 PWA 方向上的工作,致力于提升 Web 的体验。 笔者转载这篇文章的目的,是因为目前 PWA 的广泛应用,已经初现端倪,包括苹果系统也已经在11.3版本的ios中开始支持。未来可能是网页开发的一个新趋势,值得关注。 一、回顾历史:移...

阅读(194)评论(0)赞 (0)

网页动画的十二原则

13

gzzhang 发布于 2018-04-04

本文转载自http://www.jianshu.com/p/1858a8733ba3,著作权归作者所有。 作为前端的设计师和工程师,我们用 CSS 去做样式、定位并创建出好看的网站。我们经常用 CSS 去添加页面的运动过渡效果甚至动画,但我们经常做的东西不会超过这些。 动效是一个...

阅读(230)评论(0)赞 (0)

Native App和web App有什么区别

1

zhongxh 发布于 2018-04-03

Web技术开发的APP发布能力强、开发效率快,但是功能相对较弱,用户体验差。 Native APP就是原生APP,它的人机交互体验强,设备调用性能好,但是开发时间长,发布效率低。 两者各有利弊,还要开发应用的目的和用户服务需求,现在移动开发也趋于将两种技术融合,WEB技术在原生A...

阅读(294)评论(0)赞 (0)

Magic CSS3 一款独特的CSS3动画特效包

1

zhangli 发布于 2018-03-23

Magic CSS3 Animations 动画是一款独特的CSS3动画特效包,你可以自由地使用在您的网页中。只需简单的在页面上引入 CSS 文件: magic.css 或者压缩版本 magic.min.css 就可以使用了。 效果及样式命名查看 ↓ http://www.jq2...

阅读(228)评论(0)赞 (0)

web app 一分钟适配 iPhone X

3

zhongxh 发布于 2018-03-13

iPhone X 了!!!面对 iPhone X 这个奇葩的屏幕,你准备好了吗?   因为 iPhone X 的刘海设计,Web 在 iPhone X 横屏时,可能会有些问题: 默认情况,iPhone X 会将页面填充到安全区域(safe area),就像上面的图一样,...

阅读(265)评论(0)赞 (0)