自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 HTML锚点链接

什么是锚点链接?锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。 其实就是定位器当前页面设置锚点首先设置锚点<a name="one">第一段</a>设置启动锚点的开关<a href="#one">回到第一段</a>跨页面设置锚点在要被跳转的页面里面设置锚点<a name=

2020-07-30 21:59:10 942 1

原创 了解和使用Vue Vue的一些基本指令

Vue的介绍Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单vue是一个渐进式框架,让前端开发人员从dom操作解放出来,变为操纵数据即可,然后dom的操作Vue内部帮我们实现了,用了Vue之后不建...

2019-12-17 16:37:48 109

原创 jQuery中常用的选择器 (常用的选择器有哪些)

一、基本选择器基本选择器是jQuery中最常用也是最简单的选择器,它通过元素的id、class和标签名等来查找DOM元素。1、ID选择器 #id描述:根据给定的id匹配一个元素, 返回单个元素(注:在网页中,id名称不能重复)示例:KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲test") 选取 id 为 …("...

2019-12-04 21:52:21 2738

原创 JavaScript多维数组扁平化的四种方法 前端面试题

所谓的数组扁平化就是将多维数组转成一维数组,例如:将多维数组 [[1, 2, 8, [6, 7]], 3, [3, 6, 9], 4] 转成[1, 2, 8, 6, 7, 3, 3, 6, 9, 4] 的形式,以下为数组扁平化的几种方法方法一:通过递归函数实现1// 多维数组var arr = [[1, 2, 8, [6, 7]], 3, [3, 6, 9], 4]function ge...

2019-12-03 21:32:01 385

原创 面向过程和面向对象

面向过程(pop)pop(Process-orientedprogramming)的缩写,“面向过程”是一种是事件为中心的编程思想。就是分析出解决问题所需的步骤,然后用函数把这写步骤实现,并按顺序调用。面向对象(oop)oop(Object OrientedProgramming)的缩写面向对象:用线性的思维。与面向过程相辅相成。在软件开发过程中,宏观上,用面向对象来把握事物间复杂...

2019-11-18 19:30:27 179

原创 form表单校验

form表单form表单用来前后端的交互表单校验:过滤无效的请求 数据格式不合法 前端对数据的合法性进行校验<form action="" method="" onsubmit=""></form>action:服务器的地址method:数据传输方法GET POSTGET 的缺陷:传输数据量有限 安全性欠佳POST:比较安全 可以传输的数据量比较大...

2019-11-18 11:47:35 393

原创 Js垃圾回收机制

Js具有自动垃圾回收机制,垃圾回收机制会按照固定的时间间隔周期性去执行。垃圾回收机制原理:找到不再被使用的变量,然后释放其占用的内存,但这个过程不是实时的,因为其开销比较大,所以垃圾回收器会按照固定时间间隔周期性的执行。现在各大浏览器通常采用的垃圾回收机制有两种:标记清除和引用计数其中最常用的还是是标记清除工作原理:是当变量进入环境时,将这个变量标记为“进入环境”。当变量离开环境时,则将...

2019-11-15 18:57:16 147

原创 Js 冒泡 捕获和事件流

<div id="one"> <div id="two"></div></div><script> var a1 = document.getElementById('one'); var a2 = document.getElementById('two'); document...

2019-11-14 21:46:22 75

原创 通过js+css+html实现二级下拉列表

先用css写下样式<style> * { list-style: none; padding: 0; margin: 0; } #box { margin: auto; ...

2019-11-12 20:33:23 652

原创 JavaScript 闭包的理解

JavaScript 的闭包首先:要了解闭包先要了解函数的作用域 函数的作用域分为两种1)全局变量 2)局部变量全局变量:var a = 10;function num (){ console.log(a);//在这里函数调用a的值是10}num();也就是在函数外声明的变量就是全局变量还有一种情况需要注意就是在函数里面没有用 var 声明直接调用那就代表...

2019-11-11 21:13:31 57

原创 BOM window全局对象

什么是BOMBOM,Browser Object Model,即浏览器对象模型。浏览器页面初始化时,会在内存创建一个全局对象,用来描述当前窗口的属性和状态,这个全局对象被称为浏览器对象模型。不同于DOM的标准化组织是W3C,JavaScript的语法标准化组织是ECMA,BOM没有官方标准,它最初是Netscape浏览器标准的一部分,也就是说,对于现代浏览器,每个浏览器都有自己的BOM实现方法...

2019-11-09 17:29:23 202

原创 JS JavaScript中 Array 数组常用的一些方法

数组的操作读取元素:读取已经存在下标的元素。如:var age = arr[2];修改元素:修改已经存在下标的元素的值(重新赋值)。如:arr[2] = 69;增加元素:添加一个不存在的下标的元素。删除元素:使用关键字 delete,只能删除元素的值,而下标还在。数组相关的方法unshift( )arrayObject.unshift(arg1, arg2, ..., argx) 向...

2019-11-09 10:58:25 112

原创 HTML+CSS清除浮动的方法

产生浮动的原因在一张HTML里,元素的排序方式遵循文档流.即是依次排序.从上到下,从左到右依次排序.而脱离文档流就意味着不再遵循此规则.可以通过float与positon使得元素脱离文档流,当给一个元素添加float属性时,元素就会脱离标准文档流.浮动带来的问题1、背景不能显示由于浮动产生,如果对父级设置了(CSS background背景)CSS背景颜色或CSS背景图片,而父级不能被撑...

2019-11-05 20:56:40 146

原创 js 常用的节点和属性

常用的节点和属性childNodes:获取所有的子节点children:获取所有的元素子节点parentNode:获取父亲节点previousSibling:获取上一个哥哥节点nextSibling:获取下一个弟弟节点firstChild:获取所有的子节点中的第一个lastChild:获取所有子节点中的最后一个HTML DOM来对table进行操作tableb表格对象属性:ro...

2019-11-02 17:22:46 150

原创 js函数 函数的定义

JavaScript 函数函数的定义:函数是被设计为执行特定任务的代码块。 函数会在某代码调用它时被执行。JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 (),(参数 1, 参数 2, …)function getNumber(参数 1, 参数 2, ...){ 代码块}getNumber();定义函数名有以下几点要注意首先要用Funti...

2019-10-29 20:18:56 228

原创 js 关系运算符 逻辑运算符非 if else语句和 if else多分支语句

关系运算符关系运算符有 > < >= <= ==等于(值相等) !=不等于 ===全等(真等于) ==和===的区别 等于就单纯的是值相等 全等于必须要值相等和类型都要相等关系运算符运算的结果为逻辑非“ !”运算符的使用var a=!(5>3);console.log(a);运算结果为false因为”!“运算符为取反 当5...

2019-10-27 20:42:35 230

原创 JavaScript自增自减

JavaScriptJavaScript自增自减JavaScript自增自减var q1=10;var q2=20;qq=(q1++)+(--q2)+(q1+q2)+(q2--) console.log(qq);11   19      30   &nb...

2019-10-24 19:26:17 263

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除