前端知识小结

简介:

1.

var a=null==undefined?1:"abc";

var b=typeof(a);

var c=typeof(b);

var d=typeof(null);

console.log(a);

console.log(b);

console.log(c);

console.log(d);

写出a,b,c,d结果值

var a=null==undefined?1:"abc";//1

var b=typeof(a);//number

var c=typeof(b);//string

var d=typeof(null);//object

2.

<script type="text/javascript">

var s="aBaCaD";

var r1=s.relace("a","#");

var r2=s.replace(/a/,"#");

var r1=s.replace(/a/g,"#");

console.log(s);

console.log(r1);

</script>

写出s和r1,r2,r3的值

var r1=s.relace("a","#");//只替换第一个a,结果是:#BaCaD

var r2=s.replace(/a/,"#");//正则表达式,但也只是替换第一个a,结果:#BaCaD

var r1=s.replace(/a/g,"#");//正则表达式,全局替换。#B#C#D

 

3.

有字符串“15,30-40;50”,写JavaScript代码获得数值15,30,40,50.

<script type="text/javascript">

var myStr="15,30-40;50";

var pattern=/[0-9]{2}/g;//gloabl

var result=myStr.match(pattern);

for(var i=0;i<result.length;i++){

console.log(result[i]);

}

</script>

4.

<html>

<head>Test Question</head>

<style type="text/css">

.aBox{

width:100px;

height:100px;

background:#ffcc00;

}

</style>

<body>

<div>

<div class="aBox">

<div id="abc">This is a test content!</div>

</div>

</div>

</body>

</html>

通过方法取得class="aBox"的div的宽度和高度,并且设置其背景色为红色。

思路:1.使用JavaScript取得页面嵌入样式,动态改变元素的嵌入样式。

<!DOCTYPE>

<html>

<head>

<title>Test Question</title>

</head>

<style type="text/css">

.aBox{

width:100px;

height:100px;

background:#ffcc00;

}

</style>

<body>

<div>

<div class="aBox">

<div id="abc">This is a test content!</div>

</div>

</div>

<script>

window.onload=function(){

var abcDiv=document.getElementById("abc");

var aBoxDiv=abcDiv.parentNode;

var divWidth=0;

var divHeight=0;

if(aBoxDiv.currentStyle){

divWidth=aBoxDiv.currentStyle["width"];

divHeight=aBoxDiv.currentStyle["height"];

}else{

var styleArray=aBoxDiv.ownerDocument.defaultView.getComputedStyle(aBoxDiv,null);

divWidth=styleArray["width"];

divHeight=styleArray["height"];

}

console.log(divWidth);

console.log(divHeight);

//JavaScript动态修改"嵌入样式"

var oStyleSheet=document.styleSheets[0];

var oRule=oStyleSheet.cssRules[0];

oRule.style.backgroundColor="red";

}

</script>

</body>

</html>

5.谈谈你对Javascript代码的使用,优化方法。

常见的优化方法

1.将不是页面一加载就用到的JS放在body闭合之前。

2.合并多个JS文件

目录
相关文章
|
4月前
|
编解码 前端开发 JavaScript
Web前端开发需要掌握哪些知识?
Web前端在最近几年发展的十分迅速,报名进行Web前端培训的同学也越来越多。移动互联网的背景之下,每一个人每天会跟各式各样的手机端应用打交道,殊不知这些App都跟Web前端有着密不可分的关系。
77 0
|
9月前
|
JavaScript 前端开发 API
有趣的前端知识
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
47 4
|
9月前
|
前端开发 JavaScript 开发工具
前端知识笔记(三十)———前端需要掌握的技术有哪些方面
前端知识笔记(三十)———前端需要掌握的技术有哪些方面
132 1
|
机器学习/深度学习 前端开发 JavaScript
前端知识点汇总(三)
前端知识点汇总(三)
61 0
|
Web App开发 存储 移动开发
前端知识点汇总(二)
前端知识点汇总(二)
97 0
|
移动开发 前端开发 JavaScript
前端知识点汇总(一)
前端知识点汇总
107 0
|
网络协议 前端开发 网络虚拟化
Web前端开发与应用
不知为啥无法提交文件,只能这样了
|
存储 设计模式 运维
前端知识散记2022-2
12. CI/CD 缩略词 CI / CD 具有几个不同的含义。CI/CD 中的"CI"始终指持续集成,它属于开发人员的自动化流程。成功的 CI 意味着应用代码的新更改会定期构建、测试并合并到共享存储库中。该解决方案可以解决在一次开发中有太多应用分支,从而导致相互冲突的问题。
|
缓存 JSON 前端开发
|
设计模式 存储 前端开发
WEB前端开发的那些书
前端无敌之路
176 0

热门文章

最新文章