oioXonDbyv6Z
每日一题 计算给出数组中的字符的平均时间,里面的字符串时间是24小时制的，我们获取N个时间来获取一个平均值，时间精确到分钟，秒数忽略去掉即可。（听说是大厂开胃真题） 思路分析 首先我们想要获取平均值，在我们现有的字符串中，我们首先得将字符串转化为可以进行数值统计的真实时间，找最小的数值单位用作统计,所以第一步的目的很明确了，需要将字符串转化为单位为分钟的统计数字。注意数字和字符的隐式转换 lettoalM=arr.reduce((pre,cur)=>{ let[h,m]=cur.split(":"); returnNumber(h)60+Number(m)+pre; },0) ...
每日一题 用JavaScript写一个函数，输入int型，返回整数逆序后的字符串。如：输入整型1234，返回字符串“4321”。要求必须使用递归函数调用，不能用全局变量，输入函数必须只有一个参数传入，必须返回字符串。 functiontransForm(numbers){ console.log(numbers); if(numbers<10){ return`${numbers}`; }else{ return`${numbers%10}`+`${transForm(Math.floor(numbers/10))}` } } letresult=transForm(1234) c...
首先在全局css样式中增加一个dark模式即可，主要就是filter这个属性，invert(1);则表示100%完全反转样式，通俗点就是颠倒黑白，白的让它变成黑的，黑的让它变成白的。 css中的filter函数总结 filter:invert(1);数值范围0-1,一般用来调整图片边框的渲染filter:grayscale(1);调整元素的灰度值，数值范围0-1filter:blur(10px);调整元素的模糊程度，单位像素pxfilter:sepia(0.5);用来调整元素的褐色程度,数值范围0-1filter:saturate(0.2);用来调整元素的饱和度，数值范围0-1filte...
每日一题 去除字符串中出现次数最少的字符，不改变原字符的顺序。实现删除字符串中出现次数最少的字符，若出现次数最少的字符有多个，则把出现次数最少的字符都删除。输出删除这些单词后的字符串，字符串中其它字符保持原来的顺序。 思路 通过forEaech来统计字符个数 找出最少的字符的个数 将最少的字符组成数组 正则全局替换掉出现最少得字符 letc='accacddaddbb'; letarr=c.split(''); letcrrute={}; /通过forEaech来统计字符个数/ arr.forEach((item)=>{ if(!crrute[item]){ crrute[it...
每日一题 请按以下要求实现方法fn,遇到退格字符就删除前面的字符，遇到俩个退格就删除俩个字符： //比较含有退格的字符串，"<-"代表退格键，"<"和"-"均为正常字符 //输入："a<-b<-","c<-d<-"，结果：true，解释：都为"" //输入："<-<-ab<-","<-<-<-<-a"，结果：true，解释：都为"a" //输入："<-<ab<-c","<<-<a<-<-c"，结果：false，解释："<ac"!"c" functionfn(s...
不定时更新 JavaScript进阶问题列表 从基础到进阶，测试你有多了解JavaScript，刷新你的知识，或者帮助你的coding面试！💪🚀 答案❤️ 1.输出是什么？ functionsayHi(){ console.log(name) console.log(age) varname='Lydia' letage=21 } sayHi() A:Lydia和undefined B:Lydia和ReferenceError C:ReferenceError和21 D:undefined和ReferenceError 答案 答案：D 在函数内部，我们首先通过var关键字声...
Array.prototype.reduce是JavaScript数组方法之一，用于累积数组的各个值，将其简化为单个值。下面是一些基础用法和一些可能被认为奇怪或不太常见的用法： 基础用法： 数组求和： constnumbers=[1,2,3,4,5]; constsum=numbers.reduce((acc,curr)=>acc+curr,0); console.log(sum);//输出15 查找最大值： constvalues=[10,30,50,20,40]; constmax=values.reduce((acc,curr)=>Math.max(acc,c...
当元素宽度增加时，如何实现“向右增加”，“向左增加”，“从中间向两侧增加”。 1.当div元素实现了左右居中时，当hover的时候设置width增大，那么宽度会默认从中间向两侧增加。（例子中的id=d1） 2.一个未进行任何设置的div元素，当hover的时候设置width增大，那么宽度会默认向右增加。（例子中的id=d2） 3.当div元素设置了margin:000auto，当hover的时候设置width增大，那么宽度会默认从右向左增加。（例子中的id=d3） <!DOCTYPEhtml> <htmllang="en"> <head> <met...
flex布局设置单个子元素靠右显示 父元素是flex布局实现单个子元素靠右显示css样式如下方法1： flex:1;`在这里插入代码片` text-align:right; 方法2： margin-left:auto; 绝对定位下宽度增加向左延升 初始 position:absolute; top:-7.4rem; left:-4.6rem; width:3.5rem; text-align:left; transition:all0.6slinear; 变化后 left:-12.1rem; width:11rem; 相互抵消掉变化带的样式效果，达到向左变化的效果。
修改el-tooltip组件的背景色 //提示气泡的背景色 .el-tooltip__popper{ background-color:pink!important; } .popper__arrow{ border-top-color:pink!important; } .popper__arrow:after{ border-top-color:pink!important; }
vue阻止浏览器刷新，达到业务逻辑的实现 有类似的需求，页面存在编辑框或者文本输入或者其他，当用户进入编辑状态时，如果没有点击保存就离开页面，需弹窗提示。chrome浏览器手动刷新时如果处于编辑状态也弹出相应的阻止功能出来例如下面的系统级别加载和自定义部分的弹框确认提示。 强刷新 mounted(){ letbody=document.querySelector('body') window.addEventListener('beforeunload',this._beforeunloadHandler) } _beforeunloadHandler(event){ event.p...
RequestheaderfieldAuthorizationisnotallowedbyAccess-Control-Allow-Headersinpreflightresponse.问题解决 报错信息为：XMLHttpRequestcannotloadhttp://192.168.31.111:9000/api/user/session.RequestheaderfieldAuthorizationisnotallowedbyAccess-Control-Allow-Headersinpreflightresponse. 起因：前端项目跑在老版的浏览器上，axios发送的数据以及接受的...
如何取消input记忆功能 默认情况下，input会有这个记忆功能，如果不想让它记忆，可以在input上加上 autocomplete="off"即可。
Flex布局中避免子元素高度被撑高 Flex布局中子元素高度容易被最高元素撑高，使用align-self可避免。 之前： 之后： /此处是居中对齐，也可使用flex-start顶部对齐/ align-self:center;
前端代码优化 –其他的优化可以具体在网上搜索压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，结合工作中的实践总结，梳理出一些常规且有效的性能优化建议ue项目可以通过添加–report命令："build":"vue-cli-servicebuild--report"，打包后dist目录会生成report.html文件，用来分析各文件的大小 代码中，去除没有利用到的库文件，去除没有关于业务方面的demo程序以及页面。 代码未开启压缩，进行分析研究 js包体积有2.43MB.构建的文件就多而大，整个项目包括静态资源14MB多，之前用了部分高清的背景图，替换为精灵图之后...
css实现滚动条一直显示，并且实现滚动条样式的修改 自带的滚动条只有当鼠标移上去的时候才会显示，其他时候隐藏，这样用户很难看出这个是能划动的，这就需要滚动条一直显示在页面上，并且需要按照自己一定的样式去修改。实现效果： 先把原来的隐藏，再重新写自定义的样式 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"con...
通过修改max-height打到高度自适应的过程。 展开状态 收起状态 一般场景描述需求（与项目业务无关）：需要完成一种过渡效果,即height是变化的，但不是数字到数字的变化，因为不知道展开之后的高度到底是多少?不确定!!!。然而我们知道，过渡效果height需要确定开始高度数字与结束数字才能体现出过渡效果，不然过渡属性不起作用。那么思路就是：通过js得到列表里子元素的个数项，以及子元素的高度，得到需要展示的整体高度，这样不多余也不缺少的将整体高度计算出来，不用估值。我这里用maxHeight来完成的效果。这里就用vue+ts的现场案例，以供参考 <divclass="all...
下载 yarnaddvue-i18n 安装 "vue-i18n":"^8.11.2" 使用lang/index.ts importVuefrom'vue' importVueI18nfrom'vue-i18n' Vue.use(VueI18n); consti18n=newVueI18n({ locale:'zh', messages:{ en:{ loginText:"login", switchText:"change" }, zh:{ loginText:"登录", switchText:"切换" } } }) exportdefaulti18n; 添加： imp...