web前端
打工人小飞
公众号:机器修行
展开
-
网页正文、屏幕、滚动条相关
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWid原创 2015-08-23 11:37:04 · 923 阅读 · 0 评论 -
block,inline和inline-block概念和区别
总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。大体来说HTML元素各有其自身的布局级别(block元素还是inlin原创 2015-08-21 16:16:35 · 3403 阅读 · 1 评论 -
Javascript实现瀑布流
瀑布流就是像瀑布一样的网站——丰富的网站内容,特别是绚美的图片会让你流连忘返。你在浏览网站的时候只需要轻轻滑动一下鼠标滚轮,一切的美妙的图片精彩便可呈现在你面前。瀑布流网站是新兴的一种网站模式——她的典型代表是 pinterest、美丽说、蘑菇街这类型的网站。HTML5代码:html>html>head lang="en"> meta charset="UTF-原创 2015-08-18 16:34:14 · 641 阅读 · 0 评论 -
Javascript中的apply和call
主要我是要解决一下几个问题:1. apply和call的区别在哪里2. 什么情况下用apply,什么情况下用call3. apply的其他巧妙用法(一般在什么情况下可以使用apply)我首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用. apply:方法能劫持另外一转载 2015-08-18 09:50:48 · 568 阅读 · 0 评论 -
Javascript正则表达式
定义和使用var patt1 = new RegExp("hello"); var patt2 = /world/ ; test方法test() 方法检索字符串中的指定值。返回值是 true 或 false。var pat = /my/; var str = "this is my code..."; console.log(pat.test(str)); // tru原创 2015-08-17 16:25:45 · 772 阅读 · 1 评论 -
javascript中的innerHTML,innerText,outerHTML的用法及其区别
用法:div id="test"> span style="color:red">test1span> test2div>在JS中可以使用:test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是“test1 test2 ”。test.innerText: 从起始位置到原创 2015-08-14 20:51:22 · 837 阅读 · 1 评论 -
照片墙设计与制作
HTML5代码:html>html>head lang="en"> meta charset="UTF-8"> title>title> link type="text/css" href="style.css" rel="stylesheet">head>body>div class="container"> img class="pic pic1"原创 2015-08-12 20:28:26 · 1684 阅读 · 0 评论 -
HTML5中的canvas详述
canvas概述canvas标签非常的简洁,常用的就width和height两个属性大多数 canvas 绘图 API 都没有定义在 元素本身上,而是定义在通过画布的 getContext() 方法获得的一个“绘图环境”对象上 var tCanvas = document.getElementById("canvasOne"); var ct转载 2015-08-12 16:23:37 · 1083 阅读 · 0 评论 -
HTML5中div,section,article的区别总结
divsection article ,语义是从无到有,逐渐增强的。div 无任何语义,仅仅用作样式化或者脚本化的钩子(hook),对于一段主题性的内容,则就适用section,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article。原则上来说,能使用article 的时候,也是可以使用 section 的,但是实际上,假如使用 article 更合适,那原创 2015-08-12 14:42:11 · 966 阅读 · 0 评论 -
get与post的区别
两种 HTTP 请求方法:GET 和 POST在客户机和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST。GET - 从指定的资源请求数据。POST - 向指定的资源提交要被处理的数据GET 方法请注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的:/test/demo_form.asp?name1=value1原创 2015-08-11 17:26:07 · 509 阅读 · 0 评论 -
Webstorm酷炫主题
先上个js最终结果图,css,html都一样色系就不抓了。更新的 webstorm 10.0 的主题:把grey_orange.rar解压后放到:XP:C:\Documents and Settings\Administrator\.WebIde10\config\colorswin7:C:\Users\jikey(用户名)\.WebIde10\config\colo...原创 2015-06-30 21:32:57 · 2981 阅读 · 0 评论