04 2022 档案

数组加排序

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-04-27 00:11 cc-front 阅读(20) 评论(0) 推荐(0) 编辑

最简单去重函数展开运算加Set数据结构

摘要：很多考去重简单方法解决掉它？ const unique = arr=>[...new Set(arr)] unique([1,3,5,2,1,2,5]) const unique=arr=>Array.from(new Set(arr)) unique([1,1,2,4,5,2]) //[1, 2 阅读全文

posted @ 2022-04-27 00:08 cc-front 阅读(34) 评论(0) 推荐(0) 编辑

将一个字符串清空空格正则表达式再实现转为数组元素的用法

摘要：1.要求字符串里空格清除并且转为数组？空格清除替换replace正则表达式转为数组split 去除字符串所有空格：reg=/\s*/ reg2=/\s/ig 去除前后空格：str=str.trim() let str = 'this is ccfont'.replace(/\s*/,'').s 阅读全文

posted @ 2022-04-26 23:23 cc-front 阅读(139) 评论(0) 推荐(0) 编辑

遍历循环使用 for...in 对象属性 for...of数组元素

摘要：遍历如何使用方法？针对于对象属性数组元素 1.遍历对象的属性 var obj={ name:'ccfont', age:23, hobby:'体育健康' } for(var key in obj){ console.log(key) } // name age hobby 2.遍历数组元素 var 阅读全文

posted @ 2022-04-25 00:25 cc-front 阅读(39) 评论(0) 推荐(0) 编辑

CSS3新增加使用的特性

摘要：CSS3新出的特性 1.圆角效果 =>border-radius 2.图形化边界 background-img ,repeat,size,position,origin,clip =>背景图片处理页面背景设计 3.块阴影与文字阴影盒子阴影box-shadow text-shadow 前三个是像素阅读全文

posted @ 2022-04-24 23:37 cc-front 阅读(43) 评论(0) 推荐(0) 编辑

HTML5新特性

摘要：1.HTML5常用 1.用于canvas绘画元素 2.用于媒介回放的video和audio元素标签 soure src连接文件识别 3.对本地离线存储的更好的支持 localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 4.新的特阅读全文

posted @ 2022-04-23 23:14 cc-front 阅读(22) 评论(0) 推荐(0) 编辑

数组空值剔除空字符串和null和未定义的 filter使用过滤数据返回

摘要：1.当数组数据元素里有空字符串和null以及未定义该如何对数据进行判断去除掉数据？因为这些都是一些空值 1.filter方法过滤元素空值来空滤集合数组 arr.concat() 集合对象属性 obj.assgin() 阅读全文

posted @ 2022-04-23 22:56 cc-front 阅读(248) 评论(0) 推荐(0) 编辑

ES6新特性总结 --使用点

摘要：一·经常会用es6来促进对js的api来进行解决使用？ 1.模板字符串语言 => `` var b='ccfont' var str = `hello world ${b}` // hello world ccfont 2.class语法糖 3.Promise异步事件 4.let ， const 阅读全文

posted @ 2022-04-22 23:10 cc-front 阅读(31) 评论(0) 推荐(0) 编辑

ES6新语法 -- 强制结构扩展运算符

摘要：1.强制结构 var obj1={ ...obj, //强制结构运算 a:1234 } console.log(obj1) 阅读全文

posted @ 2022-04-22 21:53 cc-front 阅读(33) 评论(0) 推荐(0) 编辑

模态框实现 js 原生写法

摘要：1.很多弹出框排版较多都是使用事件点击机制 <!-- * @Author: Qingshan_Chen * @Date: 2022-04-11 13:12:46 * @Description: 项目描述 * @LastEditors: Qingshan_Chen * @LastEditTime: 阅读全文

posted @ 2022-04-11 14:17 cc-front 阅读(231) 评论(0) 推荐(0) 编辑

表格使用好看场景自适应

摘要：一、需要自适应表格，就用到了表格flex布局很容易 <!-- * @Author: Qingshan_Chen * @Date: 2022-04-09 23:03:53 * @Description: 项目描述 * @LastEditors: Qingshan_Chen * @LastEditTim 阅读全文

posted @ 2022-04-11 08:10 cc-front 阅读(84) 评论(0) 推荐(0) 编辑

时间正序倒序排序 sort实用场景

摘要：1.当需要某个属性时间正序和倒序排序时需要点击事件 changeDate(){ var rows = this.table_data; rows.sort(function(a,b){ return Date.parse(a.start_date) - Date.parse(b.start_date 阅读全文

posted @ 2022-04-11 08:08 cc-front 阅读(375) 评论(0) 推荐(0) 编辑

js遍历循环添加对象属性和值的方式用法 for in

摘要：当你需要为一个对象移动到另一个声明的空对象里时，你是如何添加？ 1.for...in..遍历添加法 var obj={} var shuxing={name:"ccfont",sex:"19",work:"IT"}; for(var key in shuxing){ eval("obj."+key+ 阅读全文

posted @ 2022-04-07 20:51 cc-front 阅读(3029) 评论(0) 推荐(0) 编辑