摘要:clear:both 这种方式有两种做法 做法1 <!DOCTYPE html> <html> <head> <title>one</title> <style> .to-float { width: 100px; height: 100px; float: left; /* 不重要的部分 */ b
阅读全文
摘要: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)
阅读全文
摘要:例如 输入 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
阅读全文
摘要:比如一个字符是 hello 反转后变成了 olleh var str = 'hello' function strReverse(str) { return str.split('').reverse().join('') } console.log(strReverse(str))// olleh
阅读全文
摘要:比如反转一个数组arr1中的元素的顺序得到arr2, 而arr1的元素不受影响 var arr1 = [1, 2, 3] function myReverse(arr) { return [...arr].reverse() } console.log(myReverse(arr1), arr1)
阅读全文
摘要:这里的完全相同指的是这种情况: 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]
阅读全文
摘要:function toLeft([first, ...rest]) { return [...rest, first]; } function toRight(arr) { return [arr.pop(), ...arr]; } const arr = [1, 2, 3, 4, 5]; cons
阅读全文
摘要:let arr = [3, 4, 5, 2, 1]; let sum = arr.reduce((pre, next) => { pre += next; return pre; }, 0) console.log('结果:', sum);
阅读全文
摘要:const isPureArray = array => { return [...new Set(array)].length array.length } console.info(isPureArray([1, 2, 3, 4])) // true console.info(isPureArr
阅读全文
摘要:let res = 'aabbaaaaccdeee'.replace(/(.)\1*/g, '$1'); console.log(res)// abacde
阅读全文
摘要:方法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))
阅读全文
摘要:const number = test || 0; 当test值为truthy时,取test的值,否则取0。这样可以避免number被赋为NaN、null、undefined、false等值。 const number = test && test.value; 当test值为truthy时,再去取
阅读全文
摘要:const arr1 = [1,2,3, 3, 2] const getUniqueArray = arr => [...new Set( arr)]; let res = getUniqueArray(arr1) console.log(res)
阅读全文
摘要:(function () { console.log('自执行函数1'); })(); (function () { console.log('自执行函数2'); }()); !function () { console.log('自执行函数3'); }(); + function () { con
阅读全文
摘要:方法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
阅读全文
摘要: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)
阅读全文
摘要: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
阅读全文
摘要:function uniqueArr(arr) { return [...new Set(arr.flat(Infinity))] } let str = 'abccccccdddww' console.log(uniqueArr(str.split(''))) let arr = [1, [1,
阅读全文
摘要:let str = 'abccccccdddww' function getType(variable) { return Object.prototype.toString.call(variable).replace(/\[object\s|\]/g, '') } console.log(get
阅读全文
摘要:let str = 'abccccccdddww' function countNums(parentStr, childStr) { return parentStr.split(childStr).length - 1 } console.log(countNums(str, 'cc'))//3
阅读全文
摘要:let str = `\nzifu_chuan chang\t` function func(str) { // 这里不去掉字符间的空格 return str.replace(/[\n\t\r\v\f]/g, '') } console.log(func(str))
阅读全文
摘要: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,
阅读全文
摘要:let str = " zifu chuan " function func(str, target) { let arr = str.split('') arr.map(function(item, index){ if(item target){ arr.splice(index, 1) } }
阅读全文
摘要:最简单而且最好理解的一种方法 let str = " zifu chuan " let newStr = str.split(' ').join('') console.log(newStr)// zifuchuan 不管原来的字符串中多少个空格都可以实现
阅读全文
摘要:这里学习的项目是B的视频教程, 这里只是做个笔记 使用vue-cli创建项目 配置项修改完善 package.json { /// 省略 "scripts": { "serve": "vue-cli-service serve --open", // 这里想要自动打开浏览器 但是自己测试效果不理想,
阅读全文
摘要:百度搜索 nodejs 进入网站 http://nodejs.cn/ 或者直接输入地址 http://nodejs.cn/ 进入 进入网站的下载中心, 一般使用低版本的开发工具, 根据自己的系统下载对应的安装包 第一次安装可以参考视频教程安装, 比较方便 https://www.bilibili.c
阅读全文
摘要:1 使用css属性将一个div变成圆形 效果 <!DOCTYPE html> <html> <head> <title>two</title> <style> .test{ width: 100px; height: 100px; border-radius: 50%; /* 下面属性不重要 */
阅读全文
摘要:width 一般取 device-width height 一般不设置 initial-scale 初始缩放值 小数 一般为1 mininum-scale 最小缩放值 maxinum-scale 最大缩放值 user-scalable 可取值 yes | no 例子 <meta name="view
阅读全文
摘要:不同源页面 这里造成不同源的方式是: 不同端口 第一个页面: 发送页面 send.html <!DOCTYPE html> <html> <head> <title>send</title> </head> <body> <iframe id="testTwo" src="http://127.0.
阅读全文
摘要:一个label和一个input相关联, 当点击lable时, 相当于点击了input, 故而获取输入焦点 label标签设置for属性, 值为test input标签设置id属性 值为test 一个input可以有多个lable对应 当lable标签包含一个input, 则不需要设置id和for属性
阅读全文
摘要:a标签target属性可以设置如下取值, 作用分别对应如下 _self 默认值, 在当前窗口或者框架中打开连接 _blank 在新窗口或新的标签页中打开链接 _parent 在父级的框架中打开, 如果自身是顶层, 与_self相同 _top 在顶层的框架中打开; 当不在框架中使用则清除所有内容在当前
阅读全文
摘要:id 为元素设置id class 为元素设置类 style 为元素设置行内样式 data-* 为元素自定义data数据 title 鼠标悬停元素上面,给出文字提示 hidden 元素是否隐藏 布尔值 使用display: none 隐藏 contenteditable 元素内容是否可编辑 布尔值
阅读全文
摘要:行内标签 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
阅读全文
摘要:1 link是html标签, import是css语法 2 link除了引入css样式文件, 还可以通过设置type和stylesheet属性来引入其他文档, import只能引入css 3 html加载时link标签同步加载, import则是html加载完毕后再加载css 4 IE5以下支持li
阅读全文