会员
众包
新闻
博问
闪存
赞助商
Trae
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Liujunyan_x
博客园
首页
新随笔
联系
管理
订阅
随笔- 22 文章- 0 评论- 0 阅读-
23163
1
2
3
下一页
2016年4月13日
position:absolute的小坑
摘要: 一般说道元素居中显示会有多种方法,今天使用一个很常见水平居中的方式~即父元素相对定位,子元素绝对定位然后left:50%~再让其margin-left偏移负的子元素宽度的一般~因为一些特殊的需求~没有给子元素设置尺寸~而是使用js获取元素的宽度在通过js去操作器margin-left~于是就出现了个
阅读全文
posted @ 2016-04-13 18:55 Liujunyan_x
阅读(334)
评论(0)
推荐(0)
2016年4月12日
小谈angualr $q
摘要: 以一个$()请求为例代码如下 以上代码使用angualr内置的$http函数发起一个get请求,then方法可以传入两个回掉函数,这个没什么谈的,当然还可以有下面的链式调用 需要注意的是当请求失败后会在第一个then的失败回掉函数中执行代码,之后程序可以顺利地执行下面的then的成功的回掉函数,如果
阅读全文
posted @ 2016-04-12 00:42 Liujunyan_x
阅读(267)
评论(0)
推荐(0)
2016年3月16日
利用flexbox实现li翻转显示
摘要: 时常遇到要将多个li项翻转显示的需求~可以编写相应的js来实现~但在支持flexBox布局的浏览器中可以利用这一布局的特性巧妙地实现li的翻转显示~ 实现如下:(可以使用注释起来的方式快速生成多个li标签~) 也可以实现写好对应的样式类~在合适的时候通过js在ul上加上这个类~
阅读全文
posted @ 2016-03-16 00:32 Liujunyan_x
阅读(552)
评论(0)
推荐(0)
2015年11月21日
绝对定位注意点
摘要: 块级元素不设置宽度时默认占父元素的100%~如果块级元素没有设置大小~同时又给该块级元素设置了绝对定位~那它会缩成一个点~下面一段代码: hehe ...
阅读全文
posted @ 2015-11-21 00:37 Liujunyan_x
阅读(254)
评论(0)
推荐(0)
2015年11月19日
浅谈setTimeout与setInterval
摘要: 在吐槽这两个欺骗人的感情的方法之前先提一下这两个函数的用法:setTimeout( function(){ alert(’你好!’); } , 100);setInterval( callbackFunction , 100);上述两函数第一个是指延迟100ms后执行回到函数打印“你好”第二个函数是...
阅读全文
posted @ 2015-11-19 13:12 Liujunyan_x
阅读(164)
评论(0)
推荐(0)
2015年11月16日
bing智能提示搜索框实现
摘要: 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
阅读(868)
评论(0)
推荐(0)
2015年11月14日
eval()和JSON.parse()的区别
摘要: 我们将一个字符串解析成json对象时可以使用两种方法:假设我们有一个json格式的字符串:'{ "student" : [ {"name":"鸣人","age":17}, {"name":"小樱","age":17}, {"name":"佐助","a...
阅读全文
posted @ 2015-11-14 23:41 Liujunyan_x
阅读(6634)
评论(0)
推荐(1)
浅谈web存储
摘要: 1、先来说说之前的客户端存储吧~在html5出来之前~客户端存储主要是使用cookie~不过这种古老的方式存在着好一些弊端~举例如下:可以存储的数据的大小受到限制~官方指出一个域名下最多可以存储4k的数据(有点少吧~~)cookie的数据放到了http请求头上~这样不仅使得http请求头变得臃肿~过...
阅读全文
posted @ 2015-11-14 22:51 Liujunyan_x
阅读(240)
评论(0)
推荐(0)
2015年11月13日
图片压缩工具之grunt-contrib-imagemin
摘要: 对页面进行优化时~免不了对使用的图片进行压缩~以便减小我们使用的图片的大小~这样就可以减少用户下载的文件大小,加快页面访问速度。Google Pagespeed最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台) 对 jpeg/jpg 图片进行无损压缩,如果是 P...
阅读全文
posted @ 2015-11-13 12:29 Liujunyan_x
阅读(855)
评论(0)
推荐(0)
2015年11月12日
企业网设计与实现---盒子布局、高度自适应容器、广告轮播图插件、li样式设定、新闻标题与日期一行排版、float注意事项
摘要: 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
阅读(618)
评论(0)
推荐(0)
1
2
3
下一页
公告
昵称:
Liujunyan_x
园龄:
9年10个月
粉丝:
1
关注:
0
<
2025年7月
>
日
一
二
三
四
五
六
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
更多链接
随笔分类
css(1)
HTML5Core(2)
jQuery(1)
js(3)
web程序问题总结(6)
布局(1)
工具(1)
框架(1)
前端杂点(2)
随笔档案
2016年4月(2)
2016年3月(1)
2015年11月(16)
2015年10月(1)
2015年9月(2)
阅读排行榜
1. eval()和JSON.parse()的区别(6634)
2. 使用reveal.js制作酷炫的页面(6081)
3. 响应式图片透明遮罩层效果(2037)
4. jQuery.on()和jQuery.off()--注意事项(1259)
5. H5新表单属性之required(884)
推荐排行榜
1. eval()和JSON.parse()的区别(1)
2. 使用reveal.js制作酷炫的页面(1)
点击右上角即可分享