skt__-CSDN博客

原创闭包与继承

闭包函数的两个阶段定义阶段在内存中开辟一个空间将函数的代码，存储到这个空间中(堆空间、不会进行预解析) 将空间对象的地址赋值给函数名或变量调用阶段根据函数名或变量中存储的地址、找到对应的存储空间形参赋值预解析执行函数重新解释函数的调用阶段根据函数名或变量中存储的地址、找到对应的存储空间形参赋值预解析在内存中开辟一个执行空间专门存储要执行的函数的代码在执行空间中

2021-09-13 21:17:13 141

// 练习1// var age = 10;// function foo(){// console.log(age);//// var num = 99;// return function(){// console.log(num);// }// }// // console.log(num);//// var bar = foo();// bar()// 练习2// function addCount(){// var count = 0;// re.

2021-09-13 21:16:33 178

原创 JS、DOM

DOM节点DOM节点就是DOM中所有的内容元素节点通过getElementBy.../getElementBys...获取的（标签）都是元素节点属性节点通过getAttribute获取的（标签内的属性）都为元素的属性节点文本节点innerText获取的为文本节点（文本内容、空格、换行）获取节点注意：一个标签到另一个标签之间存在有回车或者空格都会算作一个text文本节点 childNodes:获取某一节点下所以的子一级节点 <body><

2021-08-21 08:45:07 175

原创定时器、BOM、DOM

定时器JS提供的两种异步定时器机制异步机制代码：在同步机制代码执行后执行的返回值：不区分定时器类型，表示你是页面中的第几个定时器，number数据类型返回值的作用：关闭定时器setTimeout()语法：setTimeout(函数，时间)说明：在一段时间后，执行一次函数代码 /延迟定时器setInterval()语法：setInterval(函数，时间)说明：每隔一段时间，执行函数代码 /间隔定时器关闭定时器方法 clearInterval() 语法：c

2021-08-19 19:21:01 251

原创 Math和Date方法＋高考倒计时案例

Math 和 DateMath 是 js 的一个内置对象，提供了一堆的方法帮助我们操作数字Date 是 js 的一个内置对象，提供了一堆的方法帮助我们操作时间数字转换进制 toString()` 方法可以在数字转成字符串的时候给出一个进制数语法：数字.toString(你要转换的进制) parseInt()` 方法可以在字符串转成数字的时候把字符串当成多少进制转成十进制语法： parseInt(要转换的字符串，当作几进制来转换) Math方法名语

2021-08-18 17:24:09 598

原创 javascriptES5常用数组方法、字符串常见操作方法

严格模式开启严格模式 : "use strict"在严格模式模式下申明变量必须使用关键字声明。否则报错在严格模式下，全局函数中的this不再指向window，变为undefinedES5语法 / ECMAScriptES5常用数组方法名称语法作用返回值 forEach() 数组.forEach(function(item,index,arr){})。index:数组中的索引、item:数组中的每一个元素、arr:数组本身遍历数组不会改

2021-08-17 18:29:06 128

原创 JavaScript数组

什么是数组？字面理解就是数字的组合其实不太准确，准确的来说数组是一个数据的集合也就是我们把一些数据放在一个盒子里面，按照顺序排好 [1, 2, 3, 'hello', true, false] 这个东西就是一个数组，存储着一些数据的集合数据类型分类 number / string / boolean / undefined / null / object / function / array / ... 数组也是数据类型中..

2021-08-16 20:19:46 421 2

原创 JavaScript的计数排序、冒泡排序、选择排序

计数排序 var arr = [100,100,54,62,80,3,25,91,11,34,49,62,100,3,11] var tmparr = [] //创建一个空数组，等待接收数据 for (var i = 0; i < arr.length; i++) { if(tmparr[arr[i]] !== undefined) { //arr[1]=100,==>tmparr[100]!==undefined tmparr[arr[i]]++ .

2021-08-14 17:44:00 107

原创 js数组去重

