会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
jayruan
博客园
首页
新随笔
新文章
联系
管理
订阅
上一页
1
2
3
4
5
6
7
8
9
10
···
12
下一页
2016年4月21日
validator
摘要: http://rickharrison.github.io/validate.js/validate.js rules: 'required|callback_check_password' validator.registerCallback('check_password', function(
阅读全文
posted @ 2016-04-21 00:39 jayruan
阅读(344)
评论(0)
推荐(0)
编辑
2016年4月19日
5种JavaScript和CSS交互的方法
摘要: 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 分享 随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作。我们的网页中都有
阅读全文
posted @ 2016-04-19 02:19 jayruan
阅读(420)
评论(0)
推荐(0)
编辑
load image
摘要: <img data-src="/path/to/image.jpg" alt="">img { opacity: 1; transition: opacity 0.3s;} img[data-src] { opacity: 0;} [].forEach.call(document.querySele
阅读全文
posted @ 2016-04-19 00:08 jayruan
阅读(226)
评论(0)
推荐(0)
编辑
not jquery
摘要: var divs = document.querySelectorAll('div'); [].forEach.call(divs, function(div) { // do whatever div.style.color = "red";}); http://www.webhek.com/di
阅读全文
posted @ 2016-04-19 00:02 jayruan
阅读(236)
评论(0)
推荐(0)
编辑
2016年4月18日
fetch VS AJAX
摘要: fetch('https://mywebsite.com/endpoint/', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, body: JSON.
阅读全文
posted @ 2016-04-18 23:48 jayruan
阅读(669)
评论(0)
推荐(0)
编辑
2016年4月16日
CSS 奇技淫巧十八招
摘要: http://www.tuicool.com/articles/VZneI3 開始覺得自己會寫 CSS 也算有一段時間了,常常遇到一些非常實用的技巧不斷地反覆使用,但是我個人覺得對初學者來說很難從樣式作用上自己發現可以如此的用法。 例如 border-radius: 50% 現在已經成了大家隨手都會
阅读全文
posted @ 2016-04-16 06:23 jayruan
阅读(352)
评论(0)
推荐(0)
编辑
2016年4月14日
Q
摘要: 了解Promise 在谈论Promise之前我们要了解一下一些额外的知识;我们知道JavaScript语言的执行环境是“单线程”,所谓单线程,就是一次只能够执行一个任务,如果有多个任务的话就要排队,前面一个任务完成后才可以继续下一个任务。 这种“单线程”的好处就是实现起来比较简单,容易操作;坏处就是
阅读全文
posted @ 2016-04-14 10:05 jayruan
阅读(354)
评论(0)
推荐(0)
编辑
ng-switch
摘要: 第四 分支语句之ng-switch on、ng-if/ng-show/ng-hide/ng-disabled标签分支语句让你在界面上都可以写逻辑判断。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <ul> <li ng-repeat="person in persons"> <
阅读全文
posted @ 2016-04-14 09:59 jayruan
阅读(257)
评论(0)
推荐(0)
编辑
2016年4月11日
Meta
摘要: http://liuzidong.iteye.com/blog/716059 <meta http-equiv="cache-control" content="max-age=0" /><meta http-equiv="cache-control" content="no-cache" /><m
阅读全文
posted @ 2016-04-11 09:02 jayruan
阅读(231)
评论(0)
推荐(0)
编辑
digitalocean
摘要: sudo apt-get install sshifconfigssh 198.211.102.203sudo adduser uernameubuntu装配SSH,支持开启sftp服务 sftp 198.211.102.203apt-get update docker run -d --name
阅读全文
posted @ 2016-04-11 05:09 jayruan
阅读(255)
评论(0)
推荐(0)
编辑
2016年4月10日
not use jquery
摘要: document.getElementById('myElement');document.querySelector('#myElement'); document.getElementsByClassName('myElement');document.querySelectorAll('.my
阅读全文
posted @ 2016-04-10 06:57 jayruan
阅读(129)
评论(0)
推荐(0)
编辑
http://bootswatch.com/
摘要: http://bootswatch.com/ http://v3.bootcss.com/examples/dashboard/
阅读全文
posted @ 2016-04-10 05:33 jayruan
阅读(122)
评论(0)
推荐(0)
编辑
2016年4月8日
center
摘要: .mask{ position:absolute;left:0;top:0;height:100vh;width:100vw;filter:Alpha(opacity=60);background-color: rgba(0,0,0,0.6);font-size:3vh; display: -ms-
阅读全文
posted @ 2016-04-08 09:57 jayruan
阅读(237)
评论(0)
推荐(0)
编辑
2016年4月6日
https://github.com/oneuijs/You-Dont-Need-jQuery
摘要: https://github.com/oneuijs/You-Dont-Need-jQuery
阅读全文
posted @ 2016-04-06 22:01 jayruan
阅读(139)
评论(0)
推荐(0)
编辑
2016年4月5日
postMessage
摘要: f.contentWindow.postMessage("SB","http://localhost"); <button id="send">Send Message</button><iframe id="receiver" src="http://demos.matt-west.com/pos
阅读全文
posted @ 2016-04-05 09:38 jayruan
阅读(781)
评论(0)
推荐(0)
编辑
空格
摘要: 名称编号描述   不断行的空白(1个字符宽度)   ^ 半个空白(1个字符宽度)     一个空白(2个字符宽度)     窄空白(小于1个字符宽度)
阅读全文
posted @ 2016-04-05 09:17 jayruan
阅读(152)
评论(0)
推荐(0)
编辑
2016年4月2日
多屏显示
摘要: <div class="container"> <div class="box dark_blue"></div> <div class="box light_blue"></div> <div class="box green"></div> <div class="box red"></div>
阅读全文
posted @ 2016-04-02 11:43 jayruan
阅读(188)
评论(0)
推荐(0)
编辑
2016年3月27日
Scss sass
摘要: http://www.ruanyifeng.com/blog/2012/06/sass.htmlscss 声明:1,$blue : #1875e7;2,.class1 { border: 1px solid #ddd;}3,@mixin left ($value: 10px){ float: lef
阅读全文
posted @ 2016-03-27 03:26 jayruan
阅读(198)
评论(0)
推荐(0)
编辑
2016年3月26日
静态页面常用到
摘要: <!DOCTYPE html> <html manifest="/m.appcache">页面ICON image/x-icon|image/gif<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/
阅读全文
posted @ 2016-03-26 08:50 jayruan
阅读(175)
评论(0)
推荐(0)
编辑
2016年3月24日
display:flex
摘要: 元素在x方向走,元素y不一样[高度]。可以用对齐。align-items. align-self 自身调节元素在x方向走,元素在x方向距离.justify-content . 元素在x方向走,x方向所有元素向y走.align-content[以最高元素决定,最高元素撑到全屏。就不起作用],一行不起作
阅读全文
posted @ 2016-03-24 10:05 jayruan
阅读(243)
评论(0)
推荐(0)
编辑
上一页
1
2
3
4
5
6
7
8
9
10
···
12
下一页
公告