随笔分类 - 12-前端技术
摘要：在多行文本框中，若每换一行就是一条数据，那么需要把输入的值进行替换。 //将输入的值中换行符替换为逗号 let str = inputValue.replace(/\n|\r\n/g,",") //转成数组并去掉空值 str = str.split(',').filter(s=> s && s.tr
阅读全文
摘要：当需要在同一台电脑上安装不同版本的NodeJS并进行自由切换时，直接安装NodeJS的安装包是不可行的，这时需要借助NVM。 NVM可以帮助我们下载不同版本的node，并能快速切换 node版本。 1.下载nvm安装包 下载地址：https://github.com/coreybutler/nvm-
阅读全文
摘要：在js中页面跳转的方式有两种： 1）打开新的页面：window.open(url) 2）新的页面覆盖上一页面：window.location.href=url 当不想上一页面通过浏览器返回按钮进行访问时，也可以实现的，使用window.location.replace(url）即可。
阅读全文
摘要：问题描述：在控制台打印时应输出对象，但是却输出[object object] 解决办法：先将数据转换为json格式，然后再转换为json对象 JSON.parse(JSON.stringify(user))
阅读全文
摘要：有一个数组，把其中的元素按照每5个进行重新分组，新的数组放到放到大数组中，且看代码 let data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]; //数组分解 function arrayResolve(n, arr) { l
阅读全文
摘要：1.使用hasOwnProperty()判断 hasOwnProperty方法的参数就是要判断的属性名称，当对象的属性存在时返回true，否则返回false。 var obj = { name:'jack' }; console.log(obj.hasOwnProperty('name')) //
阅读全文
摘要：比如有一个链接：https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000，先定义方法： //获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=
阅读全文
摘要：String.IndexOf(Char, [startIndex], [count])：返回指定字符在原字符串中的第一个匹配项的索引。可指定字符开始检索位置和指定长度的字符，若没有找到该字符，则返回 -1。也可以判断数组中是否包含某个值。 示例1：查找字符串中某一字符从头开始第一次出现的索引 var
阅读全文
摘要：1.下划线转驼峰 function underlineToHump(s){ var a = s.split("_"); var result = a[0]; for(var i=1;i<a.length;i++){ result = result + a[i].slice(0,1).toUpperC
阅读全文
摘要：判断数据的基本类型 1. String类型 console.log(Object.prototype.toString.call('asb')); // [object String] console.log(Object.prototype.toString.call('asb')=='[obje
阅读全文
摘要：1.length 数组长度 计算数组的长度 var arr=[1,2,3,4,5]; console.log(arr.length);//输出结果是5 2. push() 添加元素 向数组尾部添加新元素，返回值是数组的新长度 var arr=[1,2,3,4,5]; console.log(arr.
阅读全文
摘要：1.正整数验证 正整数是大于0的整数。 function validateInteger(val) { return Number.isInteger(val) && val > 0 } 2.
阅读全文
摘要：对于需要动态获取对象的某些属性和对应的值的时候，就需要遍历对象的属性和值。 const user = { name: '张三', age: 20, addr: '湖北武汉', sex: '男' } //遍历key和value const keys = Object.keys(user) for(le
阅读全文
摘要：1.介绍 2.基本用法 2.1原生写法 $.ajax({ url: url, //是否是异步请求，默认是 // async: false, //请求方式，默认是get //type:'get', //数据请求的类型，默认是application/x-www-form-urlencoded，如果设置为
阅读全文
摘要：在js中也可以使用try/catch语法，把可能发生异常的代码使用try包裹起来，然后在catch中对异常进行处理，处理后就不会影响后面代码的执行。 const a = null try { const b = JSON.parse(a) console.log(a.name) } catch (e
阅读全文
摘要：1.React应用 1.1创建应用 创建项目可以使用react脚手架，创建步骤如下 1）安装react脚手架 npm i -g create-react-app 2）创建项目 create-react-app react-demo-app 3）启动项目 cd react-demo-app npm s
阅读全文
摘要：1.介绍 官网https://react.docschina.org/tutorial/tutorial.html 1.1概述 是一个用于构建用户界面的JavaScript库。 1.2初体验 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <
阅读全文
摘要：1.概述 1.1介绍 Node.js是一个内置有chrome V8引擎的JavaScript运行环境，他可以使原本在浏览器中运行的JavaScript有能力跑后端，从而操作我们数据库，进行文件读写等。 1.2下载和安装 下载地址：https://nodejs.org/zh-cn/download/。
阅读全文
摘要：1.字符串数字转数字 var arr = [1, 2, 3, 4, 5]; arr.map(String); // ['1', '2', '3', '4', '5'] 2.数字转字符串数字 var arr2 = ['1', '2', '3', '4', '5'] arr2.map(Number);
阅读全文
摘要：1.介绍 ECMAScript 6简称ES6，是JavaScript语言的下一代标准。 2.常用属性及方法 2.1常量与变量的定义 在JavaScript中，我们一般使用var来定义变量，实际上它是有缺陷的，变量的作用域只存在于function中，在if和for中不存在。而ES6就解决了这个问题。
阅读全文
