- 博客(20)
- 收藏
- 关注
原创 前端最全面试题(2)
数据请求相关问题:http请求方式有哪些?HTTP1.0定义了三种请求方法: GET, POST 和 HEAD方法。 HTTP1.1新增了五种请求方法:OPTIONS, PUT, DELETE, TRACE 和 CONNECT 方法。http的状态码有哪些?分别说下它们的含义1XX:信息状态码2XX:成功状态码3XX:重定向4XX:客户端错误5XX:服务器错误常见状态码:401 请求要求身份验证。对于需要登录的网页,服务器可能返回此响应403 服务器已经理...
2022-01-13 15:52:10
870
1
原创 前端H5最全面试题
HTML/CSS:对web标准的理解(结构/表现/行为)、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系、常用属性、布局、 选择器、权重、盒模型、Hack、CSS预处理器、Flexbox、CSS Modules、Document flow、BFC、HTML5(离线&储存&history、多媒体、webGL、SVG、Cavas)Javascript:数据类型、运算、对象、function、继承、闭包、作用域、事件、prototype、RegExp、JSON、Ajax、
2022-01-08 15:31:03
2235
原创 js京东轮播图
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2021-09-07 20:24:21
184
原创 JS烟花效果
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Doc...
2021-09-07 16:28:16
192
原创 弹力球js实现
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">.cont{width:1000px;height:600px;background:#eee;margin:20pxauto;...
2021-09-06 11:27:33
282
原创 JS做移动方块
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Doc...
2021-09-02 16:48:59
442
原创 javaScript进度条
<html><head><metacharset="UTF-8"><title></title><styletype="text/css">#box{width:400px;height:300px;position:relative;border:solid1pxblack;margin:50...
2021-09-02 16:10:22
134
原创 js图片随着鼠标进行移动
<script>varimg=document.querySelector('img')document.onmousemove=function(v){varx=v.clientX;vary=v.clientY;img.style.top=y+'px'img.style.left=x+'px'...
2021-09-02 11:31:37
90
原创 js给按钮加事件去做随机颜色
前面三行是去获取节点:vardiv=document.querySelector('#div')varmun=document.querySelector('#mun')vara=document.querySelector('#a')给按钮去添加事件:a.onclick=function(){varcolor='#'循环6次...
2021-08-28 10:08:32
142
原创 js抽奖制作代码
<html><head><metacharset="UTF-8"><title></title><styletype="text/css">#isyou{font-size:80px;text-align:center;margin:100pxauto;}#btn{width:180p...
2021-08-25 19:37:29
702
原创 如果用js循环去做乘法口诀表
<script> var i,j; for(i=1;i<10;i++) { //先去计算循环多少列 for(j=1;j<=i;j++) { // 在随着去增加行数 document.write(j); //把这个看成数字 document.write('*'); //目前是这样的:数字 * document.write(i); //数字 * 数字 document....
2021-08-20 19:55:08
137
原创 js的函数的基础认知
function //这个是一个函数开头函数的命名方式有两种,第一种是在函数前面加一个变量=函数,第二种是在函数后面直接去命名方法如下:function (声明) { 内容 }调用:(赋值)第二种let = function { 内容 }如果想要去用函数去计算一个最小值的话方法如下:functionmin(num1,num2,num3){ letw=0; if(num1<num2...
2021-08-20 19:38:10
75
原创 js的分支流程和循环
分支流程 1.单分支 if(条件){ 条件成立的时候,执行的代码 } 2.双分支 if(条件){ 条件为真,执行的代码 }else{ 条件为假,执行的代码 } 3.多分支语句 if(条件1){ 条件一成立执行的代码 }else if(条件2){ 条件2成立执行的代码 }...
2021-08-20 19:27:19
144
原创 js的组成与引入方式,包括输出方式。
1.js的组成 2.js的三种引入方式 3.js的三种输出方式 4.变量的三种定义方式和区别 5.变量的命名规则 6.数据类型的划分1.js的介绍 概念:js是基于时间和对象驱动,具有相对安全些的解释型客服端脚本语言。js是网页中行为的实现者。 组成: ECMAScript:js的核心语法。简称es BOM:browser object model 浏览器对象模型,提供一些方式对浏览器进入相对的操作。 DOM:d...
2021-08-18 17:27:24
219
原创 js的运算符
运算符 算数运算符 a++ 是先用后加 ++a 是先加后用 2.比较运算符 == 比较值是否相等 === 比较值和类型是否相等 3.逻辑运算符 && 和 且 与 真真为真 || 或者 假假为假 !a 非 取a的反值 4.字符串拼接 ...
2021-08-18 17:21:04
76
原创 js的数据类型
数据类型的转换 1.自动类型转换 2.强制类型转换 1.转换成数字类型 parseInt(a) 变量a的值必须是数字开头的可转,否则一律NaN。保留第一位数字到第一位非数字之间的整数部分 parseFloat(a) 变量a的值必须是数字开头的可转,否则一律NaN。保留第一位数字到第一位非数字之间的所以有效部分 Number(a): a为字符串类型:全为数字可...
2021-08-18 17:20:30
88
原创 for循环2000年到3000年的闰年
for(vari=2000;i<=3000;i++){if(i%400==0){document.write(i,"</br>")}elseif(i%4==0&&i%100!=0){document.write(i,"</br>"...
2021-08-18 17:18:55
2141
原创 用do while做h1到h6
<script>leti=0do{i++document.write('<h'+i+'>'+i+'</h'+i+'>')}while(i<=5){}</script>...
2021-08-18 17:17:57
188
原创 用js中的分支语句去做1到100分的成绩
两个种办法这是第一种vari=prompt('请输入你分数')switch(i<=100){case(i>=90&&i<=100):console.log("A")break;case(i>=80&&i<=89):console.log("B")break;case(i>=70&&i...
2021-08-17 19:40:50
482
原创 HTML5的基础认知 与 css的部分内容
这是我上课记得笔记希望对大家有所帮助。<a href='要跳转的地址'、target='_self 或者_blank'>要被标记为链接的内容</a> _self是在当前标签页打开新页面 _blank是在新的标签打开新页面 div标签 块标签;主要用于后期布局实现样式的标签,本身没有任何特殊效果 <div></div> 表格 <table border=‘边框的粗度’ cellspacing=‘0边框之间的间隔’ ...
2021-08-17 19:16:37
647
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人