js
xuehuayu.cn
xuehuayu.cn
展开
-
将毫秒数述转为时分秒格式
将毫秒数述转为时分秒格式原创 2022-08-29 15:48:51 · 225 阅读 · 1 评论 -
项目中遇到的有趣的“BUG”,这样做比删库跑路更高明
项目中遇到的有趣的“BUG”,这样做比删库跑路更高明持续更新中,更多请 请移步这里问题1、条件判断当 a 不等于 1 或者 不等于 2 的时候, 执行一段操作// 这个条件 永真,有时候 一眼 还真看不出来if(a !== 1 || a !== 2) { // todo something}问题2:重写父方法问题// 组件特别多的时候,改一下 基类父组件 的方法,真的能查好久class Parent { todo1() { console.log('p 1')原创 2021-11-18 18:01:45 · 126 阅读 · 0 评论 -
vue3.x中vue4.x如何使用modules模块化
完整原文地址store/modules/a.jsexport default { namespaced: true, state: () => ({ }), getters: { }, actions: { async getData ({state, commit, dispatch, rootState}) { await ajax() ... } }, mutations原创 2021-11-15 17:59:20 · 1227 阅读 · 0 评论 -
vue的input输入框中截取字符串改变时不刷新问题
场景:input中value为金额类型的两位小数,当输入小数点后位数超过两个时,自动截取保留两位遇到的问题blur触发修改当首次输入时,没有问题,可以正常截取,当再次输入时,在当前值的后面继续输入,blur时,输入框中的值无改变原因分析:因为是在已有值后面追加输入,所以截取后的内容没有发生变化,所以输入框中值没有发生变化解决办法给input输入框添加一个key属性,每次修改值,即blur时 修改这个key值,达到重新渲染刷新的目的官方API知识点点击查看...原创 2021-11-15 17:50:45 · 1152 阅读 · 0 评论 -
uniapp的webview嵌套页面中的广告资源如何屏蔽
uniapp的webview嵌套页面中的广告,js文件、图片文件等如何屏蔽场景:webview嵌套了一个在线播放页面,但是播放页面中还有广告js,广告图片等解决方法:使用webviewObject的overrideResourceRequest实现// 获取当前页面 webviewcurrentWebview = this.$scope.$getAppWebview()// 需要屏蔽的资源路径列表const filterUrls = ['cnzz', 'umeng']con原创 2021-11-15 17:49:36 · 1222 阅读 · 0 评论 -
react实现全屏预览功能
react 实现全屏预览功能,使用 h5 的requestFullScreen api查看代码示例原创 2020-10-22 18:01:00 · 1783 阅读 · 1 评论 -
ES2020新特性js运算符 ?. 、?? 、??= 解释说明
js运算符 ?. 、?? 、??= 解释说明?. 可选链运算符,检查每个级别,如果碰到的是 undefined 或 null 属性,直接返回 undefined,不会继续往下检查?? 空值合并运算符,仅在 左侧 是 nullish (null 或 undefined) 时,使用右侧的值??= 逻辑空赋值运算符 (x ??= y) 仅在 x 是 nullish (null 或 undefined) 时对其赋值查看代码示例...原创 2020-10-21 18:17:40 · 3063 阅读 · 1 评论 -
var a=1; var b=2和a=1和var a=b=1和var a=1,b=2的区别
查看全文var a=1; var b=2和var a=b=1和var a=1,b=2的区别function fn () { var a = 1,b = 2 var c = d = 3 e = 4}fn()console.log(a) // a is not definedconsole.log(b) // b is not definedconsole.log(c) // c is not definedconsole.log(d) // 3console.log(e) /原创 2020-10-18 04:16:14 · 1027 阅读 · 0 评论 -
var a=1; var b=2和a=1和var a=b=1和var a=1,b=2的区别
查看原文var a=1; var b=2和var a=b=1和var a=1,b=2的区别function fn () { var a = 1,b = 2 var c = d = 3 e = 4}fn()console.log(a) // a is not definedconsole.log(b) // b is not definedconsole.log(c) // c is not definedconsole.log(d) // 3console.log(e) /原创 2020-10-09 10:15:16 · 614 阅读 · 0 评论 -
原生JavaScript实现查找汉字首字母
1、列出常用字的拼音(常用字列表来自网络)var pinyin = { a: '阿啊呵腌嗄吖锕', e: '额阿俄恶鹅遏鄂厄饿峨扼娥鳄哦蛾噩愕讹锷垩婀鹗萼谔莪腭锇颚呃阏屙苊轭', ai: '爱埃艾碍癌哀挨矮隘蔼唉皑哎霭捱暧嫒嗳瑷嗌锿砹', ei: '诶', xi: '系西席息希习吸喜细析戏洗悉锡溪惜稀袭夕洒晰昔牺腊烯熙媳栖膝隙犀蹊硒兮熄曦禧嬉玺奚汐徙羲铣淅嘻歙熹矽蟋郗唏皙隰樨浠忾蜥檄郄翕阋鳃舾屣葸螅咭粞觋欷僖醯鼷裼穸饩舄禊诶菥蓰', yi: '一以已意议义益亿易医艺食依移衣异伊.原创 2020-08-08 21:12:45 · 4846 阅读 · 0 评论 -
使用umijs实现登录鉴权功能
需求描述进入某一个页面,如果鉴权失败,则跳转到登录页面进行登录,登录成功,返回之前的页面实现方式umijs官方文档,在 .umirc.js 自定义路由的时候,添加wrapper,实现鉴权拦截然而折腾很久,还是没实现,于是用自己的方法实现实现分析首先写一个鉴权页面,鉴权成功加载页面,鉴权失败跳转登录页面,将这个页面包裹在项目的根组件外层import React from 'react'import PropTypes from 'prop-types'import { Red.原创 2020-07-16 23:39:04 · 6710 阅读 · 0 评论 -
前端面试之下划线转小驼峰
说明:写一个转换函数,把json对象的key值从下划线(Pascal)形式转为小驼峰(Camel)形式示例:convert({“a_bc_def”: 1}); // 返回 {“aBcDef”: 1}分析:此题的考点是replace方法,和正则表达式先看看replace方法,都知道replace方法有两个参数,第二个参数表示要替换为的字符串,但是没怎么详细用过,此题的考点即考察第二个参数为方法的用法先举个栗子,看看这个方法怎么用:var str = "a_bc_def"function toCa原创 2020-06-13 16:27:20 · 1943 阅读 · 0 评论 -
超详细介绍浏览器输入一个url地址后发生了什么
面试中经常有人会被问到浏览器中输入一个url后发生了什么,屡屡碰壁,答的不是面试官想要了解的,或者纯粹答非所问,查找资料也没有一个说的全面的,因为这里面涉及到了很多的东西,今天就好好的整理了一下这块涉及到的内容。整体步骤输入url组装协议,构成完整的url查找本地缓存发起请求dns解析浏览器dns缓存本地hostdns服务器服务器处理接收响应渲染数据步骤详解查看后续内容...原创 2020-05-31 13:33:28 · 1629 阅读 · 0 评论 -
解决Code 98: Valine 初始化失败,请检查 av-min.js 版本
valine@1.4.7版本报错Code 98: Valine 初始化失败,请检查 av-min.js 版本的解决办法引用最新版本即可点击查看解决方法原创 2020-04-28 09:38:55 · 1918 阅读 · 0 评论 -
umijs中如何引用svg图片
最近遇到需求在umijs中引用svg图片。下面说说实现方法。先看效果[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WQn5hMt3-1586361572751)(https://store.xuehuayu.cn/store/20200408/2020-04-08_215349.png)]分析查看umijs文档中,使用ReactComponent来引用sv...原创 2020-04-09 00:00:31 · 4011 阅读 · 0 评论 -
antd的select选择框选项水平横向排列
antd的select选择框选项如何水平横向排列?选项如何是图片?最近遇到需求select选择框选项和值为图片,且选项必须水平排列,项目用的是antd,索性就从修改样式入手改改antd先看效果分析antd的选项使用的是flex布局,其中默认样式使用的是flex-direction: column,也就是纵向布局,将其改为横向row即可查看实现方法相关链接antd的sele...原创 2020-04-08 23:58:12 · 4746 阅读 · 0 评论 -
antd的select选择框的值如何设置为图片
antd的select选择框选项如何水平横向排列?选项如何是图片?最近遇到需求select选择框选项和值为图片,且选项必须水平排列,项目用的是antd,索性就从修改样式入手改改antd先看效果分析查看antd的文档,使用optionLabelProp属性实现Select标签添加optionLabelProp属性,指定显示内容为label属性查看代码相关链接antd的se...原创 2020-04-08 23:56:22 · 3094 阅读 · 0 评论 -
如何固定table表格的列
title: 如何固定table表格的列date: 2020-03-21 01:51:29categories: 大前端tags: 原创我们经常会遇到table表格列很多,或者列中内容较多时,可以实现左右拖动的同时,又可以固定第一列。如何实现呢?效果如图:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-z0JhmBaf-1584728801736)(h...原创 2020-03-21 02:31:35 · 3322 阅读 · 0 评论 -
如何在url中传一个对象?
需求:跨域传值,将对象通过url传送过去分析:传值前需要先将对象转换为一个json字符串然后将转换后的字符串转码解决方法请:查看原文原创 2020-01-14 17:34:40 · 2177 阅读 · 0 评论 -
js判断一个对象是否为空
function isEmpty(obj) { if (Object.prototype.toString.call(obj) !== '[object Object]') return true for (var attr in obj) { return false } return true } function isEmpty(...原创 2020-01-14 13:26:52 · 123 阅读 · 0 评论 -
请求报错问题provisional headers are shown解决办法
最近项目中,遇到axios请求总是发生provisional headers are shown问题,网上查找了好多解决办法,都是千篇一律,不外乎三种。都没有就解决问题(并没有什么鸟用)1.请求跨域被拦截2.被扩展程序拦截3.服务器未及时响应后端也配置了corsconfig,后端研发检查了所有代码都没有问题,浏览器也安装任何扩展。如果遇到的问题不是上述三种情种,可以查看这篇文章,看看...原创 2020-01-14 12:51:21 · 7784 阅读 · 0 评论 -
【随即点名】随机点名
源码下载原创 2019-04-02 17:38:50 · 266 阅读 · 0 评论 -
【JS乘法表】原生JS实现99乘法表
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>99乘法表</title> <style> #box span{ display: inline-b...原创 2019-04-02 17:45:01 · 2827 阅读 · 1 评论 -
【原生JS】原生JS 动态获取本地时间
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #box { font-size: 50px...原创 2019-04-02 17:49:00 · 217 阅读 · 0 评论 -
【JS字符串方法】JS字符串方法
字符串的ES5和ES6方法ES5String.fromCharCode()该方法的参数是一系列Unicode码点,返回对应的字符串charAt()该方法返回指定位置的字符,参数是从0开始编号的位置charCodeAt()方法返回给定位置字符的Unicode码点(十进制表示),相当于String.fromCharCode()的逆操作concat()方法用于连...原创 2019-04-02 17:54:20 · 1658 阅读 · 0 评论 -
【JS数组去重】JS几种数组去重方法
数组去重var arr = [5,6,7,9,1,2,3,2,6,8,4,2,5,7,]var obj = {};var arr1 = [];for(var i = 0 ; i < arr.length ; i++){ if(!obj[arr[i]]){ obj[arr[i]] = 1; arr2.push(arr[i]);...原创 2019-04-02 17:58:28 · 261 阅读 · 0 评论 -
【JS typeof】JS typeof 的值
JS typeof 的值 typeof undefined // undefined typeof 'abc' // string typeof 123 // number typeof NaN // number typeof true // boolean ...原创 2019-04-02 18:01:56 · 316 阅读 · 0 评论 -
【JS面试题】minus(m)(n) 高阶函数实现减法运算
function minus(m) { return function(n) { return m - n } } let a = minus(8)(3) console.log(a) // 5原创 2019-04-02 18:04:35 · 1377 阅读 · 0 评论 -
【JS面试题】原生JS手写new方法
function Parent() { this.name = "parent"; this.say = function() { console.log("say") } } Parent.prototype = { walk: f...原创 2019-04-02 18:07:26 · 2619 阅读 · 0 评论 -
随机生成 指定位数的字符串,数字,随机日期时间,随机boolean,随机select选中项
根据传入的类型type,传入的随机select选项,随机生成不重复的字符串,随机数字(可重复),随机时间日期,随机boolean值, select随机选中项数字类型 ‘INTEGER’ ‘LONG’ ‘DOUBLE’ ‘Currency’字符串类型 ‘STRING’日期时间类型 ‘DATE’ 'TIMESTAMPcreateRandomString (...原创 2019-04-22 16:59:58 · 309 阅读 · 0 评论 -
【数组分组】根据数组元素对象中的key值分组
var arr = [{tag: ‘a’, name: 1, age: 2},{tag: ‘b’, name: 3, age: 4},{tag: ‘a’, name: 5, age: 6},{tag: ‘b’, name: 7, age: 8},{tag: ‘c’, name: 7, age: 8},{tag: ‘b’, name: 1, age: 2},{tag: ‘b’, nam...原创 2019-04-02 17:13:15 · 1259 阅读 · 0 评论