学前端,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 EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
Javascript计算二维数组重复值示例代码
Dec 18 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
Jan 13 Javascript
js实现自动图片轮播代码
Mar 22 Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
JS+CSS实现网页加载中的动画效果
Oct 27 Javascript
layui数据表格 table.render 报错的解决方法
Sep 29 Javascript
谈谈IntersectionObserver懒加载的具体使用
Oct 15 Javascript
纯JS实现五子棋游戏
May 28 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
浅析ThinkPHP中的pathinfo模式和URL重写
2014/01/06 PHP
PHP常量define和const的区别详解
2019/05/18 PHP
RR vs IO BO3 第一场2.13
2021/03/10 DOTA
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
奇妙的js
2007/09/24 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
通过Jquery的Ajax方法读取将table转换为Json
2014/05/31 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
JavaScript程序中的流程控制语句用法总结
2016/05/23 Javascript
jquery中关于bind()方法的使用技巧分享
2017/03/30 jQuery
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
2017/06/06 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
layui 监听表格复选框选中值的方法
2018/08/15 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
2020/07/21 Javascript
jQuery冲突问题解决方法
2021/01/19 jQuery
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
pandas 空的dataframe 插入列名的示例
2018/10/30 Python
python 切换root 执行命令的方法
2019/01/19 Python
python代码如何注释
2020/06/01 Python
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
斯图尔特·韦茨曼鞋加拿大官网:Stuart Weitzman加拿大
2019/10/13 全球购物
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
怎么可以提高数据库查询数据的速度
2014/06/28 面试题
学生个人求职自荐信格式
2013/09/23 职场文书
教育学专业实习生的自我鉴定
2013/11/26 职场文书
财务人员个人求职信范文
2013/12/04 职场文书
二审答辩状范文
2015/05/22 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
javascript Number 与 Math对象的介绍
2021/11/17 Javascript
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js