
JavaScript
文章平均质量分 51
橙程橙
这个作者很懒,什么都没留下…
展开
-
联动规则组件-KOV场景梳理&技术方案
难点:1、不同类型组件对应的操作符有哪些???2、value组件展示形式,如何确定???3、如何定制operator的内容以及value组件??等。。。。。。。组件收益:1、统一协议&场景2、快速接入。原创 2023-07-15 23:56:12 · 2124 阅读 · 1 评论 -
数组的一些小方法
本文来给大家介绍一些日常开发中的一些小方法1. 判断两个数组是否含有重复数据在开发中我们肯定会遇到判断两个数组中是否有重复项的问题,如: [1,2,3,4]和 [2,3,4,5] ,这两个数组中重复项有2,3,那么我们最终得到的值其实应该是true的let arr1 = [1,2,3,4]let arr2= [2,3,4,5] function isRepeat(arr,newArr){ let res = newArr.every((x)=>{ retur原创 2022-04-27 11:25:32 · 216 阅读 · 0 评论 -
@vue/babel-preset-jsx 和 @vue/babel-plugin-jsx
这两个插件,乍一看很像,功能也是一致的——让vue支持jsx语法那么他们两到底有什么区别呢? 这里就给大家详细说一说一、背景:在使用脚手架构建项目的时候,拉取下来的项目模版,不能够支持jsx的语法,通过排查发现项目使用的是@vue/babel-plugin-jsx,随即修改为@vue/babel-preset-jsx后即可以正常解析二、@vue/babel-plugin-jsx 该组件只适用于vue3.x使用:npm install @vue/babel-plugi..原创 2022-02-09 17:05:37 · 8189 阅读 · 3 评论 -
数据分析服务 Microsoft Clarity
我们在部署完一个页面后,或者说写完一个通用组件后,我们肯定想要知道,当前到底有哪些人在用我们做的成果,这里就用到了数据统计。一、Microsoft Clarity是什么Microsoft Clarity 是微软提供的网站数据分析的工具,可以通过点击跟踪,滚动跟踪和热图来分析用户如何与您的网站互动,并且将数据可视化如下图所示:二、注册Microsoft Clarity您需要一个Microsoft,Facebook或Google帐户才能注册Microsoft Clarity。原创 2022-01-21 16:57:17 · 2165 阅读 · 0 评论 -
如何让 js 中的 if 判断更加的丝滑
在开发中,肯定会遇到一些if判断,正常来说不会有什么问题,但是一旦判断条件过多,就会给人一种非常冗余的感觉,阅读起来也是非常之头疼 这里就简单的举个????: 比如我现在有个需求,当前有十个数字输入框,需要十个输入框中的值有一个以上(包括一个)大于10的才能够执行某个操作 实现: 一、普通的if判断 if(num1 >10 || num2 > 10 || num3 >10 || ...){ ...}这样看肯定是不好的...原创 2022-01-17 10:59:07 · 260 阅读 · 0 评论 -
Decimal.js
一、背景我们都知道js是有精度问题的,如下图所示:在一些金额的计算时,对于精度要求的需要比较精准,所以这个时候,我们是需要特殊进行处理的,所以这个时候就引入了decimal.二、decimal介绍decimal.js是使用的二进制来计算的,所以可以更好地实现格化式数学运算,对数字进行高精度处理;使用decimal类型处理数据可以保证数据计算更为精确,还可以节省储存空间。三、使用1、npm命令引入decimal.js文件$ npm install --save d..原创 2021-09-06 15:55:15 · 15252 阅读 · 0 评论 -
nginx解决跨域问题
在我们前端开发的过程中, 相信大家都遇到过一个让人头疼的问题,那就是跨域问题. 跨域解决的方式有很多,这里主要讲的是如何来使用 nginx来解决我们所遇到的跨域问题 首先,在我们开始之前,首先要知道跨域是如何产生的: 协议 ip 端口号这三者有任何一个不同,就会产生跨域问题 了解了跨域的产生,接着我们就来看看,如何解决它一.下载nginx 下载地址: http://ngin...原创 2020-12-29 10:57:26 · 14979 阅读 · 9 评论 -
javascript异步操作同步化
在javascript中,比如我们在请求数据的时候,举个例子,查询所有的文章列表, 接着拿到文章列表再去查询文章详情.这是两个请求,但是查询文章详情必然要拿到该文章的id,也就是查询文章详情的接口,需要在查询文章列表后来执行,否则就会拿不到文章的id.那如何保证先查询文章列表,再查文章详情呢???? 这就是异步操作的同步化, 以下是解决方案: 若查询文...原创 2020-01-09 11:22:01 · 1830 阅读 · 0 评论 -
Generator函数和async函数
一.Generator函数 1.定义 Generator函数是ES6提供的一种异步编程解决方案 , 语法上可以把Generator函数理解为一个状态机,封装了多个内部状态 2.语法 a. function关键字和函数名之间有个* b.函数体内部使用yield表达式,定义不同的内部状态 eg....原创 2020-01-09 10:47:22 · 620 阅读 · 0 评论 -
javascript中for in和for of的用法和区别
在js中循环遍历的方式有很多, 但是仍然有很多人搞不懂for in和for of的用法,下面加以阐述: var arr=[{name:'tom'},{name:'lucy'}]var obj = {name:'tom',age:12} 1.for in 多用于对象的遍历,若是用来遍历数组, 则拿到的是数组的索引: va...原创 2020-01-07 11:24:00 · 3186 阅读 · 1 评论 -
js的数组中,slice和splice的用法详解
1.slice()不改变原数组 数组切割,可接受一个或者两个参数,即(返回项的起始位置,结束位置)。若一个,即表示从该参数指定的位置开始,到当前数组末尾的所有项。若两个,则表示起始到结束位置之间的所有项,包含起始位置但是不包含结束位置的项。 arr = [1,2,3,4,5] arr.slice(1,3) [2,3] arr = [1,2,3,4,5]...原创 2019-07-16 16:31:01 · 712 阅读 · 0 评论 -
js基础 笔试题 水仙花数 素数 完全数 最大公约数 最小公倍数等
1.分别使用while/do-while/for循环实现10的阶乘(使用递归算法)------------------------------- var sum = 1 for(var i=1;i<=10;i++){ sum = sum*i } console.log(sum) ------------------------------ var sum =...原创 2019-07-12 09:28:36 · 508 阅读 · 0 评论 -
js中的继承关系,详解
在js中继承分为两种:1.伪类继承2.原型链继承1.伪类继承Animal.apply(this,arguments)借用构造函数来使用父类中的属性,方法。不能继承父类的构造函数原型function Animal(name,age) { this.name = name this.age = age } function...原创 2019-07-18 15:49:38 · 328 阅读 · 0 评论 -
css3的字体常用属性,背景常用属性,列表常用属性
在css3当中有很多针对字体的样式,然后下面就来总结一下:1.color:颜色2.font-size:字体大小3.font-family:字体型号4.font-style:字体样式(斜体等)5.font-weight:bold字体加粗 / bolder更粗6.text-decoration:underline下划线 / overline上划线 / none / bl...原创 2019-07-18 15:23:28 · 342 阅读 · 0 评论 -
原生js封装数组API pop, push, reverse, sort,shift,unshift等,前端笔试题
1. 排序sort Array.prototype.sorts=function(){ for(var i=0;i<arr.length;i++){ var min = i; for(var j=i+1;j<arr.length;j++){ ...原创 2019-07-15 17:17:29 · 974 阅读 · 0 评论 -
js中构建函数的几种方法,工厂函数模式 ,构造函数模式,构造函数 + 原型模式
1.工厂函数模式 function createPerson(name,age,gender) { var p = { name:name, age:age, gender:gender } retur...原创 2019-07-15 17:13:45 · 727 阅读 · 0 评论