JavaScript 是一种属于网络的脚本语言, 已经被广泛用于 web 应用开发, 常用来为网页添加各式各样的动态功能, 为用户提供更流畅美观的浏览效果. 通常 JavaScript 脚本是通过嵌入在 html 中来实现自身的功能的.
CSS(Cascading Style Sheet) 层叠样式表单
表现 (presentation)-- 设计网页的表现样式, 即 "如何显示有关内容"
CSS 是将样式信息与网页内容分离的一种标记语言, 我们使用 CSS 为每个元素定义样式; 它主要用于美化 HTML 页面.
语法为: selector {property:value} (选择符 {属性: 值}).
通过设置对应的样式属性可以修改 HTML 文档内各元素的显示, 位置等样式; 如修改颜色, 字体, 字号, 宽高, 位置, 背景等
JS(JavaScript) 一种动态脚本语言
行为 (behavior)-- 控制网页的行为 (效果), 即 "内容应该如何对事件做出反应"
使用 JavaScript 代码可以让前台变的有交互 (点击事件), 常用来为网页添加各式各样的动态功能, 为用户提供更流畅美观的浏览效果. 通常 JavaScript 脚本是通过嵌入在 HTML 中来实现自身的功能的.
JavaScript 的常用功能:
1, 嵌入动态文本于 HTML 页面
2, 对浏览器事件作出响应
3, 读写 HTML 元素
4, 在数据被提交到服务器之前验证数据
5, 检测访客的浏览器信息
6, 控制 cookies, 包括创建和修改等
HTML 页面加载和解析流程 :
用户输入网址 (假设是个 HTML 页面, 并且是第一次访问), 浏览器向服务器发出请求, 服务器返回 HTML 文件.
浏览器开始载入 HTML 代码, 发现标签内有一个标签引用外部 CSS 文件.
浏览器又发出 CSS 文件的请求, 服务器返回这个 CSS 文件.
浏览器继续载入 HTML 中部分的代码, 并且 CSS 文件已经拿到手了, 可以开始渲染页面了.
服务器返回图片文件, 由于图片占用了一定面积, 影响了后面段落的排布, 因此浏览器需要回过头来重新渲染这部分代码.
浏览器发现了一个包含一行 JavaScript 代码的 < script > 标签, 赶快运行它.
JavaScript 脚本执行了这条语句, 它命令浏览器隐藏掉代码中的某个 < style>(style.display="none"). 浏览器不得不重新渲染这部分代码.
最终执行到了 </HTML>
当用户点了一下界面中的 "换肤" 按钮, JavaScript 让浏览器换了一下<link>标签的 CSS 路径.
浏览器向服务器请求了新的 CSS 文件, 重新渲染页面.
以上就是 CSS 与 JavaScript 的区别是什么? 的详细内容,
前端技术的更新如此迅速, 在这样的大环境下, 前端工程师保持自学能力就显得尤其重要了. 因此,"学什么"" 怎么学 " 就是我们要迫切解决的问题. 这是我的前端交流学习 qun: 四八四七五七七六零. 如果需要学习资料在里面下载. 我做这行十多年, 有问题随时来问我, 学习方法, 学习效率等等问题.
来源: http://www.jianshu.com/p/664169b5d218