摘要: 一般说道元素居中显示会有多种方法,今天使用一个很常见水平居中的方式~即父元素相对定位,子元素绝对定位然后left:50%~再让其margin-left偏移负的子元素宽度的一般~因为一些特殊的需求~没有给子元素设置尺寸~而是使用js获取元素的宽度在通过js去操作器margin-left~于是就出现了个 阅读全文
posted @ 2016-04-13 18:55 Liujunyan_x 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 以一个$()请求为例代码如下 以上代码使用angualr内置的$http函数发起一个get请求,then方法可以传入两个回掉函数,这个没什么谈的,当然还可以有下面的链式调用 需要注意的是当请求失败后会在第一个then的失败回掉函数中执行代码,之后程序可以顺利地执行下面的then的成功的回掉函数,如果 阅读全文
posted @ 2016-04-12 00:42 Liujunyan_x 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 时常遇到要将多个li项翻转显示的需求~可以编写相应的js来实现~但在支持flexBox布局的浏览器中可以利用这一布局的特性巧妙地实现li的翻转显示~ 实现如下:(可以使用注释起来的方式快速生成多个li标签~) 也可以实现写好对应的样式类~在合适的时候通过js在ul上加上这个类~ 阅读全文
posted @ 2016-03-16 00:32 Liujunyan_x 阅读(536) 评论(0) 推荐(0) 编辑
摘要: 块级元素不设置宽度时默认占父元素的100%~如果块级元素没有设置大小~同时又给该块级元素设置了绝对定位~那它会缩成一个点~下面一段代码: hehe ... 阅读全文
posted @ 2015-11-21 00:37 Liujunyan_x 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 在吐槽这两个欺骗人的感情的方法之前先提一下这两个函数的用法:setTimeout( function(){ alert(’你好!’); } , 100);setInterval( callbackFunction , 100);上述两函数第一个是指延迟100ms后执行回到函数打印“你好”第二个函数是... 阅读全文
posted @ 2015-11-19 13:12 Liujunyan_x 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 1、将一张大图铺满窗口~实现方式:.bg-div-class { background-image: url("../images/river.jpg"); position: fixed; width: 100%; height: 100%;}*有时~可能需要设置z-ind... 阅读全文
posted @ 2015-11-16 12:33 Liujunyan_x 阅读(857) 评论(0) 推荐(0) 编辑
摘要: 我们将一个字符串解析成json对象时可以使用两种方法:假设我们有一个json格式的字符串:'{ "student" : [ {"name":"鸣人","age":17}, {"name":"小樱","age":17}, {"name":"佐助","a... 阅读全文
posted @ 2015-11-14 23:41 Liujunyan_x 阅读(6570) 评论(0) 推荐(1) 编辑
摘要: 1、先来说说之前的客户端存储吧~在html5出来之前~客户端存储主要是使用cookie~不过这种古老的方式存在着好一些弊端~举例如下:可以存储的数据的大小受到限制~官方指出一个域名下最多可以存储4k的数据(有点少吧~~)cookie的数据放到了http请求头上~这样不仅使得http请求头变得臃肿~过... 阅读全文
posted @ 2015-11-14 22:51 Liujunyan_x 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 对页面进行优化时~免不了对使用的图片进行压缩~以便减小我们使用的图片的大小~这样就可以减少用户下载的文件大小,加快页面访问速度。Google Pagespeed最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台) 对 jpeg/jpg 图片进行无损压缩,如果是 P... 阅读全文
posted @ 2015-11-13 12:29 Liujunyan_x 阅读(847) 评论(0) 推荐(0) 编辑
摘要: 1、给li添加样式图标时使用语句.top_content li { list-style-image: url("../images/li_bg.gif"); float: left; width: 70px;}实现效果:注意:为了让li可以在一行显示~可以有多种方法~比如设置li... 阅读全文
posted @ 2015-11-12 10:16 Liujunyan_x 阅读(599) 评论(0) 推荐(0) 编辑