jayruan - 博客园

2016年4月21日

摘要： 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 阅读(356) 评论(0) 推荐(0)

2016年4月19日

5种JavaScript和CSS交互的方法

摘要：分享分享分享分享分享分享分享分享分享分享分享分享分享分享分享分享分享分享分享分享随着浏览器不断的升级改进，CSS和JavaScript之间的界限越来越模糊。本来它们是负责着完全不同的功能，但最终，它们都属于网页前端技术，它们需要相互密切的合作。我们的网页中都有阅读全文

posted @ 2016-04-19 02:19 jayruan 阅读(432) 评论(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 阅读(234) 评论(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 阅读(247) 评论(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 阅读(673) 评论(0) 推荐(0)

2016年4月16日

CSS 奇技淫巧十八招

摘要： http://www.tuicool.com/articles/VZneI3 開始覺得自己會寫 CSS 也算有一段時間了，常常遇到一些非常實用的技巧不斷地反覆使用，但是我個人覺得對初學者來說很難從樣式作用上自己發現可以如此的用法。例如 border-radius: 50% 現在已經成了大家隨手都會阅读全文

posted @ 2016-04-16 06:23 jayruan 阅读(365) 评论(0) 推荐(0)

2016年4月14日

Q

摘要：了解Promise 在谈论Promise之前我们要了解一下一些额外的知识；我们知道JavaScript语言的执行环境是“单线程”，所谓单线程，就是一次只能够执行一个任务，如果有多个任务的话就要排队，前面一个任务完成后才可以继续下一个任务。这种“单线程”的好处就是实现起来比较简单，容易操作；坏处就是阅读全文

posted @ 2016-04-14 10:05 jayruan 阅读(359) 评论(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 阅读(267) 评论(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 阅读(254) 评论(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 阅读(264) 评论(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 阅读(132) 评论(0) 推荐(0)

http://bootswatch.com/

摘要： http://bootswatch.com/ http://v3.bootcss.com/examples/dashboard/ 阅读全文

posted @ 2016-04-10 05:33 jayruan 阅读(131) 评论(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 阅读(240) 评论(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 阅读(155) 评论(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 阅读(822) 评论(0) 推荐(0)

空格

摘要：名称编号描述     不断行的空白（1个字符宽度） &ensp; ^ 半个空白（1个字符宽度） &emsp;   一个空白（2个字符宽度）     窄空白（小于1个字符宽度）阅读全文

posted @ 2016-04-05 09:17 jayruan 阅读(158) 评论(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 阅读(197) 评论(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 阅读(204) 评论(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 阅读(181) 评论(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 阅读(248) 评论(0) 推荐(0)

公告