• 深入解析响应式布局

    首先 响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:Web设计应该做到根据不同设备环境自动响应及调整。当然 响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先。 最开始是...

    2018-06-24 00:17:09

  • 关于响应式布局

    响应式布局,就是一个网站可以兼容多类型终端,但不是需要为每一个终端做一个特定的网页版本。响应式布局可以为不同终端的用户提供更舒适的界面和用户体验,目前越来越多的大屏幕移动设备的出现,响应式也随之成为开发人员广泛使用的WEB技术。 优点: 面对不同分辨率设...

    2018-06-24 00:17:07

  • 移动前端开发总结

    移动前端开发,也就是webapp,主要是针对Iphone、Android等高端手机。 1、禁止用户屏幕旋转。 这点可以肯定的说是做不到的,之前因为有项目需要禁止屏幕旋转,所以网上查阅了大量的资料,发现根本没有解决办法,在移动版webkit中根本做不到。苹果api也说明了,我们为了...

    2018-06-24 00:16:51

  • CSS3——3D旋转图(跑马灯效果图)

    CSS3新增了很多新的属性,可以用很少的代码实现炫酷的动画效果,但由于兼容性各浏览器的能力存在不足,有特别需求的网站就呵呵啦。H5C3已是大势所趋了,之前看过一个新闻,Chrome将在年底全面转向H5,抛弃了Flash。。 本案例主要使用了CSS3中的变换transform和动画anim...

    2018-06-24 00:17:02

  • Emmet插件比较实用常用的写法

    看了一些关于Emmet插件写法的文档,港真,怎么可以写这么长...

    2018-06-24 00:16:57

  • 网站前后端性能优化(网摘)

    1.减少http请求数 合并文件,通过把所有脚本置于一个脚本文件里或者把所有样式表放于一个样式表文件中,从而减少Http请求的数量。 CSS Sprites是减少图片请求的首选方案。把所有的背景图片合并到一张图中,使用CSS的background-image 和background-position 属性去控制...

    2018-06-24 00:16:41

  • HTML <map> 标签-创建带有可点击区域

    定义和用法 定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。 所有主流浏览器都支持 map 标签。 注释:area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。 img中的 usemap 属性可引用 map 中的 id 或 name 属性(取决于...

    2018-06-24 00:16:45

  • 今天发现新大陆:haml和Emmet

    其实一开始小渣渣我只是想接触一下(css预处理器)sass,可是突然冒出一个haml。 原文是酱紫的。 Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言,它诞生于2007年,是最大的成熟的 CSS 预处理语言。最初它是为了配合 HAML(一种缩进式 HTML 预编译器)而设计的,因此...

    2018-06-24 00:16:41

  • 设置透明边框

    有的时候需要设置透明边框,但是又没有这种颜色可选,所以采用RGBA,RGBA在RGB的基础上多了控制alpha透明度的参数。 RGBA语法示例: .div {background: rgba(200,200,200,0.5);} 当我们需要设置边框的透明度的时候,根据需要填写最后一个数值在0-1之间就可以了。...

    2018-06-24 00:16:29

  • Form.action传值问题

    通过浏览器地址栏输入url并通过?传递参数请求资源时,?后面的参数叫做 "查询字符串",会触发后台Servlet的doGet(),因为通过浏览器地址栏直接访问的方式是GET方式。 下面顺便了解一下form的method属性对传参的影响。 原始表单: form id="myForm" label用户名:/label...

    2018-06-24 00:16:19

2