//方案一var arr = [1,3,4,5,6,2,1,2,6,4,2,1,3,5,5,4,1,6]for (var i = 0; i <= arr.length; i++){for(var j = i + 1; j <= arr.length; j++){if(arr[i] === arr[j]){arr.splice(j,1)j-- //数组长度塌陷，所以需要--，}}}conlose.log(arr)//方案二 var newarr = [] f..

2021-08-14 17:38:15 64

原创 javascript数组常用方法

数组基础常用方法方法名语法作用返回值 push 数组.push(数据1，数据2，...) 把所有的参数按顺序追加到数组末尾位置追加以后的数组长度 pop 数组.pop( ) 删除数组的最后一个数据被删除的数据 unshift 数组.unshift(数据1，数据2，...) 从数组前面插入数据插入后的数组长度 shift 数组.shift() 删除数组最前面的一个数据被删除的数据 E

2021-08-14 16:50:34 634

原创函数作用域、递归、事件分类

函数作用域函数作用域分为全局作用域和局部作用域全局作用域：window局部作用域：函数体就是一个作用域，函数内部可以访问外部的作用域，而外部作用域访问不了里面的作用域。变量的使用规则函数里面的变量为局部变量，外边的变量为全局变量访问规则局部变量只能在局部作用域中访问function fun(){ var num = 10}fun()alert(num)//报错为num为定义局部作用域可以访问全局变量var num = 1function fun

2021-08-13 17:32:17 80

原创 js的函数上

函数的概念可以重复执行的代码块，一个函数可进行多次调用，具有模块化编程特点。函数的创建和执行函数的创建函数的创建有两种：声明式创建和赋值式创建，//声明式创建function fun(){ //执行的程序}//赋值式创建，先声明一个变量，在将函数赋值给它var fn = function (){ //执行的程序}函数的执行//调用函数function fun(){ //执行的程序}fun()//通过函数名字加括号进行对函数的调用//通...

2021-08-12 19:32:26 76

原创 js的循环

