Beier_hx-CSDN博客

原创 HTML的表格和表单相关内容

1、表格我们通过table标签来创建一个表格tr标签表示一行，td标签表示一列colspan属性：合并纵向单元格rowspan属性：合并横向单元格2、长表格tr不是table的子元素，而是tbody的子元素，如果table标签中没有嵌入tbody标签，则浏览器会自动创建一个tbody标签，并且将tr全都放到tbody中3、表单文本框的placeholder属性可以设置文本框中的默认提示显示文字<!--单选按钮- name属性用来给按钮分组，如果两个单选按钮name属性值一

2021-09-01 17:11:36 148

原创 HTML语义化

很多时候，我们写HTML，为了方便都会直接使用div和span标签，再通过class来确定具体的样式。网站哪一部分为标题，哪一部分为导航，哪一部分为头部和底部，都只能通过class进行确定该但是class命名规范却又没有一套统一的标准（目前常用的是BEM方法），因此导致很多时候无法确定网站的整体结构。在HTML5出现之后，添加了关于页面布局结构的新标签。在HTML书写过程中，根据不同的内容使用合适的标签进行开发，即为语义化。在编程中，语义指的是一段代码的含义（这个HTML元素有什么作用，扮演了什么样的

2021-09-01 16:50:36 347

原创 HTML标签b和strong的区别

两者在网页中的显示效果是一样的，实际目的不同。b标签使得文本默认显示效果为加粗效果，是样式标签strong标签使得文本默认显示效果为加粗效果，是语义化标签，标签的意思是加强，表示该文本比较重要，提醒读者/终端注意。也就是说：b标签是为了加粗的显示效果而使用，strong标签是为了强调这个是重点内容而使用。最容易理解的场景就是：盲人朋友使用屏幕阅读设备阅读网络资源时，strong标签包裹的内容会被重读，而b标签包裹的内容不会被重读...

2021-09-01 12:26:48 2943

原创 HTML布局元素的分类和应用场景

常用的内联元素：span、a、b、strong、i、em、input、textarea、br、img、abbr等常用的块元素：div、h1~h6、ol、ul、li、form、p、dl(定义列表、dt、dd)、address等

2021-09-01 11:10:56 240

原创从在浏览器中输入网址（URL）到内容展现在屏幕上的过程

前言：看了计算机网络相关的知识，但是很容易忘记，这里根据自己的看的过程记一下笔记，加深记忆。1、浏览器对网址进行解析，并根据网址的含义生成请求消息以访问web服务器为例，解析网址之后，得到web服务器的域名和要访问文件的路径名，接着生成http请求消息。http协议：http协议规定了客户端和服务器之间交互消息的内容和步骤。首先，客户端向服务器发送请求消息，包含“对什么”和“进行什么样的操作”两个部分的内容，“对什么”部分就是要访问的目标，称为“URI”，“进行什么样的操作”部分称为方法，它告诉w

2021-07-31 15:59:47 530

原创闭包实例分析

var func;function hd(){ if(typeof func == "function"){ func(); } console.log(b); var b = 20; if(typeof func == "undefined"){ func = function(){ console.log("have a nice day!"); } } return arguments.callee;}hd()();上面这段代码的输出结果为：undefine

2021-07-22 16:48:12 49

原创深拷贝和浅拷贝

深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的，都是只拷贝对象自身的属性，不对原型属性进行拷贝。深拷贝和浅拷贝的拷贝层级问题1）浅拷贝是拷贝一层，深层的数据复制的是内存地址2）深拷贝是每一层的数据都会拷贝出来，两个对象是完全独立的赋值和浅拷贝的区别1）赋值：两个变量保存的是同一个对象的内存地址，指向同一个存储空间，无论通过哪个变量对对象进行改变，通过另一个变量查找到的对象也是改变的2）浅拷贝是按位拷贝对象，它会创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性

2021-06-11 16:24:33 253

原创 link和@import标签的区别

1）link是HTML标签，@import是CSS提供的2）link是HTML标签，因此没有兼容性问题，@import只有IE5以上的浏览器才能识别，因为@import是CSS2里面的3）HTML文件被加载的时候，link引用的文件会同时被加载，@import引用的文件则是在页面加载完成之后才被加载，所以会出现一开始没有CSS样式，闪烁一下出现样式后的页面（网速慢的情况下）4）@import只有导入样式表的作用，link不仅能加载CSS文件，还能定义RSS、rel连接属性等5）link支持使用jav

