吱呜猪猪猪~-优快云博客

原创 2021前端面试题

img标签的title和alt属性有什么区别 alt：图片加载失败时，显示在网页上的替代文字 title：鼠标（手机端该属性无意义）放在图片上时显示的文字 alt是必需属性（但属性值可为空），title非必需图片懒加载的原理图像是img标记，浏览器根据图像的src属性请求图像，因此惰性加载的关键是当图像不在可视区域时，不给`imgs‘赋值。懒加载的思路及实现代码详见js实现图片懒加载原理 H5新增了哪些标签？常见的有：article、aside、audio、video、footer..

2021-11-22 17:44:25 337

原创前端html+css+js面试题（仅借参考，不全面）

1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容(content)，元素的内边距(padding)，元素的边框(border)，元素的外边距(margin)四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。 2、行内元素有哪些？块级元素有哪些？空(void)元素有那些？行内元素：a、b、span、img、input、strong、select、label、em、bu

2021-11-02 20:39:34 534

原创 Hbuider的常用快捷键

Ctrl+r 打开浏览器 1.文件(4) 新建 Ctrl + N 关闭 Ctrl + F4 全部关闭 Ctrl + Shift + F4 属性 Alt + Enter 2.编辑(13) 激活代码助手 Alt + / 激活快捷键视图 Ctrl + Shift + L 开启关闭注释整行 Ctrl + / 开启关闭注释已选内容 Ctrl + Shift + / 删除当前行 Ctrl + D 删除当前标签 Ctrl + Shift + T 删除至行首 Shift + Backspace 删除至行尾 Shi.

2021-10-25 14:03:52 350

原创 JavaScript表单验证

利用js实现表单验证 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .

2021-09-06 20:10:08 189

原创利用js编写九九乘法表

function fn(){ for (var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ document.write(i+"*"+j+"="+i*j+" &nbsp"); } document.write("<br/>") } }fn()

2021-09-04 17:37:32 307

原创 js中常见的兼容问题处理

1. 获取非行内样式的兼容高级浏览器：getComputedStyle(元素,伪元素).CSS属性名 IE浏览器：元素.currentStyle.CSS属性名兼容处理： function getStyle(ele,attr){ // ele为元素；attr为属性 if(ele.currentStyle){ return ele.currentStyle[attr]; }else{ return getComputedSt

2021-09-04 17:16:30 337

原创如何利用html+css动画实现水墨动画？

<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>CSS3水墨风格背景动画按钮DEMO演示</title> <style> :root{ --height:100px; --width:200px; } *{ margin:0; padding:0; box-...

2021-08-23 21:58:03 1375

转载通过html+css+JavaScript编写代码雨

<!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"> <title>代码雨</title> <styletype="text/css"> html,body{ width:100%; ...

2021-08-23 20:19:56 248

原创羽毛球拍15元，球3元，水2元。200元每种至少一个，有多少可能？

vara; varb; varc; for(a=1;a<=200/15;a++){ for(b=1;b<=200/3;b++){ for(c=1;c<=200;c++){ if(a*15+b*3+c*2===200){ console.log(a,b,c); ...

2021-08-23 19:56:26 1684

原创 1. 一张纸的厚度是0.0001米，将纸对折，对折多少次厚度超过珠峰高度8848米

varn=0; //varh=0.0001; //while(true){ //h=h*2; ////对着一下相当于2个高度 //n++; //if(h>8848){ //break; //} //}console.log(n) ...

2021-08-23 19:52:06 1558

nx990715的博客