HTML/CSS/JavaScript
文章平均质量分 57
靠靠的博客
好好生活
展开
-
HTML/CSS/JavaScript学习【边学边更】
最基本的HTML学习。跟着书上练习,记录下来以便督促自己我们一起来计算梯形的面积function rec(form){form.recanswers.value=(form.recshortth.value*form.recheightth.value+form.reclength.value*form.recheightth.value)/2}梯形面积 上底下原创 2013-06-23 15:38:41 · 1216 阅读 · 0 评论 -
CSS元素水平垂直居中方案总结
【水平居中】1、对于行内元素,将其包裹在display:block的父级元素中,为父级元素添加 text-align:center;2、对于块状元素,左右外边距为auto即: margin:10px auto; 其中10px指的是上下外边距为10像素。3、对于多个块状元素,将元素display设为inline-block,并且父元素的text-align设置为centerdiv原创 2016-08-13 14:44:08 · 599 阅读 · 0 评论 -
一列固定一列自适应布局-flex布局实现
flex布局,弹性盒子布局。声明了display:flex;即变为伸缩容器,在伸缩容器内的所有子元素将自动变成伸缩项目flex items.常结合使用的属性有 dispaly:flex; flex-flow:row; 伸缩项目单行排列或者flex-flow:column; 伸缩项目单列排列这里利用flex布局实现一列固定,一列自适应.parent{width原创 2016-08-13 14:34:33 · 7013 阅读 · 0 评论 -
前端小练习
DOM编程艺术到最后一章了,开始了小练习。既然是band,想到了曾经很喜欢的Sodagreen咯。对分层,结构 行为 样式等的分离又有了多一点点的认识。现在前期编写的规范些,“麻烦”些,为以后的可扩展性打下了良好的基础。还有各种关于css和js的压缩合并,提升性能。类似多图片缩略图的话,合成一张大的镜像图片,再用容器选择特定区域展示。对于各种不同浏览器的差别,兼容性。向前向后。原创 2016-06-20 18:07:23 · 1671 阅读 · 0 评论 -
javascript笔记
1、严格的全等操作符 === 严格不相等!== 不仅比较值,还会比较变量类型2、函数名 驼峰命名法 , 变量 小写和下划线。 这样容易区分出来哪些是变量 哪些是函数3、宿主对象:向浏览器提供的预定义对象。包括from,element,image等。还有一种宿主对象也能获得网页上任何一个元素的信息,就是document对象。4、sibling 纠错英原创 2016-06-15 16:17:21 · 366 阅读 · 0 评论 -
javascript高级程序设计笔记-1
1、ECMAScript不存在块级作用域。如图,i仍然可以访问到。2、ECMAScript没有函数签名,所以没有重载。3、4、可以给对象动态添加属性,不能给基本类型的值添加属性。5、函数的参数只能按值传递6、变量的值是对象或者null,则typeof操作符会返回object。7、子执行环境向上搜索作用域链,即内部环境可以通过作用域链访问外部环境。原创 2016-06-30 10:22:03 · 399 阅读 · 0 评论 -
CSS笔记二
1、目前看的都是CSS3特性相关知识。对长单词拆分并切换到下一行p {word-wrap:break-word;}2、skew英[skju:]美[skju]adj.斜的,歪的; [数学] 不对称的; [统计学] 歪斜,扭曲;vt.歪曲; 曲解; 使歪斜;原创 2016-06-10 16:11:35 · 342 阅读 · 0 评论 -
CSS笔记
1、希望边框出现,必须声明一个样式,border-style。比如border-style: solid; 因为其默认值是none,不会显示。2、border-style相关属性单词,便于理解记忆dotted英[ˈdɒtɪd]美[ˈdɑ:tɪd]adj.有点的,星罗棋布的;原创 2016-06-09 23:23:19 · 422 阅读 · 0 评论 -
javascript笔记
1、JavaScript严格区分大小写。2、for/in循环var person={fname:"John",lname:"Doe",age:25};for (x in person) { txt=txt + person[x]; }以上会输出 JohnDoe253、通过标签名查找HTML元素本例查找 id="main" 的元素,然原创 2016-03-15 17:30:04 · 265 阅读 · 0 评论 -
JavaScript操作DOM节点元素重排
JavaScript动态向ul中插入100个li节点,5秒后实现元素的倒排 //用JS为id为test的ul下动态创建100个li节点,1秒后将这100个节点实现倒排(节点处理,非innerHTML) window.onload = function(){ var ul = document.getElementById("test"); for(var原创 2016-08-14 09:39:13 · 1664 阅读 · 2 评论