- 博客(22)
- 收藏
- 关注
RSS订阅原创 vscode编辑器好用插件大全
1.Auto Close Tag——自动闭合尾部的标签2.Atuo Rename Tag——修改 html 标签自动帮你完成头部和尾部闭合标签的同步修改3.Bracket Pair Colorizer——用于颜色匹配括号4.Chinese （Simplified）Language Pack for Visual Studio Code——汉化VsCode5.Code Spell Checker——代码拼写检查器6.Easy LESS——less动态样式语言，极大的提高了我们书写css样式的效率7.Error
2022-06-16 10:03:50
2322
1
转载 div绝对居中的六种方法
在平时，我们经常会碰到让一个div框针对某个模块上下左右都居中（水平垂直居中），其实针对这种情况，我们有多种方法实现。方法一:绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative;）div{ background:red; position: absolute; left:50%; top:50%; transform: tr.
2022-05-21 15:08:40
6106
转载 数组遍历方法
let arr = [ 'a', 'b', 'c', 'a' ]1. indexOf() 遍历数组,返回元素在数组中第一次出现的下标里面接收2个参数.参数1是要查找的元素,参数2是开始查找的下标 arr.indexOf( 'a',1 ) // 3分析: 查找字符串a在数组里第一次出现时的下标,从数组的下标1开始查找,第一次出现时为下标3.2. forEach() 遍历数组获取每一个元素,没有返回值参数为一个函数,函数的形参1代表数组元素,形参2代表元素下标 arr....
2022-05-21 15:04:51
1078
原创 js异常处理
抛出异常 throw new Error( );throw 抛出new 实例化对象Error() 构造函数throw objvar obj = new Error();捕获异常try{//代码段}//catch执行说明try报错catch(msg){//捕获到异常信息的对象 msg-异常信息对象 msg.message}常见的报错异常TypeError //类型错误 1、调用了一个不存在的变量或者方法 2、api
2022-04-16 14:36:14
569
原创 js之闭包 closure
本质：函数（内嵌函数：函数中的函数）定义：一个可以访问自由变量的函数自由变量：当前自身所处作用域中，不存在的变量（逐级寻找）条件：1、内嵌函数2、能够访问函数外部的变量或者参数（自由变量）3、被访问的变量或者参数永久保存在系统内存中原理：依赖作用域链（引用自由自变量的过程中会将自由变量注入到自身的作用域）function a(){ //闭包函数 function b(){ }}使用场景：1、访问一个函数内部的变量2、私有变量（对象的私有
2022-04-16 14:33:38
1072
原创 js高级之作用域scope
全局作用域：全局变量顶级作用域：一级作用域<script> //顶级作用域（父作用域） var x = "" //全局变量 function fn(){ //局部作用域：二级作用域（子作用域） var a = 123;//局部变量 function aa(){ //局部作用域：三级作用域（子作用域） } }</script>子作用域可以
2022-04-16 14:26:50
339
原创 js之正则表达式--- 字符的匹配的验证规则
string合法性验证网页内容的抓取表单验证：减少与服务器的请求交互检测一个字符串是否满足规则声明一个正则表达式//定义正则表达式var patt = /元字符+量词/模式修正符var patt = new RegExp("元字符+量词","模式修正符|igm|")var patt = /原子、量词/对象：var patt = new Regpx(原子、量词)## exec( ) : string满足条件返回匹配的值patt.exec( )## test( ) :
2022-04-09 10:05:25
778
原创 js之BOM（浏览器）
window 对象window.documentalert( )prompt( )confirm( )setInterval( )setTimeout( )location 浏览器地址对象console.log(location)获取当前服务器的主机地址 host 【包含端口号】console.log(location.host)console.log(location.hostname)//主机地址、域名console.log(location.search
2022-04-09 10:00:25
97
原创 JS获取子节点、父节点和兄弟节点的方法
一、js获取子节点的方式1. 通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var a = document.getElementById("test").getElementsByTagName("div");2. 通过childNodes获取子节点使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式
2022-04-07 10:10:04
21744
2
原创 js之事件
【客户端的某个动作行为的瞬间】## 事件对象：event(关键字)```javascript//超链接绑定事件 阻止超链接的默认行为//超链接内部可以直接执行js代码<a href="javascript:void(0)"></a>//阻止触发元素的默认行为，需要依赖事件对象event.preventDefault()//获取触发的元素节点event.target//事件的触发机制//事件委托```...
2022-04-05 23:16:59
621
原创 js之DOM操作
document object model（文档对象模型）作用：动态操作html元素节点（写特效）操作html元素节点(element)：节点的样式操作增删改查获取当前需要操作的元素节点DOM tree(dom树)：root element(html)```javascript//当前文档对象（从根出发）console.log(document)//获取body headconsole.log(document.bod...
2022-04-05 23:15:16
1144
原创 js对象 object【js是基于对象的语言】
json对象数据格式、数据存储【无需内置方法】{"xxx":"yyy","yyy":"bbb"}{"userName":"admin","userName":"admin","userName":"admin"}面向对象编程思路（面向对象的编程）构造函数来实现面向对象编程// 构造函数:大驼峰 function Hello(){ //console.log(1111) } // new 关联字（实例化对象） var obj= ne
2022-03-26 09:47:10
830
原创 javascript之自定义函数-function
作用：【封装】功能模块代码（常用的功能性代码放置在function中，代码进行复用）【一次封装，多次调用】1、将经常使用代码段封装成函数，提升代码的复用率。2、事件的方法体（用于绑定js事件）3、作为参数（回调函数）来使用4、闭包5、构造函数（产生“类”）定义自定义函数//定义自定义函数、构造函数（函数名不可重复）//声明自定义函数：一次封装，多次调用//1、函数声明function hello(){ //函数体、方法体 //函数体内作用域独立}//functio
2022-03-26 09:40:27
1628
原创 Js之数组
数组：（根据数组键、下标进行分类）索引数组：纯数字 关联数组：纯字符 混合数组：数字+字符组合js数组：批量储存数据定义数组并且存值索引、下标、键key（三种叫法都可以） 分类： 索引数组：下标是从0起始的数字且连续 关联数组：下标为纯字符串 混合数组：下标数字+字符串组合另一种分类方式： 一维数组：存值方式；如果数字里面的值又是数组（就是中括号套中括号[[]]） 二维数组：数组内部的值也是数组 多维数组：三层数组嵌套以上例如：（这是一维索引数组）var arr = ["tom
2022-03-19 15:00:27
617
原创 Js之for循环
循环： 执行需要重复执行的代码段遍历：1.遍历数组、对象 2.dom节点 重复执行的代码段 注意：不要将循环处理成【死】循环break：跳出循环（终止循环） contiue：满足某种条件跳出单次循环（略过某次循环）固定次数的循环:for(起始变量;结束条件;循环方式){循环体} for(){ }for(var i=1;i<=10;i++){i循环变量循环体console.1og("22222")console.1og(i)//11结束（i到11才会结束）}con
2022-03-19 14:32:32
241
1
转载 flex弹性布局
flex就是flexible box的缩写，意为弹性布局，用来为盒装模型提供最大的灵活性任何一个容器都可以指定为flex布局.box{ display: flex;}行内元素当然也可以使用flex布局.box{ display: inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}注意：设为 Flex 布..
2022-03-13 19:55:51
176
原创 HTML中的JavaScript
1、script标签<script>标签有8大属性，可以包含来自外部域的JavaScript文件，<script>的src属性可以是一个完整的URL，并且这个URL指向的资源可以跟包含它的HTML页面不在同一个域中，浏览器解析这个资源时，会想src属性指定的路径发送一个GET请求，以取得相应资源，这个初始的请求不受浏览器同源策略限制，但返回并被执行的JavaScript则受限制。当然，这个请求仍然受父页面HTTP/HTTPS协议的限制。2、标签位置过去，所有的<scri
2022-03-13 19:42:19
1463
原创 弹性布局的应用-淘宝商品展示模块
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>淘宝</title> <link rel="stylesheet" type="text/css" href="taobao.css" /> </head> <body> <!-- 有好货 --> <div class="contai...
2022-03-06 17:44:48
306
原创 CSS3之Flex布局（弹性布局）
flex布局又叫弹性布局属性为 display:flex;设置了该属性元素即为弹性盒子，内部元素的排列会依据主轴的方向进行排列，一般默认情况下X轴为主轴，y轴为交叉轴。弹性盒子的容器属性flex-direction 设置主轴的对齐方向 row 默认值，横向左对齐（从左到右） column 纵向 row-reverse 反转横向（从右到左，右对齐） column-reverse 反转纵向 flex-...
2022-03-06 17:18:49
222
原创 CSS层叠样式表之浮动布局与定位
一、浮动布局 float:left/right/none;1、使用浮动布局模块横向排列，可以解决布局元素横排的问题，同时在网页缩放过程中保留原有的布局结构。2.使用浮动布局需要注意：元素一旦浮动会【脱离文档流】（即不占用）...
2022-02-27 16:05:48
366
原创 CSS层叠样式表之选择器
1.统配选择器*{}匹配页面所有元素，一般用于页面样式初始化2.标记选择器tagName{}匹配页面指定的某种特定元素，如p、h1等，一般用在特定元素的初始化样式3.类选择器
2022-02-24 13:05:29
530
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人