JS
周家大小姐.
这个作者很懒,什么都没留下…
展开
-
vue el-table自动无限滚动
原先方案是用el-table-column插件来实现但发现在el-table-column的原理是copy原数据做为第二份数据中show-overflow-tooltip会失效,所以换了个JS写法。原创 2023-05-23 14:47:52 · 2428 阅读 · 0 评论 -
js判断字符超长度中间用...替换
需求如果字符大于14个就中间用....原创 2023-01-09 17:33:26 · 496 阅读 · 0 评论 -
es6 js 匹配两个数组对象
判断两个数组用的value是否相等 this.list = [ { user_type: 0, user_id: 1003, department_id: 1, department_name: "公司xx", mobile: "", realname: "廖xx", com_nam原创 2022-03-28 15:21:45 · 1212 阅读 · 0 评论 -
js面试题判断会依次输出什么内容
function Foo(){ getName=function(){ console.log('1') } return this; }Foo.getName=function(){ console.log('2')}Foo.prototype.getName=function(){ console.log('3')}var getName=function(){ console.log('4')}function getName(){ conso.原创 2022-01-08 12:44:55 · 461 阅读 · 0 评论 -
递归斐波那契数列重量执行次数高用动态规划(存储)解决
重复效果图,发现同一个次会执行两次 let counter = 0; function fib(n, memo) { let result;//存储中间值 counter++ if (memo[n]) return memo[n]//难这个中间值是否存在,如果存在就返回结果 if (n === 0 || n === 1) { result = 1原创 2021-11-13 14:40:43 · 435 阅读 · 0 评论 -
es6,js 数组截取并保留原数组
const timeData = ['2021/8/5', '2021/8/6', '2021/8/7', '2021/8/8', '2021/8/9', '2021/8/10', '2021/8/11'] const timeDatax = timeData.map((item) => item.slice(5)) console.log('timeDatax', timeDatax) console.log('tim...原创 2021-08-10 15:14:46 · 2385 阅读 · 0 评论 -
Object.assign深拷贝和浅拷贝
let obj1={ a:{ b:1 }, c:2 } let obj2=Object.assign({},obj1) obj2.a.b=3 obj2.c=3 console.log(obj1)/**浅拷贝a:{b:3},c:2 */ console.log(obj2)/**浅拷贝a:{b:3},c:3 */原创 2021-06-06 23:08:29 · 194 阅读 · 1 评论 -
for循环终止方法
for(let i=0;i<10;i++){ if(i==4)break; console.log(i); }原创 2021-01-26 16:59:49 · 7787 阅读 · 0 评论 -
vue js textarea光标位置插入指定元素
需求;点击插入关键字的时候把内容插入到光标所在的位置效果图:html: <div class="temlate-container"> <div class="template-content"> <el-input ref="modelContent" v-model="mould.modelContent原创 2020-10-22 11:07:26 · 2829 阅读 · 2 评论 -
vuex 存储调用接口用递归遍历是否有children子级,递归匹配失败走catch方法
效果:匹配到的情况:没匹配到的情况name用'-'替代监听父组件代过来的code码,再根据code码去匹配对应的name // 这里写的是mixins方法,方便多次调用 import { teamNameByTeamCode } from '@/mixin/teamNameByTeamCode' export default { mixins: [teamNameByTeamCode], props: { teamCode: {原创 2020-09-29 10:20:37 · 665 阅读 · 0 评论 -
js 计算两个日期范围内包含的天数
index.js/** * 计算两个日期范围内包含的天数 * @param {string} time * @param {string} time * @returns {number} */export function dateDiff(first, second) { const firstDate = new Date(first) const secondDate = new Date(second) const diff = Math.abs(firstDate.原创 2020-09-23 14:46:36 · 816 阅读 · 0 评论 -
js 阶乘递归
function fact(number) { if (number === 1) return 1//出口,不然会进入死循环 return number * fact(number - 1) } console.log(fact(3))//6 console.log(fact(6))//720原创 2020-09-13 15:59:13 · 473 阅读 · 0 评论 -
js 判断一个数是否为质数
什么是质数质数又称素数。一个大于1的自然数,除了1和它自身外,不能被其他自然数整除的数叫做质数。例如:7只能被1和7整除,除此之外不能再被其他数字整除,7就是质数。题:将输入的数字除以所有较小的数字,如该数字能被自身和1整除,则返回true(不为质数) function isPrime(n) { // 为2是因为质数不能为1和自身不能被其他自然数整除的数叫做质数; for (let i = 2; i < n; i++) { ..原创 2020-09-05 17:05:32 · 5714 阅读 · 1 评论 -
js获取斐波那契数列中下列为n的元素
斐波那契数列的规则是第三个数为前两个数的和 function fib(n) { const numbers = [1, 1]//初始前两个数为默认,所以从2开始,n+1是因为要获取最到一个数,我们的数组是从下标开始的 for (let i = 2; i < n + 1; i++) { numbers.push(numbers[i - 2] + numbers[i - 1]) }...原创 2020-09-05 16:26:47 · 354 阅读 · 0 评论 -
js 求和
// 求和 function sumUp(n) { // 如 100==>(100/2)==50*(10+1)==101 return (n / 2) * (n + 1) } console.log(sumUp(100)); //5050原创 2020-09-02 20:36:23 · 354 阅读 · 0 评论 -
js scrollToTopd页面滚动至顶部
const scrollToTop = () => { const t = document.documentElement.scrollTop || document.body.scrollTop if (t > 0) { window.requestAnimationFrame(scrollToTop) window.scrollTo(0, t - t / 8) } } co...原创 2020-08-20 16:10:35 · 1380 阅读 · 0 评论 -
js 计算两个日期之间以天为单位的差值
计算两个日期之前的天数差值 const getDayDiff = (date1, date2) => (date2 - date1) / (1000 * 3600 * 24) const diff = getDayDiff(new Date('2020-08-01'), new Date('2020-08-03')) console.log(diff)//2原创 2020-08-20 16:07:44 · 457 阅读 · 0 评论 -
for in 遍历对象属性,判断对象中是否有原型属于
hasOwnProperty表示是否有自己的属性。这个方法会查找一个对象是否有某个属性,但是不会去查找它的原型链。 let object = { name: '哈哈', age: 18, sex: 'woman', __proto__: { lastName: 'zhou' } } for (const key in object) { if (object.hasOwnProperty(key))原创 2020-05-27 20:32:29 · 803 阅读 · 0 评论 -
对后台返回数据进行增删改查
对后台返回数据判断有没有Null如果有就删除该条数据 for (let index = 0; index < res.result.length; index++) { const el = res.result[index] if (el === null) { res.result.splice...原创 2020-03-26 09:30:35 · 702 阅读 · 0 评论 -
vue js 对数组中的对象匹配判断对象与对象的所有值是否全等
let data = [ { nodeId: 'RON1254', nodeName: '结束节点', routerNam: '按键触发', routerId: 'NS1245', operationValue: 'a5154', ope...原创 2020-03-24 22:55:58 · 4249 阅读 · 0 评论 -
vue 请求后台数据返回多层对数据进行递归
需求:做一个分类,但是后台返回一个数组,数组中有多个child嵌套,但又不确定有几层,并且要给有的新增一个editStatus的属性,这个时候就需求用到递归了效果图:json数据:{ "id": 432, "name": "汽车配件", "status": 0, "create_time": "2020-03-11 14:52:55", ...原创 2020-03-19 23:03:09 · 3221 阅读 · 5 评论 -
js可选链
原文可选链 可让我们在查询具有多层级的对象时,不再需要进行冗余的各种前置校验。日常开发中,我们经常会遇到这种查询 var name = user && user.info && user.info.name; 又或是这种; var age= user&& user.info&& us...原创 2020-01-10 10:34:19 · 118 阅读 · 0 评论 -
promise.all 缺陷问题 解决方案Promise.allSettled
Promise.all 缺陷都知道 Promise.all 具有并发执行异步任务的能力。但它的最大问题就是如果其中某个任务出现异常(reject),所有任务都会挂掉,Promise直接进入 reject 状态。想象这个场景:你的页面有三个区域,分别对应三个独立的接口数据,使用 Promise.all 来并发三个接口,如果其中任意一个接口服务异常,状态是reject,这会导致页面中该三个区域...原创 2020-01-10 10:26:49 · 2328 阅读 · 0 评论 -
vue map 修改后台返回的指定值
map则可以改变当前循环的值,返回一个新的被改变过值之后的数组(map需return),一般用来处理需要修改某一个数组的值。...item,第一个参数做为初始值,...{}第二个参数为要修改的值,最后会和...item合并,如果第一个参数中没有这个值,会做为新参数追加进去,如果有则会修改并返回 queryList(params).then(res => { t...原创 2019-12-31 16:59:30 · 1605 阅读 · 0 评论 -
UTC时间格式转换
utc2018-03-07T16:00:00.000Z 格式转换2018-03-08 00:00// UTC 转指定格式日期export function utcTransform(datas) { let date = new Date(datas) let Y = date.getFullYear().toString(); let M = (date.g...原创 2019-12-31 16:31:44 · 2091 阅读 · 0 评论 -
vue js 对象浅克隆
Object.assign({}, val) editOrder() { let param = Object.assign({}, this.orderForm); let extendInfo = []; for (let key in this.extendData) { let f = this.extendList.find(it...原创 2019-10-17 11:49:43 · 1389 阅读 · 0 评论 -
js 截取指定字符串之前的内容
let name ="14-4" if (name.indexOf("-") == -1) { this.openNames = [name]; } else { let openIndex = name.match(/(\S*)-/)[1]; this.openNames = [openIndex]; }原创 2019-08-08 11:51:22 · 5782 阅读 · 0 评论 -
vue js 数组转字符串,字符串转数组
数组转字符串 var authority= ['1','2'];let permission = authority.join(",");console.log(permission )//1,2字符串转数组 var a='1,2'a.split(',')console.log(a)//["1", "2"]...原创 2019-08-28 10:22:16 · 47621 阅读 · 0 评论 -
H5 js 真机调试
js引入网址可以选择自己喜欢的版本 <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>页面使用// 实例化var vConsole = new VConsole();$(document).ready(function () { loadT...原创 2019-09-04 14:41:14 · 952 阅读 · 0 评论 -
js 多维数组遍历并赋值
let data = [{ "Id": 1, "RegionName": "中国", "Child": [{ "Id": 2, "RegionName": "北京市", "Child": [{ "Id": 3, ...原创 2019-09-10 13:05:25 · 4110 阅读 · 2 评论 -
js 截取文件后缀名
let fileName = file.name.lastIndexOf("."); //取到文件名开始到最后一个点的长度 let fileNameLength = file.name.length; //取到文件名长度 let fileFormat = file.name.substring(fileName + 1, fileNameLength); //截 ...原创 2019-09-26 17:26:27 · 890 阅读 · 0 评论 -
import * as Home from'./compoments/Home'; 是什么意思
import * as Home from'./compoments/Home';意思是将./compoments/Home'文件里的所有非默认组件,全部集结成一个Home模型组件,命名可以自定义,然后可以通过点语法,来使用组件里面的所有export的组件,例如:转载地址:https://blog.csdn.net/chevins/article/details/5152377...转载 2019-05-12 11:17:24 · 803 阅读 · 0 评论 -
js 什么是对象
只要是对象就可以有自己的私有属性. 只是要new 出来的都是对象. 不同对象肯定不会相等的. 对象都会有引用机制. 如果不想引用就从新赋值. ...原创 2018-10-21 19:18:03 · 917 阅读 · 0 评论 -
js 动态修改js和css路径
建一个common.jslet dev = true;let cssUrl = dev ? './' : 'https://cdn.xiaobei.beer/website/assets/'let jsUrl = dev ? './' : 'https://cdn.xiaobei.beer/website/assets/'const globalUrl = { cssUrl,...原创 2019-07-25 10:24:33 · 1774 阅读 · 0 评论 -
JS如何截取两个字符之间的字符(文字)
let address = "广东省深圳市福田区福田街道华强南路五邑大厦"; console.log(address); address = address.substring( address.indexOf("省") + 1, address.indexOf("市") + 1); console.log(address);效...原创 2019-07-16 17:50:59 · 5160 阅读 · 0 评论 -
js constructor 查看类
可以要控制台测试如:返回的是字符串类型如果是方法的话;原创 2018-12-23 22:26:32 · 168 阅读 · 0 评论 -
引入flexible.js rem字体
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta原创 2018-12-06 14:56:41 · 1002 阅读 · 0 评论 -
JS判断数据类型的三种方法
JavaScript 中常见的几种数据类型:基本类型:string,number,boolean特殊类型:undefined,null引用类型:Object,Function,Function,Array,Date,...目录1.typeof2.instanceof3.Object.prototype.toString typeof 返回一个表示数据类型的字...转载 2018-10-30 10:01:30 · 310 阅读 · 0 评论 -
vue中使用localStorage存储信息
vue中使用localStorage存储信息一 什么是localStorageJSON.parse()作用是将字符串转化成json数组,JSON.stringfy()作用是将json数组转换成字符串对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionStorage se...原创 2018-10-29 17:34:29 · 4310 阅读 · 0 评论 -
js 同源政策及跨域理解
同源政策:它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指,域名,协议,端口相同。当一个浏览器的两个tab页中分别打开来 百度和谷歌的页面当浏览器的百度tab页执行一个脚本的时候会检查这个脚本是属于哪个页面的,即检查是否同源,只有和百度同源的脚本才会被执行。如果非同源,那么在请求数据时,浏览器会在控制台中报一个异常...原创 2018-10-29 15:51:55 · 289 阅读 · 0 评论