- 博客(31)
- 收藏
- 关注
RSS订阅原创 js 之 日期对象 Date()
是指1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式。使用场景：因为日期对象返回的数据我们不能直接使用，所以需要转换为实际开发中常用的格式。3）比如 将来时间戳 2000ms- 现在时间戳1000ms =1000ms。使用场景: 如果计算倒计时效果，前面方法无法直接计算，需要借助于时间戳完成。2）剩余时间毫秒数 转换为 剩余时间的 年月日时分秒 就是 倒计时时间。目标：能够使用日期对象中的方法写出常见日期。将来的时间戳-现在的时间戳=剩余时间毫秒数。
2023-06-15 18:27:59
286
原创 原生js 之 轮播图 （多功能）
1）右侧按钮点击，变量++，如果大于等于最后一张，则复原0。4）处理图片自动复原从头播放 (放到变量++后面，紧挨)2）左侧按钮点击，变量--，如果小于0，则复原最后一张。1）准备一个数组对象，里面包含详细信息 (素材包含)2）底部盒子背景颜色和文字内容会变换。3）小圆点随机一个高亮显示。3）鼠标经过暂停定时器。4）鼠标离开开启定时器。
2023-06-14 14:56:13
698
原创 原生js 之 随机点名案例
3）当抽取到最后一个数据的时候，两个按钮同时禁用(只剩最后一个数据时不用再抽)1）点击开始按钮随机抽取数组的一个数据，放到页面中。4）核心:利用定时器快速展示，停止定时器结束展示。2）点击结束按钮删除数组当前抽取的一个数据。6）数学内置对象Math。5）定时器（开、关）
2023-06-14 12:07:57
127
原创 CSS3之 伸缩盒模型（弹性盒子、flex布局）
2009年，W3C 提出了一种新的盒子模型-- Flexible Box (伸缩盒模型，又称:弹性盒子)。* 它可以轻松的控制: 元素分布方式、元素对齐方式、元素视觉顺序 ......* 截止目前，除了在部分 TE 浏览器不支持，其他浏览器均已全部支持。* 伸缩盒模型的出现，逐渐演变出了一套新的布局方案--小贴士:1，传统布局是指: 基于传统盒状模型，主要靠: display 属性+ position 属性+ float 属性。
2023-06-14 10:27:12
740
原创 js 之 数学内置对象 （Math）
内置对象-Math介绍:Math对象是JavaScript提供的一个“数学”对象o作用:提供了一系列做数学运算的方法Math对象包含的常用方法有:random:生成0-1之间的随机数(包含0不包括1)ceil: 向上取整floor:向下取整max:找最大数min:找最小数pow:幂运算abs:绝对值。
2023-06-13 14:02:22
76
原创 js 之 作用域 （ES6）
通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的就是这个名字的作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。 标签 和.s 文件的[最外层] 就是所谓的全局作用域，在此声明的变量在函数内部也可以被访问。全局作用域中声明的变量，任何其它作用域都可以被访问。注意:1为 window 对象动态添加的属性默认也是全局的，不推荐!2.函数中未使用任何关键字声明的变量为全局变量，不推荐!!!
2023-06-12 13:29:13
128
原创 js 之语句：if\switch分支、运算符、while/for循环（案例集）
需求：用户输入，用户名:linsir、密码:123456，则提示登入成功，否则提示失败2、判断闰年案例 （if语句与逻辑运算符）需求：让用户输入年份，判断这一年使闰年还是平年并弹出对应的警示框3、 判断max值 （三元运算符）需求：用户输入2个数，弹出最大的值4、数字补0案例 （三元运算符）需求：用户输入1个数，如果数字小于10，则前面进行补0，比如 02、09等5、简单计算器 （switch语句）需求：用户输入2个数，然后输入+ - * / 任何一个，可以计算结果
2023-06-10 17:07:20
521
原创 CSS3 新增之布局（多列布局、响应式布局）
完整列表请参考: https://developer.mozilla.org/zh-CN/docs/Web/css/@media。
2023-06-09 17:08:03
75
原创 js之 数据类型
1）Number ：如果字符串内容里有非数字，转换失败结果为NaN,其也是number类型的数据，代表非数字。2）除了 + 号以外的算术运算符，比如 * - / 等都会把数据类型转成数字类型。1）+ 号两边只要有一个是字符串，都会把另一个转成字符串。某些运算符被执行时，系统内部自动将数据类型进行转换；1、输入两个数，计算两者的和，打印到页面中。3）+ 号作为正号解析可以转换成数字型。4）任何数据和字符串相加结果都是子符串。3）parseFloat：可以保留小数。2）parseInt：只保留整数。
2023-06-09 15:28:11
92
原创 CSS3新增之 2D/3D变换
开启3D空间，重要原则：元素进行3D变换前，父元素必须开启3D空间！多个变换，可以同时使用一个transform 来编写。在2D旋转的基础上，可以让元素沿x与y轴旋转，在2D位移的基础上，可以让元素沿Z轴位移.在2D缩放的基础上，可以让元素沿Z轴缩放.即观察者位置，默认的透视点在元素的中心。让元素在二维平面内，顺或逆时针旋转。缩放：让元素放大或缩小。
2023-06-06 14:19:38
147
原创 css3新增简单内容集合（c3）
新增的选择器有: 动态伪类、目标伪类、语言伪类、UI 伪类、结构伪类、否定伪类、伪元素。中文的字体文件很大，使用完整的字体文件不现实，通常针对某几个文字进行单独定制。3）vh 视口高度的百分之多少 1vh 就是视口高度的 19%。2）vw 视口宽度的百分之多少1vw 就是视口宽度的10%。4）vmax 视口宽高中大的那个的百分之多少。5）vmin 视口宽高中小的那个的百分之多少。1）rem 根元素字体大小的倍数，只与根元素字体大小有关。线性渐变 + 径向渐变 重复使用。【多种引用方式有详细说明】
2023-06-05 14:59:35
55
原创 css之定位属性（相对、绝对、固定、粘性）
2）可以使用 left、right、 top 、 bottom 四个属性调整位置，不过最常用的是 top 值.5）粘性定位和相对定位的特点基本一致，不同的是:粘性定位可以在元素到达某个位置时将其固定。都发生定位的两个元素，后写的元素会盖在先写的元素之上。5）无论是什么元素(行内、行内块、块级)设置为绝对定位之后，都变成了定位元素.5）无论是什么元素(行内、行内块、块级) 设置为固定定位之后，都变成了定位元素。1，定位元素的显示层级比普通元素高，无论什么定位，显示层级都是一样的。
2023-06-04 14:02:00
4306
1
原创 meta元信息（html）
meta name="description" content="80字以内的一段话，与网站内容相关"><meta name="keywords" content="8-12个以英文逗号隔开的单词/词语"><meta name="copyright" content="2023-2027@版权所有"><meta name="robots" content="可选值见下表">
2023-06-03 15:57:45
105
原创 HTML5（H5新增内容）
语义：定义已知范围内的标量测量，也称gauge（尺度），双标签，语义：显示某个任务完成的进度的指示器，一般用于表示进度条、双标签。novalidate : 设置该属性，表单提交的时候不再验证。（建议用于标记搜索结果中的关键字）例如：电量、磁盘用量等。用来定义视频，是双标签。用来定义音频，是双标签。例如：工作完成进度等。
2023-06-03 14:28:10
467
原创 Vuex与Pinia
四个核心概念：State\Getters\Mutations\Actions没有Mutations，直接理解为vuex的新版本(vuex5)也不能说是错的，但是他又是一个全新的知识点，他就是一个新版的全局状态管理方案，所谓的全局状态的管理就是一个项目中在不同的组件中可以同时同步某一个数据的过程。
2023-05-29 16:15:37
141
原创 创建Vue项目的多种方法
......详细创建过程本人主页另一个文章有具体说明。1、什么是vite？------新一代前端构建工具。以上所需要的配件要求根据自己项目的需求选择！1、查看脚手架版本，确保在4.5.0以上。使用vue-cli（脚手架）创建。2、安装或升级脚手架（全局安装）vue create 项目名。使用 vite 创建。
2023-05-23 13:55:15
79
原创 Vue之v-show与v-if
而是间接的控制，v-if直接控制的是vue生成的虚拟dom树，当虚拟dom树上的节点被删除时，vue的响应系统会实时的删除对应的真实dom树上的节点；v-if由false变为true的时候，触发组件的beforeCreate、create、beforeMount、mounted钩子，由true变为false的时候触发组件的beforeDestory、destoryed方法。6、 v-if 有配套的 v-else-if 和 v-else，而 v-show 没有。5、性能消耗：v-if有更高的切换消耗；
2023-05-12 16:21:05
170
原创 js之call、apply及bind函数的使用(实现)
1、判断调用的对象是否为函数，即使是定义在函数的原型上的，但是可能出现使用call等方式调用的情况。2、判断传入上下文对象是否存在，如果不存在，则设置为window。3、处理传入的参数，截取第一个参数后的所有参数。4、将函数作为上下文对象的一个属性。5、使用上下文对象来调用这个方法，并保存返回结果。6、删除刚才新增的属性。7、返回结果。
2023-04-16 11:40:21
39
原创 超详解：前后端交互之ajax、fetch、axios 区别
1、fetch只对网络请求报错，对 400，500都当作成功的请求，服务器返回400，500错误码时并不会reject，只有网络错误这些导致请求不能完成时，fetch才会被reject。3、fetch不支持 abort，不支持超时控制，使用setTimeout及Promise.reject的实现的超时控制并不能阻止请求过程继续在后台运行，造成了流量的浪费。2、是一个设计粗糙的API，配置和调用方式非常混乱，而且基于事件的异步模型写起来非常不友好，兼容性不好。5、脱离了XHR，是ES规范里新的的实现方式。
2023-04-12 21:25:16
325
原创 js 之 原型 (prototype、constructor、__proto__、继承、原型链)
1、构造函数通过原型分配的函数是所有对象所共享的。2、js规定，，指向另一个对象，所以也称为。3、这个对象可以挂载函数，对象实例化不会多次创建原型上的函数，节约内存。4、：我们可以把那些不变的方法，直接定义在prototype对象上，这样所有的对象的实例就可以共享这些方法。5、构造函数和原型对象中的 this 都指向。实例：给数组扩展求最大值方法和求和方法1、定义一个方法，任何一个数组实例对象都可以使用2、自定义的方法写到 数组.prototype 身上。
2023-04-10 15:18:17
381
2
原创 js 之 函数参数 (扩展：展开运算符)、箭头函数（ES6）
主要使用场景：置于最末函数形参之前，用于获取多余的实参。剩余参数允许我们将一个不定数量的参数表示为一个数组。变量，它包含了调用函数时传入的所以实参。arguments 是函数内部内置的。剩余参数：函数参数使用，得到真数组。展开运算符：数组中使用，数组展开。
2023-04-09 16:25:32
843
原创 js 之变量声明 var 、let 、const 区别
var声明的变量为全局变量，并且会将该变量添加为全局对象的属性，但是，let和 const 不会。Let创建的变量是可以更改指针指向（即重新赋值），但const 声明的变量不允许改变指针的指向。在使用 let 和const 命令声明变量之前，该变量都是不可用的，这在语法上，称为暂时性死区。var存在变量提升，let和const 不存在变量提升，即变量只能申明之后使用，否则会报错。var 可以重复声明变量，后声明的同名变量会覆盖之前声明的变量，const和let 不允许。* 内层变量可能覆盖外层变量。
2023-04-09 14:17:19
98
原创 js遍历中 Map 、forEach、for in 、 for of 区别
Map 对象存有键值对，其中的键可以是任何数据类型。Map 对象记得键的原始插入顺序。Map 对象具有表示映射大小的属性。map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。map适用于你要改变数据值的时候，不仅在于它更快，而且返回一个新的数组，这样可以提高复用性（map(),filter(),reduce()）等组合使用。
2023-04-08 12:48:47
1130
原创 热题 css渲染页面之浮动(清除浮动)
脱离文档流、盒子塌陷、影响其他元素排版、伪元素、‘overflow:hidden’、标签插入法：浮动的作用... 、设置浮动元素的特点(利与害)... 、清除浮动的方法...：三种清除浮动的特点和影响...
2023-04-07 12:50:35
161
1
原创 超详细(包括nodejs)创建一个vue项目
在安装过程中，自动配置了两个环境变量一个是环境变量---用户变量---Path里面的C:\Users\你的用户名\AppData\Roaming\npm另一个是环境变量---系统变量---Path里面的软件安装目录，我们需要增加和修改一下。其中-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。然后输入vue --version，能输出版本号就说明安装好了。1. 环境变量---用户变量---选中Path---点编辑。
2023-04-07 00:06:29
3839
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人