chq11106004389的博客

翻译 jQuery中的fn是什么

s

翻译 MDN-闭包

Closures are functions that refer to independent (free) variables (variables that are used locally, but defined in an enclosing scope). In other words, these functions 'remember' the environment in

原创 码子有感

写代码像写文章,学英语.不是你一口气积累了上万语料,代码量后才开始动手,并指望下笔如有神而是一开始就动手写.在持续的修改过程中不断精益求精,不断积累.学英语也是如此,按话题分门别类进行听说读写,知识和技能都达到一定程度后,可以更深层次地追求用语精准,学代码,按功能分门别类,在基础知识和代码量积累到一定量,可以更深层次追求量少优化.

原创 用wordpress搭建的第一个博客

www.hanburgerchen.com

原创 JS/JQ 宽高的理解和应用--慕课

Window和document的区别window对象表示浏览器中打开的窗口,window对象可以省略.比如window.alert() 可以缩写成alert()document对象是window对象的一部分比如document.body可以写成window.document.bodyHTML文档成为document对象window.location vs doc

原创 行内元素能否设置width,height,padding,margin

1.直观体现在排列上.行内元素在直线上水平排开,处于同一行. 块级元素在垂直方向上排列,各个块级元素单独占据一行.2.包容性一般会使用块级包含行内元素.3.行内元素可以设置line-height,但盒子模型中的其余属性均无效(width/margin/padding)

原创 为什么不用==来代替Js正则中的test()

今天学JS正则的时候遇到一个有趣的问题：测试正则表达式,两方法test()和exec(), 如果按照以往的经验,可能会想能不能用==来进行比较？结果是这样的使用==var str1="Hi";var str2="Hihi";alert(str1==str2);结果返回false理由很简单:str1和str2的字符串本身就是不一样的.此外需要知道,使用==若两

原创 first VS first child , last VS last-child

.focusin()方法点击聚焦：   eq(0) / first / first-child点击聚焦：   eq(1) /last - child点击聚焦并传递参数：  eq(2) / first- child点击聚焦并传递参数：  eq(3) / last / last-child         

原创 咬文嚼字

http://www.imooc.com/code/8345

原创 client X 起始点

client X 起始点如何计算

原创 JS DOM 编程艺术

http://www.topthink.com/topic/3522.html?utm_source=tuicool&utm_medium=referralhttp://www.imooc.com/article/3027

翻译 JS的全局变量

d

翻译 Level 0 DOM

http://www.quirksmode.org/js/dom0.html

翻译 Coursera Js

