随笔分类 -  前端

前端知识汇总
摘要:一、字符串反转的方式 var str1=str.split("").reverse().join("");//记住这个让字符串反转的方式 二、实现某个字符的“偏移”(也就是说ASCII码值往后挪,往前挪多少位)。 /** * @description 字符串加密 * @param {number} 阅读全文
posted @ 2024-07-21 20:55 Tomhard 阅读(29) 评论(0) 推荐(0)
摘要:一、让我们的字符串反转: 思路就是我们先把它分割成一个个数组,然后我们使用数组的反转,然后我们再把这个数组连接再一起。合起来,样子就是这样的: document.getElementById("result").innerHTML=end_Num.split("").reverse().join(" 阅读全文
posted @ 2024-07-17 20:19 Tomhard 阅读(18) 评论(0) 推荐(0)
摘要:一、我们的HTML控件里面原本没有id,也不想去添加id,如何选择它呢? 我们可以使用 var x=document.getElementsByTagName("input"); var height=x[0].value; 这条语句,括号里面的是我们控件的名称。他会选择我们所有的input控件,我 阅读全文
posted @ 2024-07-16 23:32 Tomhard 阅读(25) 评论(0) 推荐(0)
摘要:1、编写一个程序,用于判空和判断对象是否被定义。 function isUndefined(arg){ if(typeof arg=='undefined'||JSON.stringify(arg)=="{}"){ return true;//第二个选项是把空对象筛选出去 }else{//这里需要解 阅读全文
posted @ 2024-07-13 12:33 Tomhard 阅读(22) 评论(0) 推荐(0)
摘要:1、使用CSS绘制一些简单的图形。 A:正方形 #square{ width: 100px; height: 100px; background-color: red; } B:圆形 1 #square{ 2 width: 100px; 3 height: 100px; 4 border-radiu 阅读全文
posted @ 2024-07-07 16:53 Tomhard 阅读(22) 评论(0) 推荐(0)
摘要:1、如何从外面引入我们喜欢的字体? 引用在线字体: 这里需要引入一个网站:https://fonts.google.com/ 从这个网站中,我们可以找到自己想要的字体,然后点击进去,选择Get font,,后面我们再Get embedcode;我们再把它提供给我们的字体链接复制到我们HTML文件的相 阅读全文
posted @ 2024-07-06 21:14 Tomhard 阅读(39) 评论(0) 推荐(0)
摘要:1、为CSS规则添加!important,会出现什么效果? 它会消除掉样式表中固有的优先级,然后应用新的优先级。虽然说它跟优先级没有什么关系,但是它本身会影响输出的结果,然后需要指出的一点是:当两条相互冲突的带有!important规则的声明呗应用在相同的元素上面是时,会选择优先级更高的样式进行使用 阅读全文
posted @ 2024-07-05 17:07 Tomhard 阅读(38) 评论(0) 推荐(0)
摘要:1、CSS引入有哪几种方式?分别说说三种方式的使用方法和优缺点。 三种:元素选择器,类选择器,id选择器。 元素选择器就直接使用该HTML元素名称,在该元素名称下面写样式并进行应用。 类选择器在CSS样式中,需要在类名的前面加上.,在HTML元素当中,我们应用起来就是元素名 class="类名“。 阅读全文
posted @ 2024-07-05 12:05 Tomhard 阅读(32) 评论(0) 推荐(0)
摘要:CSS中的伪元素 阅读全文
posted @ 2022-12-05 19:27 Tomhard 阅读(339) 评论(0) 推荐(0)
摘要:CSS中的伪类 阅读全文
posted @ 2022-12-05 16:38 Tomhard 阅读(1837) 评论(0) 推荐(0)
摘要:CSS中样式中的层叠与继承 阅读全文
posted @ 2022-12-03 16:32 Tomhard 阅读(108) 评论(0) 推荐(0)
摘要:一、CSS border 属性用于指定元素边框的样式、宽度和颜色。即使用border-style,通过设置其适当的值来更改样式。 border-style允许的值包括: --dotted:定义点线边框。 --dashed:定义虚线边框. --solid:定义实线边框。 --double:定义双边线。 阅读全文
posted @ 2022-09-25 08:45 Tomhard 阅读(160) 评论(0) 推荐(0)
摘要:一、背景样式分为两种,一种是背景颜色(background-color),另外一种是背景图片(background-image) --对于bakcground-color:就是选择好相应的盒子然后设置好它的颜色就可以了,通常设置的盒子标签有<span>等。案例如下: <body> <div clas 阅读全文
posted @ 2022-09-12 19:39 Tomhard 阅读(450) 评论(0) 推荐(0)
摘要:一、CSS工作原理? 首先浏览器载入HTML文件,将HTML文件转化为一个DOM(一个DOM有一个树形结构,标记语言中的每一个元素、属性以及每一段文字都对应结构树中的一个节点)。然后,浏览器会拉取该HTML相关的大部分资源(包括需要加载的图片,视频,CSS样式等)。然后选择器拉取到CSS后会进行解析 阅读全文
posted @ 2022-08-30 22:56 Tomhard 阅读(153) 评论(0) 推荐(0)
摘要:一、标记缩略语(使用<abbr>元素 解释:缩略语就是我们光标移动到那个位置,然后就会出现提示。 <body> 2008年在<abbr title="中国的首都">北京</abbr>举办了一场奥运会。 </body> 二、标记联系方式(使用<address>元素) 解释:标记联系方式,仅包含你的联系 阅读全文
posted @ 2022-08-10 16:19 Tomhard 阅读(137) 评论(0) 推荐(0)
摘要:一、什么叫Web语义化 语义指的是一段代码的含义,例如我们编写的这段JavaScript代码会产生什么影响。 它在一方面可以让机器在更少的人类干预情况下收集并研究网页的信息,从而可以读懂网页的内容,然后将收集汇总的信息进行分析,结果为人类所用; 另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器( 阅读全文
posted @ 2022-08-02 16:43 Tomhard 阅读(625) 评论(0) 推荐(0)
摘要:1、img元素是什么? img元素,顾名思义就是图像嵌入元素。 2、它包含属性 alt:定义了图像的备用文本描述 crossorigin:这个枚举属性表明是否使用CORS完成相关图像的抓取。(CORS是跨源域资源共享,它允许Web应用服务器进行跨源访问控制,从而使跨源数据传输得以安全进行) 它允许的 阅读全文
posted @ 2022-07-23 16:58 Tomhard 阅读(859) 评论(0) 推荐(0)
摘要:1、首先,我们必须得知道什么是盒模型,其实这个就类似于我们的一个打开的鞋盒子(这个比较好理解), 最外面那个,其实就是我们打开的浏览器时页面显示出来的样子。 <!DOCTYPE html> <html> <head> <title>设置边距shuxing</title> <style type="t 阅读全文
posted @ 2021-04-23 10:18 Tomhard 阅读(83) 评论(0) 推荐(0)
摘要:给出一个案例,进行htm表单设计的说明。 阅读全文
posted @ 2021-04-21 19:20 Tomhard 阅读(372) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <title>列表</title> </head> <body> <!--无序列表--> <ul> <li>时间</li> <li>地点</li> </ul> <!--有序列表--> <ol type="a"> <li>西南</li> <l 阅读全文
posted @ 2021-04-21 16:51 Tomhard 阅读(45) 评论(0) 推荐(0)