![](https://img-blog.csdnimg.cn/direct/2566e923ee8540bbaa49caeaa589920a.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端笔记
前端学习笔记
伐木累!
We are 伐木累!
展开
-
js_三种方法实现深拷贝
适用于需要完全独立于原始对象的场景,特别是当对象内部有引用类型时,为了避免修改拷贝后的对象影响到原始对象,就需要使用深拷贝。JSON.parse(text[, reviver]) 将一个符合JSON格式的字符串转换成JavaScript对象或数组。Lodash 的 __.cloneDeep 方法可以实现深拷贝,它能够处理各种复杂的数据类型和嵌套结构。JSON.stringify() 用于将JavaScript对象或值转换成一个JSON字符串。语法规范:_.cloneDeep(value)原创 2024-02-19 14:39:58 · 730 阅读 · 0 评论 -
js_求最大值三种方法
展开运算符是ES6中引入的一个新特性,用于将一个数组或对象的元素展开到另一个数组或对象中。// 第一个参数是this的值,第二个参数是一个数组或类数组对象。// 返回值就是函数的返回值。原创 2024-02-19 14:01:30 · 351 阅读 · 0 评论 -
js_采用事件委托方式实现tab栏切换
在弹性盒子中,设置子元素之间的间距为均匀分布*//* 将元素的布局方式设置为弹性盒子(Flexbox),使子元素可以灵活地排列和调整大小。// dataset属性是一个属性对象,专门用来访问和操作HTML元素上的自定义数据属性。// dataset属性返回的是字符串,需要进行相应的类型转换。// e.target.tagName 获取被点击标签名。/* 设置子元素沿着主轴的结束位置对齐 */// 采用事件委托方式实现tab栏切换。原创 2024-02-11 21:42:52 · 1017 阅读 · 0 评论 -
js_表格全选反选
/ 获取小复选框checked值为true的长度与小复选框的长度做比较,以此来影响checkAll的选中状态。// 给小复选框添加点击事件。原创 2024-02-11 17:44:28 · 432 阅读 · 0 评论 -
js随机点名案例
/ 点击"开始",启用定时器,"停止"按钮false。// 点击"停止",清除定时器,"开始"按钮ture。// 姓名随机全局变量。// 设置按钮监听事件。// 定时器全局变量。原创 2024-02-08 16:11:24 · 257 阅读 · 0 评论 -
js随机页面背景色
自定义随机颜色函数采用字符串拼接的方式产生随机颜色值设置定时器实现每2s更换一次背景色原创 2024-02-06 15:34:18 · 413 阅读 · 0 评论 -
js渲染柱形图案例
* 通过给父元素设置display:flex,来达到控制子盒子的位置和排列 *//* justify-content 属性用来设置项目在主轴方向上的对齐方式 *//* align-items用于设置侧轴上的子元素排列方式(单行) *//* space-between: 项目会平均分布在行里 *//* flex-decoration设置主轴的方向 *//* column沿着y轴从上到下正向排列 *//* flex-end: 从下到上 */原创 2024-02-06 15:40:49 · 465 阅读 · 0 评论 -
模拟京东快递单号查询 练习
/ keydown 和 keypress在文本框里的特点:键按下的瞬间触发,此时文字还未落到文本框中。v-shadow 是指阴影的垂直偏移量,正值,阴影在对象底部;blur 是指阴影模糊半径,只能为正值;如果为0,表示阴影不具有模糊效果;/* h-shadow 是指阴影水平偏移量,正值,则阴影在对象右边;spread 是指阴影扩展半径,正值则整个阴影扩大,反之则缩小。inset 设置从外层的阴影改变阴影内侧阴影;//输入框获得焦点时判断是否为空,不为空则让提示框tip显示出来。原创 2023-10-03 16:33:31 · 438 阅读 · 0 评论 -
JavaScript城市三级联动
城市三级联动<script> function Show(){ document.getElementById('shade').classList.remove('hide'); document.getElementById('modal').classList.remove('hide'); } function Hide(){ document.getElementById('shade').classList.add('h原创 2021-12-22 12:45:21 · 206 阅读 · 0 评论 -
在js中利用while循环语句各输出一百以内奇数和,偶数和以及总数。
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <Script> var i=1; var sum=0; var num=0; var total; while(i<=100) //控制范围为100 { if(i%2) //判断不能被2整除 { sum+=i原创 2021-05-17 10:09:06 · 5348 阅读 · 0 评论