使用function的目的Define once butcall it multiple times.function的使用步骤Step1 Declare a function ( doesn't do anything though)Step2 Call the function (This will change the program flow)program flo

原创 H5 COURSERA

headmeta data language,titlesupporting files:JavaScript, Styling,Addons.Bodyis the bulk of your page, it's important to write well-formatted(tree-like) code.Most of the contents will be disp

原创 偏移属性和index属性对static无效

写导航栏时遇到一个有意思的问题.如图上的">", 我在float的基础上用margin-right进行调整,当时脑洞(hun)大(luan)开,想用right会有什么效果？试了一下,两者效果一样。 那么什么时候用right和margin-right呢？A positioned element is an element whose computed position pro

翻译 API

Every page is built upon the DOM(Document Object Model)Page content is represented by the DOMEvery node = 1 parent + *childrenEvery document is built like a tree, Js is a cheeky monkey,he can ge

原创 导入样式表与链入样式表区别

link元素属于HTML级，@import属于CSS级,页面运行时，浏览器先分析html标签,在遇到link标签时会加载link标签所连接的资源文件；而执行到@import语句的style元素时，浏览器将认为它只是一个html元素，并不去顾忌元素的内容.浏览器在执行Html文档时，会直接执行link元素链入的样式表内容;到了要执行style元素时,才发现需要导入外部CSS样式表文件，这

翻译 关于span

今天上午发现有个网站是这么用的.点击打开链接我的疑问是为什么不直接用?后面发现该内容在English版面中就是直接使用.那么问题来了:1.什么时候使用最恰当？Wiki的定义是,当没有其他html元素能够恰当定义文档内容时.可以使用或并使用class,id,lang,或dir属性来进行调用。,一类的元素能准确体现html文档的语义,而和则既能提升用户体验，又有助于

原创 CSS的组成,三种样式(内联式,嵌入式,外部式),优先级

--------------------------------------------------------------------------------------------------------------------------------------内联式CSS ---来自慕课----------------------------------------------------

原创 html表单实现交互,控件,可访问性<label>

神马是表单？实际上就是一个包含输入域的Web页面,允许你输入信息.表单如何工作?通过浏览器，我们访问了一个包含HTML表单的页面,填写了表单，然后提交浏览器打包表单数据，发给Web服务器Web服务器收到表单数据，然后把数据传给一个服务器脚本进行处理服务器脚本处理完表单数据，然后创建一个全新的HTML页面作为响应，再将这个页面传给Web服务器Web服务器把服务器脚本的响应（就是那

原创 html表格

CSS\ caption是标题,caption-side:top默认值。把表格标题定位在表格之上。bottom把表格标题定位在表格之下。inherit规定应该从父元素继承 caption-side 属性的值。单元格和盒模型相似,但单元格没有外边距,不能单独控制各个表格单元的边框间距。而要统一通过border-spacing来设置.border-spacing:1

原创 博客基本形式 时间和文字

原创 导航<nav>,视频<video>

html先为导航建立链接,并把锚包围在无序列表当中CSS增加nav注意一下margin视频controls （controls是"布尔属性",如果有controls属性,视频控件会出现,若没有,则不出现）autoplay    （autoplay是"布尔属性",如果有autoplay属性

原创 CSS布局与定位,flow流,float

块元素的位置:从上向下流，元素之间自动换行内联元素的位置:水平方向上排列,总体上会从左上方流向右下方

原创 层叠,特定性计算,!important

页面制作者可以对html使用多个样式表用户也能自己提供样式浏览器也有默认样式而且，还可以有多个选择器应用到同意元素。那么，一个元素到底听谁指挥？---引入层叠概念假设页面上有个元素，浏览器想知道这个元素的font-size属性,它会这么做:浏览器会先收集所有样式表(Web页面作者规定的font-size属性，读者自己增加的，浏览器默认的样式。)找到所有匹配的声明

原创 伪类与超链接

伪类（Psedo-class）有些元素有不同的状态,元素就是这样一个例子.它的主要状态包括未访问、已访问和悬停可以用伪类单独地为各个状态指定样式.伪类最常用于元素。)比如a:link,a:visited,a:hover都允许你指定样式,就好像它们是类一样.但没有人在html文件中真正输入这些类.伪类的实现要归功于浏览器，浏览器检查所有元素，把它们增加到正确的伪类中.比如,一

原创 <span>

用来创建内联字符和元素  Html页面是这样的：CSS是这样的：对比一下的CSS是这样的：问题来了比如有三行文字，格式为:艺术家--曲名.如果要使艺术家名字加粗，曲名斜体,为什么要建，而不直接用和?一般原则是，用与内容含义最接近的元素来标记内容.如果是为了强调一个重点，可以用如果要强调某些文字，可以

原创 CSS属性简写

margin/padding 方法同理padding-top: 0px;padding-right: 20px;padding-bottom: 30px;padding-leftp: 10px;简写 padding: 0px  20px 30px 10px;         (顺时针，上右下左)padding-top: 20px;pa

原创 <div>

什么叫逻辑区(logical sectioin)？页面上彼此相关的一组元素。例如我们发现在一个关于宠物的html上，“猫猫”区的元素构成为一个标题和一个段落，如+>"狗狗"区的构成也为一个标题和一个段落，+>我们可在属于一个逻辑区的元素周围放置，并同时用id/class指定标签     id 用于标识单独的唯一的元素。<div class="cats">  cl

