- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 HTML,HTTP&Web问题-day01
(2)使用语义化的HTML代码,比如使用 < strong > 代替 < b > , < em > 代替 < i > ,可以让搜索引擎更容易理解网页;(7)将脚本放到页面底部,将JS和CSS从外部引入,压缩JS和CSS,删除不需要的脚本,减少DOM访问;(2)服务器交给后台处理完成后返回数据,浏览器接收文件(HTML,CSS,JS和图像);(3)浏览器对加载到的资源进行语法解析,建立相应的内部数据结构(HTML和DOM树);(1)减少HTTP请求,合并文件,使用CSS精灵,inlineImage;
2022-11-07 20:55:56
650
原创 动态创建标记
这个方法可以把字符串插入到文档里。 然后调用这个函数: 但是把JS代码与HTML标记混合在一起是一种很不好的做法,应尽量使行为与结构分离.作者建议我们应该避免使用document.write方法. 这个会弹出 < p > This is < em > my < em > content < /p >这段话, innerHTML没有什么细节,它会直接标记里的所有内容,而且innerHTML还支持插入内容, 在网页里也会输出 I inserted this content.这句话.其实testdiv里面有没
2022-07-09 15:29:24
203
原创 图片库的改进版的启示
在图片清单里,各个链接都包含在同一个列表清单元素里,所以给整个清单设置一个ID.结构化程序设计原则(struct programming):函数应该只有一个入口和一个出口.但如果过分拘泥于这个原则将会使代码十分难以阅读,作者的观点是:只要这些出口集中出现函数的开头部分,就是可以接受的.4.对代码的改进: 在上面的ul列表里,只需要根据id就可以链接列表里的各个元素: 对prepareGallery的优化: 这里进行了对象检测,对各种方法和对象不存在的情况进行了检测.6.对showPic的对象检测优化:
2022-07-07 19:23:12
318
原创 最佳的实践
与href = "JavaScript:…"和href = "#"相比,这个URL地址并没有彻底失效,用户依然可以查看链接。把上面的onclick事件点击函数封装进一个function中,把HTML与JavaScript代码分离开来. 向后兼容: (1)浏览器嗅探技术:风险大,不推荐使用; (2)对象检测(object detection): 若浏览器不存在对应的方法,直接返回false，确保浏览器的兼容性.就像是告诉浏览器,如果你没有对应的方法,请你离开！(1)尽量少访问DOM和尽量减少标记.减少DOM树
2022-07-06 20:13:39
206
原创 浮动的使用
注意，元素设置浮动以后，水平布局的等式便不需要强制成立 元素设置浮动以后，会完全从文档流中脱离，不再占用文档流的位置， 所以元素下边的还在文档流中的元素会自动向上移动 浮动的其他特点 浮动元素不会盖住文字，文字会自动环绕在浮动元素的周围， 所以我们可以利用浮动来设置文字环绕图片的效果。 元素设置浮动以后，将会从文档流中脱离，从文档流中脱离后，元素的一些特点也会发生变化 高度塌陷的问题 BFC(Block Formatting Context) 块级格式化环境 BFC是一个CSS中的一个隐含的属性，可以为一个
2022-07-06 16:42:02
295
原创 CSS布局
盒子模型 盒子模型之边框 边框 边框的宽度 border-width 边框的颜色 border-color 边框的样式 border-style 盒子模型之内边距（padding） 盒子模型之外边距（margin） 盒子的水平布局 元素的水平方向的布局： 元素在其父元素中水平方向的位置由以下几个属性共同决定“ margin-left border-left padding-left width padding-right border-right margin-right一个元素在其父元素中，水平布局
2022-07-06 16:28:36
120
原创 CSS基础
3.1 层叠样式表 (Cascading Style Sheets) • css可以用来为网页创建样式表，通过样式表可以对网页进行装饰。 • 所谓层叠，可以将整个网页想象成是一层 一层的结构，层次高的将会覆盖层次低的。 • 而css就可以分别为网页的各个层次设置样 式。3.2基本语法 由选择器和声明块组成。 选择器 {样式名:样式值；样式名:样式值 ; } p {color:red ; font-size:12px;}3.3开发中推荐使用外部样式表 可以将所有的样式保存到一个外部的css文件中，然后通过标签
2022-07-06 16:01:16
190
原创 HTML入门
一个网页主要由三部分组成： 结构：HTML，用于描述页面的结构； 表现：CSS，用于控制页面中元素的样式； 行为：JavaScript，响应用户的操作.2.1 Hypertext Markup Language 超文本标记语言 它负责网页的三个要素之中的结构。 HTML使用标签的的形式来标识网页中的不 同组成部分。 所谓超文本指的是超链接，使用超链接可 以让我们从一个页面跳转到另一个页面。2.2标签 内容2.2元素 一个完整的标签可以称之为元素 2.3属性 可以为HTML标签设置属性 ...
2022-07-06 15:24:53
333
1原创 元素获取与设置
一、获取元素有三种DOM方法可以获取元素节点,分别是元素ID,标签名字,类名字1.getElementById:区分大小写,名字要写对. document.getElementById(id). 返回一个对象,对应着document对象里一个独一无二的元素. alert(typeof document.getElementById('content')) 2.getElementsByTagName:返回一个数组对象,对应着文档里有着给定标签的一个元素.alert(d...
2022-06-24 22:14:55
6323
原创 DOM介绍
一、DOM简介1.document:文档,DOM中的"D":当创建了一个网页并把它加载到Web浏览器中时,DOM就已经生成了,它把你编写的网页文档转换为一个文档对象.2.Object:对象,DOM中的"O":在程序设计语言里,“对象”这个词含义很明确,对象是一种自给自足的数据集合,与对象相关联的变量被称为属性,与对象相关联的且只能由该对象去调用的函数被称为这个对象的方法.JavaScript里最基础的对象是window对象,对应着浏览器本身,这个对象的属性和方法通常被称为BOM(浏览器对象模型),但叫做窗口
2022-06-24 22:00:47
2169
原创 JavaScript简史
一、JavaScript起源1.W3C(万维网联盟) 批准 DOM(document object model);微软 在 IE3 发布 VBScript 以JScript命名;JavaScript 1.0 出现在 1995年的 Netscape Navigator 2浏览器中;Netscape & Sun 联合 ECMA(欧洲计算机制造协商会): JavaScript标准化 -> ECMAScript; ECMAScript是JavaScript的另一种名字(同一种语言的另一个名字);2. JavaS
2022-06-24 20:25:41
551
原创 如何利用github参与开源项目
1. github可以很方便地让我们参与开源项目中，并贡献自己的代码.那么,我们怎么去参与一个开源的github项目呢？首先，去访问你要参与的github主页，点击“Fork” => create Fork.2. 然后，这样就把这份项目拷贝到了你的远程仓库，用你自己的账号登录查看你的仓库，会发现你的仓库已经有了这个项目，点击Code,copy你的github地址，一定要注意，要在自己的github账号上进行，不要在项目作者的仓库上，因为你木有权限,你是不能进行推送和修改的. 3.clone完成后，你就可以
2022-06-23 21:00:18
3023
关于前端的学习路线总结,用于梳理自己的学习路线
2022-06-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人