循环结构循环结构是指在程序中需要反复执行某个功能而设置的一种程序结构。它由循环体中的条件，判断继续执行某个功能还是退出循环。循环语句while循环/*while(条件语句){ 条件成立执行的代码}*//*var 变量 = 值var i = 0;while(条件){ 执行代码变量的改变(i++)}while循环需要先声明变量，然后在代码执行的过程通过改变变量进行变化，当变量不满足条件时才会跳出循环，否则会进入死循环。do-while循环

2021-08-11 19:24:34 70

原创 if分支与switch和三元运算

if分支if条件的返回的值为true或false，当返回true时才会执行指定代码。if语句中可以嵌套多个ifif(){ if(){ if(){ }else{} }else{}}else{}if单分支if(条件语句){ 满足条件后执行的代码...}if双分支if(条件语句){ 满足条件后执行的代码...}else{ 不满足条件时执行的代码...}if多分支...

2021-08-10 17:05:04 102

原创 js基本语法、常见数据类型和运算符

JavaScript基本语法javaScript组成：DOM、BOM、ECMAScript。变量变量就是一个存储数据的容器，通常用var声明，（let、const 也可以声明变量）var 变量名 = ...js输出方式alert( )、document.write( )、console.log( )、prompt( )、confirm()基本数据类型Number--数字类型日志显示为蓝色Boolean--布尔类型 true/falseString--字符串类型

2021-08-09 18:55:10 92

原创移动端布局、网格布局

1：rem + 媒体查询适配媒体查询＋rem：计算方式：逻辑像素（rem） = 物理像素/dpr/font-size的值优点：适配、简单。缺点：计算麻烦、有误差、每适配一个手机就得写一个媒体查询。2：rem + vw 适配相对于视口的单位1vw = 当前浏览器窗口的百分之一100vw = 100%的宽度没有滚动条的时候,两者是相等的滚动条是占位置,100%的宽度是不包含滚动条的两者是不相等的推算思路:在移动端中 100vw相当于沾满整个浏览器拿到ui设计图 ...

2021-08-04 18:23:25 245

原创媒体查询与响应式布局

一、媒体查询语法：@media mediatype and/not/only (mediafeature){ css-type }meidatype 媒体类型：值--->all 用于所有设备---常用、print 用于打印机和打印预览、screen 用于电脑屏幕平板电脑智能手机等屏幕---常用关键字：and--->可以将多个媒体特性连接到一起，如且的意思。not--->排除某个媒体类型only--->指定特定的媒体类型媒体特性：min-widt

2021-08-02 19:34:43 257

原创怪异盒模型、弹性盒子flex

弹性盒：父项控制子级元素在主轴上的排列方式属性：display，属性值：flex。设置弹性盒需要给父级添加、默认主轴为X轴，侧轴为Y轴。设置哪个为主轴另一个就为测轴。给容器设置弹性盒模型时，默认转化为black，居中方式有margin：auto。弹性盒中的常用属性：父级元素添加的属性：改变主轴方向---flex-direction，属性值：默认值row X轴、column Y轴、（column-revers为Y轴主轴，排列方向为从下到上、row-reverseX轴为主轴，排列方

2021-07-30 17:21:26 86

原创 css3：景深、3D动画

景深：近大远小，使用perspective，可在父元素使用也可在子元素使用。子元素使用时需括号里面再加值。3D概念：比2d多出个Z轴，Z轴是面向屏幕时，你眼睛射过去的那个方向。实现3D场景：transform-style：preserve-3d。3D位移：transform：translate3d（x，y，z）。3D旋转：transform：rotate3d（x，y，z，deg）。关键帧的定义：@keyframes mymove{ form{初始状态属性} .

2021-07-29 13:10:10 474

原创渐变、过渡、CSS3中的2D

渐变：线性渐变：属性->background：linear-gradient属性值：三个或以上->方向值+颜色+颜色+...颜色方向值：to right bottom、to right top、to left top、to left、to right、to bottom、to top注：方向值前面需加 to径向渐变:属性->background：radial-gradient（center，shape，size，start-color）属性值：一般四个值---

2021-07-28 17:26:48 98

原创 CSS3：属性选择器、结构性伪类选择器、边框圆角、文本属性、背景属性、字体图标概念、浏览器前缀

常用属性选择器：1、标签名称[属性]、选中带有其属性的标签！2、标签名称[属性="属性值"]、选中属性，并规定带有其属性值！需了解的选择器：1、标签名称[属性~="value"]、选中属性，并规定包含在内的任意属性值都可以！2、标签名称[属性^="value"]、选中属性，并规定以属性值第一个字符为开头的即可！3、标签名称[属性$="value"]、选中属性，并规定以属性值最后一个字符为结尾的即可！4、标签名称[属性*="value"]、选中属性，并规定带有其属性值的任意字符都.

2021-07-27 18:37:37 216 1

原创智能表单的常见正则表达式

信用卡 [0-9]{13,16}银联卡 ^62[0-5]\d{13,16}$Visa: ^4[0-9]{12}(?:[0-9]{3})?$万事达：^5[1-5][0-9]{14}$QQ号码： [1-9][0-9]{4,14}手机号码：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$身份证：^([0-9]){7,18}(x|X)?$密码：^[a-zA-Z]\w{5,17}$ 字母开头，长度在..

2021-07-26 19:09:45 149 4

原创 html5新增元素、语义化标签、音频、视频、智能表单

section元素：块级元素，类似于div，有独立的渲染空间、内容区块。header元素：标题，存在父级元素的顶部。nav元素：导航链接的标签，article元素：表示与一块与上下文无关的独立内容，aside元素：辅助信息标签，可以与article内容相关的信息；footer元素：一般用于底部的版权信息；...

2021-07-26 18:54:10 174 4

原创属性的继承

不可继承的属性：display、margin、border、padding、background、height、min-height、max- height、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align所有元素可继承：visibility和cursor。内联元素可继承：letter-spacing、word-spacing、line

2021-07-25 16:23:40 204

空空如也

空空如也