原创 CSS 为不同类型的设备建立样式表

针对要显示的页面类型（桌面PC，笔记本，平板，手机，页面的印刷版本…）方法一：在HTML中利用，把type改成media属性         media="screen and (max-device-width:480px)" rel="stylesheet"  href="文件名.css" >类似，可创建一个查询来匹配打印机设备 rel="style

原创 CSS id区分class

class利用类可以对一组元素应用一个或多个样式属性。如页面中有一个假日主题区，一个万圣节区，一个圣诞节区。可把所有万圣节元素增加到halloween类，然后单独地对这些元素指定样式，比如用橙色。但只对一组元素应用样式属性对class来说大材小用。一般用id属性。id只有一组元素需增加样式，或者页面上唯一的元素：如页面上的页眉页脚，导航条包含“每日图片”的元

原创 CSS盒子,line-height,padding,margin,background,border

行间垂直距离leading(读作ledding)line-height:1.6em/120%/30px; 内容四周使用相同的内边距padding:25px;也可单独限制padding-left:80px;注意顺序，如果先用padding-left，那么padding对左侧实施的25px会被覆盖。内容四周使用相同的外边距margin:也可单独限制m

原创 CSS字体设置概览

CSS提供了很多属性改变字体外观包括font-family:serif/sans-serif/monospace/cursive/fantasy;           （前两种最常用）若要使用用户可能没安装的字体，可利用@font-family font-family:       @ font-face {:"Emblema One";

原创 CSS字体颜色,文本装饰线,删除线

CSS字体颜色方法1使用rgb值来制定body{background-color:silver/Aqua/Navy;         （css有16种基本颜色和150种扩展颜色可以利用该法指定）        background-color:rgb(80%,40%,0%);        background-color:rgb(204,102,0);

原创 CSS字体选择,字体大小,粗细,斜体,缩进,文字单词间距

先用@font-fase创建要使用的字体然后在要使用font-family的中引用font-family使用Web字体缺点：获取字体需要一定时间，管理多个字体也挺麻烦，然后移动设备，小型设备并不支持web字体，所以设计中要考虑候选字体可以使用@font-fac定制多个字体。每种字体需单独创建一个@font-face规则l※常用的内置CSS规则

原创 选择器(标签,class,id,子,后代,通用,伪类,分组)区别,继承,<link>

※此时不用可以把要实现的元素的共同样式放到一起，只能对中的元素增加样式，比如列举要设置的所有h标题，h1,h2{            }大括号里的设置并会应用到所有h1,h2标题。若要单独实现h1效果，比如下划线，只需在原有基础上再写一行h1{border-bottom:}里常见的元素：h1 {font-fami

原创 HTML5开头声明

HTML的标准由W3C（World Wide Web Consortium）制定，可以用检查工具:https://validator.w3.org/nu/点击打开链接HTML5可以用来构建web应用：社交媒体应用，地图应用，游戏……参考《Head First HTML5 Programming》HTML现今采用Unicode字符编码 一种编码可以表示所有语言。但由于还存在其他编码，所以我们

原创 <img>

既是inline元素，不会在前面或后面插入换行；也是一个void元素，不需要结尾       More than a just a 图像：不同图像格式分别有什么作用 JPEG一般比同质量的PNG,GIF占用空间小，但PNG,GIF logo效果好于JPEG，占用空间也更小。如何在 GIF，PNG间选择  PNG压缩更优，对颜色数相同的图像（最多256色）PNG文件更小。

原创 <li><ol><ul>

列表分类：有序列表，无序列表有序列表: ordered list             Walla walla, WAMagic city, IDBountiful, UTLast Chance, COWhy, AZTruth or Consequences, NM无序列表:unordered list      Walla wal