03 2022 档案

css中如何清除浮动: clear:both和BFC
摘要:clear:both 这种方式有两种做法 做法1 <!DOCTYPE html> <html> <head> <title>one</title> <style> .to-float { width: 100px; height: 100px; float: left; /* 不重要的部分 */ b 阅读全文

posted @ 2022-03-30 19:33 GameCat 阅读(67) 评论(0) 推荐(0) 编辑

js如何交换数组元素的位置
摘要:let arr1 = [1, 2, 3, 4] function changePos(arr, a, b) { [arr[b], arr[a]] = [arr[a], arr[b]] } changePos(arr1, 0, 1) console.log(arr1) 阅读全文

posted @ 2022-03-30 15:56 GameCat 阅读(500) 评论(0) 推荐(0) 编辑

js如何将字符串中每个单词的第一个字母转大写
摘要:例如 输入 quick brown fox jumps over the lazy dog. 输出: Quick Brown Fox Jumps Over The Lazy Dog. 备注:仅供参考 var str = 'quick brown fox jumps over the lazy dog 阅读全文

posted @ 2022-03-30 15:41 GameCat 阅读(62) 评论(0) 推荐(0) 编辑

js如何反转字符串
摘要:比如一个字符是 hello 反转后变成了 olleh var str = 'hello' function strReverse(str) { return str.split('').reverse().join('') } console.log(strReverse(str))// olleh 阅读全文

posted @ 2022-03-30 13:24 GameCat 阅读(42) 评论(0) 推荐(0) 编辑

js如何反转数组而不影响原有数组
摘要:比如反转一个数组arr1中的元素的顺序得到arr2, 而arr1的元素不受影响 var arr1 = [1, 2, 3] function myReverse(arr) { return [...arr].reverse() } console.log(myReverse(arr1), arr1) 阅读全文

posted @ 2022-03-30 13:02 GameCat 阅读(781) 评论(0) 推荐(0) 编辑

js如何判断两个数组的元素是否完全相同
摘要:这里的完全相同指的是这种情况: var arr1 = [1, 2, 3] var arr2 = [1, 3, 2] 或者 var arr1 = [1, 2, 3] var arr2 = [1, 2, 3] 方法如下: var arr1 = [1, 2, 3] var arr2 = [1, 3, 2] 阅读全文

posted @ 2022-03-30 12:54 GameCat 阅读(923) 评论(0) 推荐(0) 编辑

js如何让数组左移一格或右移一格
摘要:function toLeft([first, ...rest]) { return [...rest, first]; } function toRight(arr) { return [arr.pop(), ...arr]; } const arr = [1, 2, 3, 4, 5]; cons 阅读全文

posted @ 2022-03-29 11:22 GameCat 阅读(637) 评论(0) 推荐(0) 编辑

js使用reduce对数组求和
摘要:let arr = [3, 4, 5, 2, 1]; let sum = arr.reduce((pre, next) => { pre += next; return pre; }, 0) console.log('结果:', sum); 阅读全文

posted @ 2022-03-29 11:10 GameCat 阅读(211) 评论(0) 推荐(0) 编辑

js判断一个数组是否有重复元素
摘要:const isPureArray = array => { return [...new Set(array)].length array.length } console.info(isPureArray([1, 2, 3, 4])) // true console.info(isPureArr 阅读全文

posted @ 2022-03-29 10:56 GameCat 阅读(48) 评论(0) 推荐(0) 编辑

js删除字符串中相邻的重复项
摘要:let res = 'aabbaaaaccdeee'.replace(/(.)\1*/g, '$1'); console.log(res)// abacde 阅读全文

posted @ 2022-03-29 10:02 GameCat 阅读(190) 评论(0) 推荐(0) 编辑

js如何判断一个对象是否为空对象
摘要:方法1 let obj1 = {} let obj2 = {a:1} function func(obj) { for(let key in obj) return false return true } console.log(func(obj1)) console.log(func(obj2)) 阅读全文

posted @ 2022-03-29 09:57 GameCat 阅读(36) 评论(0) 推荐(0) 编辑

js的短路取值: 包括逻辑或逻辑与
摘要:const number = test || 0; 当test值为truthy时,取test的值,否则取0。这样可以避免number被赋为NaN、null、undefined、false等值。 const number = test && test.value; 当test值为truthy时,再去取 阅读全文

posted @ 2022-03-29 09:40 GameCat 阅读(37) 评论(0) 推荐(0) 编辑

js获取数组中不重复的元素
摘要:const arr1 = [1,2,3, 3, 2] const getUniqueArray = arr => [...new Set( arr)]; let res = getUniqueArray(arr1) console.log(res) 阅读全文

posted @ 2022-03-29 09:31 GameCat 阅读(585) 评论(0) 推荐(0) 编辑

js定义一个立即执行函数
摘要:(function () { console.log('自执行函数1'); })(); (function () { console.log('自执行函数2'); }()); !function () { console.log('自执行函数3'); }(); + function () { con 阅读全文

posted @ 2022-03-29 09:26 GameCat 阅读(33) 评论(0) 推荐(0) 编辑

js如何清空一个数组
摘要:方法1 let arr1 = [1,2,3] let arr2 = arr1 arr1 = [] console.log(arr1,arr2) // [] [1,2,3] 方法2 const arr1 = [1,2,3] const arr2 = arr1 arr1.length = 0 conso 阅读全文

posted @ 2022-03-29 09:19 GameCat 阅读(50) 评论(0) 推荐(0) 编辑

js如何获取一个数组的最大值和最小值
摘要:let arr = [1,2,3,4,5] let max = Math.max.apply(Array, arr) let min = Math.min.apply(Array, arr) console.log(max, min) 阅读全文

posted @ 2022-03-28 22:08 GameCat 阅读(24) 评论(0) 推荐(0) 编辑

js如何打乱一个数组让其元素随机化
摘要:function shuffle(arr) { for(let i = 0; i < arr.length; i++){ let randomIndex = Math.floor(Math.random() * (i + 1)) let item = arr[randomIndex] arr[ran 阅读全文

posted @ 2022-03-28 22:00 GameCat 阅读(73) 评论(0) 推荐(0) 编辑

js如何对一个数组进行去重
摘要:function uniqueArr(arr) { return [...new Set(arr.flat(Infinity))] } let str = 'abccccccdddww' console.log(uniqueArr(str.split(''))) let arr = [1, [1, 阅读全文

posted @ 2022-03-28 21:47 GameCat 阅读(25) 评论(0) 推荐(0) 编辑

js如何判断一个变量的数据类型
摘要:let str = 'abccccccdddww' function getType(variable) { return Object.prototype.toString.call(variable).replace(/\[object\s|\]/g, '') } console.log(get 阅读全文

posted @ 2022-03-28 21:22 GameCat 阅读(22) 评论(0) 推荐(0) 编辑

js如何统计字符或字符串在一个字符串的频率(出现次数)
摘要:let str = 'abccccccdddww' function countNums(parentStr, childStr) { return parentStr.split(childStr).length - 1 } console.log(countNums(str, 'cc'))//3 阅读全文

posted @ 2022-03-28 21:12 GameCat 阅读(273) 评论(0) 推荐(0) 编辑

js如何去掉制表符和换行符, 不是空格
摘要:let str = `\nzifu_chuan chang\t` function func(str) { // 这里不去掉字符间的空格 return str.replace(/[\n\t\r\v\f]/g, '') } console.log(func(str)) 阅读全文

posted @ 2022-03-28 21:05 GameCat 阅读(518) 评论(0) 推荐(0) 编辑

js把下划线字符串转为大驼峰字符串
摘要:let str = "zifu_chuan_chang" function func(str) { let arr = str.split('_') let resStr = arr.reduce(function(prev, cur){ let str = prev + cur.slice(0, 阅读全文

posted @ 2022-03-28 20:51 GameCat 阅读(608) 评论(0) 推荐(0) 编辑

js去掉字符串中最后一个指定的字符
摘要:let str = " zifu chuan " function func(str, target) { let arr = str.split('') arr.map(function(item, index){ if(item target){ arr.splice(index, 1) } } 阅读全文

posted @ 2022-03-28 20:20 GameCat 阅读(495) 评论(0) 推荐(0) 编辑

js如何去掉字符串中的空格
摘要:最简单而且最好理解的一种方法 let str = " zifu chuan " let newStr = str.split(' ').join('') console.log(newStr)// zifuchuan 不管原来的字符串中多少个空格都可以实现 阅读全文

posted @ 2022-03-28 20:05 GameCat 阅读(190) 评论(0) 推荐(0) 编辑

记录一个项目的过程
摘要:这里学习的项目是B的视频教程, 这里只是做个笔记 使用vue-cli创建项目 配置项修改完善 package.json { /// 省略 "scripts": { "serve": "vue-cli-service serve --open", // 这里想要自动打开浏览器 但是自己测试效果不理想, 阅读全文

posted @ 2022-03-27 15:17 GameCat 阅读(45) 评论(0) 推荐(0) 编辑

如何安装npm前端开发环境
摘要:百度搜索 nodejs 进入网站 http://nodejs.cn/ 或者直接输入地址 http://nodejs.cn/ 进入 进入网站的下载中心, 一般使用低版本的开发工具, 根据自己的系统下载对应的安装包 第一次安装可以参考视频教程安装, 比较方便 https://www.bilibili.c 阅读全文

posted @ 2022-03-27 14:17 GameCat 阅读(142) 评论(0) 推荐(0) 编辑

实现一个圆形的可点击区域
摘要:1 使用css属性将一个div变成圆形 效果 <!DOCTYPE html> <html> <head> <title>two</title> <style> .test{ width: 100px; height: 100px; border-radius: 50%; /* 下面属性不重要 */ 阅读全文

posted @ 2022-03-26 18:06 GameCat 阅读(74) 评论(0) 推荐(0) 编辑

meta标签中viewport有哪些设置
摘要:width 一般取 device-width height 一般不设置 initial-scale 初始缩放值 小数 一般为1 mininum-scale 最小缩放值 maxinum-scale 最大缩放值 user-scalable 可取值 yes | no 例子 <meta name="view 阅读全文

posted @ 2022-03-26 15:51 GameCat 阅读(37) 评论(0) 推荐(0) 编辑

浏览器内多个标签页之间的如何通信
摘要:不同源页面 这里造成不同源的方式是: 不同端口 第一个页面: 发送页面 send.html <!DOCTYPE html> <html> <head> <title>send</title> </head> <body> <iframe id="testTwo" src="http://127.0. 阅读全文

posted @ 2022-03-26 15:44 GameCat 阅读(136) 评论(0) 推荐(0) 编辑

label有哪些作用
摘要:一个label和一个input相关联, 当点击lable时, 相当于点击了input, 故而获取输入焦点 label标签设置for属性, 值为test input标签设置id属性 值为test 一个input可以有多个lable对应 当lable标签包含一个input, 则不需要设置id和for属性 阅读全文

posted @ 2022-03-26 14:23 GameCat 阅读(61) 评论(0) 推荐(0) 编辑

a标签target属性的作用
摘要:a标签target属性可以设置如下取值, 作用分别对应如下 _self 默认值, 在当前窗口或者框架中打开连接 _blank 在新窗口或新的标签页中打开链接 _parent 在父级的框架中打开, 如果自身是顶层, 与_self相同 _top 在顶层的框架中打开; 当不在框架中使用则清除所有内容在当前 阅读全文

posted @ 2022-03-26 13:51 GameCat 阅读(925) 评论(0) 推荐(0) 编辑

html元素的全局属性常用的有哪些
摘要:id 为元素设置id class 为元素设置类 style 为元素设置行内样式 data-* 为元素自定义data数据 title 鼠标悬停元素上面,给出文字提示 hidden 元素是否隐藏 布尔值 使用display: none 隐藏 contenteditable 元素内容是否可编辑 布尔值 阅读全文

posted @ 2022-03-26 13:24 GameCat 阅读(18) 评论(0) 推荐(0) 编辑

html元素有哪些
摘要:行内标签 a b span strong i em button input label br textarea select 块级标签 div p h1-h6 ol ul li table tbody td tr thead dl dt dd h5新增标签 header footer main n 阅读全文

posted @ 2022-03-26 13:06 GameCat 阅读(38) 评论(0) 推荐(0) 编辑

link和import的区别
摘要:1 link是html标签, import是css语法 2 link除了引入css样式文件, 还可以通过设置type和stylesheet属性来引入其他文档, import只能引入css 3 html加载时link标签同步加载, import则是html加载完毕后再加载css 4 IE5以下支持li 阅读全文

posted @ 2022-03-26 12:48 GameCat 阅读(71) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

点击右上角即可分享
微信分享提示