2021-06-07 15:17:37 571

原创 JS的内置类型

JS中有7种内置类型，7种内置类型又分为两大类型：基本类型和对象（Object）基本类型有6种：null、undefined、string、boolean、number、symbolNaN属于number类型，且NaN不等于自身，判断一个变量是否为NaN有两种方法：number.isNaN(res)和Object.is(res,NaN)...

2021-06-07 11:47:16 178

原创算法8-基数排序算法

基数排序算法思想：基数排序算法属于不基于比较的排序算法中的一种，要根据具体的数据状况来判断能否采用基数排序算法进行排序。假设基数为10，待排序数组arr中有N个数，最大数字为arr[i]，有3位数字，则要把数组中长度不到3位的数字左边补0，使其变为3位数字。准10个桶，编号为0-9十个数字：（1）从左到右遍历数组，先根据数组arr的元素的个位数字，依次将数组元素放入对应编号的桶中（桶具有先入后出的特点），数组遍历完成之后，依次将编号0-9的桶中的数字倒出来，放入数组arr中；（2）从左到右遍历数组，

2021-03-31 16:17:28 125

原创算法7-计数排序算法

计数排序算法思想：计数排序算法属于不基于比较的排序算法中的一种，要根据具体的数据状况来判断能否采用计数排序算法进行排序。计数排序代码：public class CountSort { public static void countSort(int[] arr) { if (arr == null || arr.length < 2) { return; } int max = Integer.MIN_VALUE; for (int i = 0; i < arr.l

2021-03-31 11:02:55 72

原创算法6-堆排序算法

public class Code03_HeapSort { public static void heapSort(int[] arr) { if (arr == null || arr.length < 2) { return; } // 让整个数组变成大根堆方法一： // 下面这个for循环整体复杂度是O(N*log(N)) for (int i = 0; i < arr.length; i++) { // O(N) heapInsert(arr, i

2021-03-30 16:30:52 128

原创算法5-快速排序算法

算法5-快速排序算法快速排序算法思想：假设数组arr中有N个数，则数组下标的范围是 0 ~ N - 1；（1）在数组下标范围内生成一个随机数index，交换arr[index]和arr[N - 1]；（2）利用arr[N - 1]做划分值，将 0 ~ N - 2上的数组元素划分成：左边是小于arr[N - 1]的区域，中间是等于arr[N - 1]的区域，右边是大于arr[N - 1]的区域（3）然后交换大于区域最左侧的元素和arr[N - 1]，至此，数组arr在 0 ~ N - 1 范围上完全

2021-03-30 12:23:27 514

原创算法4-归并排序算法

归并排序算法思想：

2021-03-29 18:51:07 220 1

原创算法3-插入排序算法

插入排序算法思想：假设数组中有N个数，则：1）先使得数组0到0范围上有序（这个范围上只有一个数，显然是有序的）；2）再使得数组0到1范围上有序；3）再使得数组0到2范围上有序；……）以此类推，最终，使得数组0到N-1范围上有序，至此，数组完成排序。按照插入排序算法的思想，数组在0到n-1(n>0)范围上已经有序时，如何实现数组在0到n范围有序：此时将n位置的数与n-1位置的数作比较，如果n位置的数比n-1位置的数小，则交换这两个数的位置，然后，将n-1位置的数与n-2位置的数进行比较，如

2021-03-22 19:14:21 92

原创算法2-冒泡排序算法

冒泡排序算法思想：假设数组中有N个数，则1）先遍历数组0到(N-1)位置上的N个数：数组0位置和数组1位置的数进行比较，两者中较大的数放在数组1位置，然后，数组1位置和数组2位置的数进行比较，两者中较大的数放在数组2位置……以此类推，最终，数组N-2位置和N-1位置的数进行比较，两者中较大的数放在数组N-1位置，至此，找出了数组0到N-1位置上的最大值，并将其放置在了数组N-1位置；2）遍历数组0到(N-2)位置的N-1个数，采用1）中的比较方法，找出数组0到N-2位置上的最大值，并将其放置在了数组N

2021-03-22 18:11:44 130

miniBeier的博客