学前端,css与javascript重难点浅析


Posted in Javascript onJune 11, 2020

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重难点,学前端,基础不好一切白费的文章就介绍到这了,更多相关学前端,css与javascript是重难点内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
jQuery 跨域访问问题解决方法
Dec 02 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
Jun 19 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
Jquery使用css方法改变样式实例
May 18 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
Node.js利用console输出日志文件的方法示例
Apr 27 Javascript
vue项目打包后打开页面空白解决办法
Jun 29 Javascript
require.js 加载过程与使用方法介绍
Oct 30 Javascript
JavaScript私有变量实例详解
Jan 24 Javascript
layUI实现三级导航菜单效果
Jul 26 Javascript
微信小程序 弹窗输入组件的实现解析
Aug 12 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 #Javascript
基于ajax及jQuery实现局部刷新过程解析
Sep 12 #jQuery
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
Jun 11 #Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
Jun 11 #Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 #Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
Jun 11 #Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 #Javascript
You might like
php操作mysql数据库的基本类代码
2014/02/25 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
thinkphp在低版本Nginx 下支持PATHINFO的方法分享
2016/05/27 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
PHP用swoole+websocket和redis实现web一对一聊天
2019/11/05 PHP
PHP数组与字符串互相转换实例
2020/05/05 PHP
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
ext 同步和异步示例代码
2009/09/18 Javascript
jQuery的写法不同导致的兼容性问题的解决方法
2010/07/29 Javascript
JS实现图片预加载无需等待
2012/12/21 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
2016/06/22 Javascript
js中获取键盘事件的简单实现方法
2016/10/10 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
JavaScript 数组的深度复制解析
2016/11/02 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2017/09/11 Javascript
EasyUI创建人员树的实例代码
2017/09/15 Javascript
JavaScript html5 canvas实现图片上画超链接
2017/10/20 Javascript
浅析JS抽象工厂模式
2017/12/14 Javascript
vue组件表单数据回显验证及提交的实例代码
2018/08/30 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
在Python中使用dict和set方法的教程
2015/04/27 Python
浅谈Python中range和xrange的区别
2017/12/20 Python
python使用列表的最佳方案
2020/08/12 Python
解决pytorch 模型复制的一些问题
2021/03/03 Python
全球性的奢侈品梦工厂:Forzieri(福喜利)
2019/02/20 全球购物
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
什么是servlet
2012/05/08 面试题
英语教研活动总结
2014/07/02 职场文书
学习教师法的心得体会
2014/09/03 职场文书
2015年财务工作总结范文
2015/03/31 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
在CSS中使用when/else的方法
2022/01/18 HTML / CSS