![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
Mr顺
acm/蓝桥杯刷题狂,熟悉掌握Java/python/C++/C后端语言,前端vue/jQuery/JavaScript/jsp也能写,喜欢研究底层逻辑,请多指教。
展开
-
JS随笔:降低JavaScript阻塞问题对页面造成的影响
注意:按照惯例,所有script元素都应该放在页面的head元素中。这种做法的目的就是把所有外部文件(CSS文件和JavaScript文件)的引用都放在相同的地方。可是,在文档的head元素中包含所有JavaScript文件,意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后,才能开始呈现页面的内容(浏览器在遇到body标签时才开始呈现内容)。对于那些需要很多JavaScript代码的页面来说,这无疑会导致浏览器在呈现页面时出现明显的延迟,而延迟期间的浏览器窗口中将是一片空白。为了原创 2020-08-31 13:33:04 · 1421 阅读 · 0 评论 -
JS:实现颜色选择
<!doctype html><html><head><meta charset="utf-8"><title>颜色选择</title><script type="text/javascript"><!-- function setColor(){ var h3=document.getElementById("heading"); if(document.getElementById("原创 2020-09-19 06:19:26 · 2773 阅读 · 0 评论 -
JS实现计算生肖
<!doctype html><html><head><meta charset="utf-8"><title>根据出生年份计算生肖</title><script language="javascript" type="text/javascript">function show(){ var iYear=Number(document.getElementById("txtYear").value);原创 2020-09-19 06:34:21 · 3560 阅读 · 7 评论 -
JS实现九乘九乘法表
JS实现九乘九乘法表第一种:直接输出第二种:放在表格中第一种:直接输出原理: 就是两层嵌套for循环,第一行控制行数和第二个数的限度(最大值),在第二层循环中输出。这里无需调用函数,原因:浏览器执行代码是自上而下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>输出九九乘法表</title> <script type="tex原创 2020-09-21 20:39:29 · 1509 阅读 · 1 评论 -
JS完成时间实时更新(Date)
今天学习了JS的Date对象,看到老师做了一个时间实时检测程序,我也手撸一下。这个程序我在body中调用了currenttime()函数,原因:提高用户体验,我们知道JS是脚本语言,无需编译,边解释边执行,但是解析过程中,浏览器首先会解析HTML文件构造DOM树,然后解析CSS文件构建渲染树,渲染树构建完成后,浏览器开始布局渲染树并将其绘制到屏幕。这个过程非常复杂,涉及到两个概念:reflow 和 repaint。页面首次加载的时候,reflow和repaint过程都会发生,这两个过程都很消耗性能,尤其原创 2020-10-23 15:58:08 · 1943 阅读 · 0 评论