- 博客(88)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 【跟着大佬学JavaScript】之数组去重（结果对比）
数组去重在面试和工作中都是比较容易见到的问题。这篇文章主要是来测试多个方法，对下面这个数组的去重结果进行分析讨论。如果有不对的地方，还请大家指出。方法结果说明for循环暴力解法1.去重+0、-0、0；2.NaN不去重；3.对象newString(“1”)、/a/、{}不去重；4.数组[]不去重；5.Symbol(1)不去重；ES6解法1.去重+0、-0、0；2.去重NaN；3.对象newString(“1”)、/a/、{}不去重；4.数组[]不去重；5.Symbol(1)不去重；includes。...
2022-07-20 23:31:38
365
1
原创 ES6对象属性名简洁表示法和表达式、对象新方法、属性的遍历
概览对象属性的简洁表示法ES6允许直接写入变量和函数作为对象的属性和方法。ES6允许在对象中只写属性名，不写属性值。let foo = 'bar';let baz = {foo};console.log(baz); // {foo:'bar'}// same aslet baz1 = {foo:foo}console.log(baz1); // {foo:'bar'}let first = 'Jone';let last = 'Doe';let obj = {first,las
2021-04-08 19:37:27
1687
原创 89版本的chrome不支持less deep样式穿透
问题chrome版本号89.0.4389.90，不支持less的/deep/样式穿透解决既要照顾以前的版本，又要兼容新版本，建议写两种css样式.main{ .el-dialog__headerbtn{ top:-5px!important; right:0px!important; } /deep/.el-dialog__headerbtn{ top:-5px!important; right:0px!important; }}
2021-03-29 21:40:11
835
原创 前端利用XMLHttpRequest读取本地文本文件
问题前端常见是通过input按钮上传读取文件信息，此时知道本地文件路径需要直接js读取本地文件内的信息注意本地测试，需要解决本地浏览器跨域问题，如：可查看此链接解决：解决本地浏览器运行项目是的跨域问题解决利用XMLHttpRequest获取到文件的信息。/** * XMLHttpRequest.open() 初始化请求参数 * XMLHttpRequest.send() 发送网络请求 * XMLHttpRequest.onload() 监听请求结果 * XMLHttpReque
2021-03-09 22:43:53
7835
原创 vscode启动项目EsLint报错(.eslintrc.js文件)
{root: true, // 当前配置为根配置，将不再从上级文件夹查找配置parserOptions: { parser: 'babel-eslint', // 采用 babel-eslint 作为语法解析器 sourceType: 'module', // 指定来源的类型，有两种script或module ecmaVersion: 6, //指定ECMAScript支持的版本，6为ES6},env: { browser: true, // 设置为所需检查的代码是在浏览器环境运行的 e
2021-02-02 23:15:52
1636
2
原创 Vue+element tree使用，当弹窗关闭时，this.$refs.tree.setCheckedKeys([])不能清空选中
问题Vue+element tree使用，当弹窗关闭时，this.$refs.tree.setCheckedKeys([])不能清空选中。解决由于弹窗关闭，导致this.$refs.tree.setCheckedKeys([])无效。此时，需要我们重新获取整个树组件的node，然后将对应的每个选项checked为空。// 首先获取nodelet node = this.$refs.tree.getNode(this.data[0].id).parent;// 这里的this.data是指的
2021-01-28 21:50:57
4030
原创 element如果Button被Disable了，如何显示Tooltip
需求按钮被disabled了需要显示tooltip错误案例直接用tooltip包着按钮<el-tooltip placement="top" :disabled="tooltipDisabled" content="按钮被disabled了需要显示tooltip"> <el-button style="margin-bottom:10px" :disabled="btnDisabled" type="primary" size="small" @click="handleE
2021-01-11 20:24:27
4482
原创 element-ui的input设置小于15的正整数
需求输入必须为数字，正整数；小于15，大于0；解决首先element-ui的input组件<el-input type="text" :maxLength="2" autocomplete="off" v-model="maxNum" placeholder="请输入<=15的正整数"></el-input>利用onkeyup，对输入的进行更改最终代码<el-input onkeyup="value=value.replace(/[^0-9]/g
2020-12-31 19:50:17
572
原创 js判断文件名是否合法
文件类型可查询MIME参考手册.获取文件后缀名/** * @description 获取文件后缀名 * @param {String} fileName 文件全名，包含后缀名的那种 */export function getFileExt(fileName) { let splits = fileName.split('.'); return _.last(splits);}检查文件类型/** * @description 检查文件类型，是否是合法的，这里的validM
2020-11-18 22:39:41
829
原创 Js去除字符串中的中括号
let str = '这是一个字符串[html]语句;[html]字符串很常见';alert(str.replace(/\[|]/g,''));//移除字符串中的所有[]括号（不包括其内容）//输出：这是一个字符串html语句;html字符串很常见alert(str.replace(/\[.*?\]/g,''));//移除字符串中的所有[]括号（包括其内容）//输出：这是一个字符串语句;字符串很常见移除所有中括号,不包括其内容let str = "[1,2,3,4,5,6,7,8]";let
2020-11-18 22:36:50
2268
2
原创 echart 设置 Y轴标签在柱状图上垂直居中 失效
问题yAxis: { type: 'category', data: yAxis, axisLabel: { inside: true, *verticalAlign: 'middle'* // 文档中应该是这个属性来设置垂直居中，但是未生效 }, axisLine: { lineStyle: { color: '#fff', }, }
2020-10-29 21:11:19
1863
原创 vue两data参数等于res.detail,更新一参数另一参数跟着改变
问题vue两data参数等于res.detail,更新一参数另一参数跟着改变import serviceSkill from "@service/skill"export default{ data(){ return{ datalist:{}, dataOldlist:{}, } }, created(){ this.changeSomething() }, methods(){ changeSomething(){
2020-10-29 20:01:18
467
原创 Object.assign()更新对象
Object.assign()Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]]，所以它会调用相关 getter 和 setter。因此，它分配属性，而不仅仅是复制或定义新的属性。如果合并源包含getter，这可能使其不适合将新属性合并到原型中。为了将属性定义（包括其可枚举性）复制到原型，应使用Obje
2020-10-24 14:21:08
614
原创 字符串string创建,方法
字符串的创建1.new String()let stringObj = new String("123")console.log(stringObj) // object这个是字符串对象，尽量不要这么做!!!2.创建基本的字符串值let stringStr = "123"console.log(stringStr) // string字符串的方法1.查找方法a)charAt(index)作用：返回指定位置的字符。注意：字符串中第一个字符的下标是 0。如果参数 index 不在 0
2020-10-20 19:31:29
1109
原创 Vue自定义组件Props中接收数组
问题报错props: { showcontent: { type: Array, default: [] },}报错信息[Vue warn]: Invalid default value for prop “showcontent”: Props with type Object/Array must use a factory function to return the default value.问题解决props: { showcont
2020-10-20 19:26:46
3311
原创 vue项目Ctrl+s vscode代码自动格式化
前言多人开发vue项目,代码风格形式不一vscode保存代码，自动按照eslint规范格式化代码设置（vscode最新版配置）vscode插件首先vscode需要装一些vscode插件ESLint、Vetur、Prettier-Code formatter、GitLens-Git supercharged配置settings.json打开settings.json，贴上配置，注意自己原有的vscode主题和字体等不要替换掉打开方式方式一:1)文件 ------.>【首选项】--
2020-09-16 22:57:00
2317
5
原创 Vue EventBus传值的bug(EventBus踩坑)
前言三个兄弟组件通信EventBus未取消绑定,重复触发的bug基本使用/新建一个 js 文件，写下如下代码就创建好了一个 eventbus，没错，就是这么简单import Vue from 'vue'export default new Vue;全局调用在 main.js 中导入 eventbus ，然后将它挂载到 vue 的原型上，这样就可以全局调用了import bus from './utils/eventBus'Vue.prototype.bus = bus;其他文
2020-09-15 19:29:48
2208
原创 Css3无缝滚动防抖
问题图片加文字的无缝滚动，在手机端的效果总体还行，但是图片在手机某些浏览器会抖得腻害！错误写法不能用left，margin-left,像这种写法:.donghua.active{ animation: scoll ease-in-out 1s infinite alternate; -webkit-animation: scoll ease-in-out 1s infinite alternate;}@keyframes scoll { from { left: 0;
2020-09-12 20:14:07
1326
原创 IOS调用微信扫一扫scanQRCode报错the permission value is offline verifying
问题ios调用微信扫一扫scanQRCode报错the permission value is offline verifyingdocument.getElementById("scanQRCode").onclick = function() { wx.scanQRCode({ needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果 success: function(res) { alert("234"); let d
2020-09-10 19:47:26
15580
2
原创 IOS微信分享问题（h5页面），签名报错invalid signature
前言网上方法差不多都看了，有个解决方法：window.location.href;确实有效，但是必须进入页面后再次刷新页面才能签名成功；用时间戳也不能解决刷新问题方法在mian.js里面全局路由守卫后置钩子afterEach，主动修改url添加链接描述window.router=router；router.afterEach(to => { const u = navigator.userAgent.toLowerCase(); if ( u.indexOf("like ma
2020-09-10 19:44:29
1028
3
原创 echarts 折线图(移动端)X轴显示不全
主要原因X轴文字太多,需要文字倾斜角度,换行以及省略X轴文字倾斜角度,换行interval坐标轴刻度标签的显示间隔(在类目轴中有效哦)，默认会采用标签不重叠的方式显示标签（也就是默认会将部分文字显示不全）可以设置为0强制显示所有标签，如果设置为1，表示隔一个标签显示一个标签，如果为3，表示隔3个标签显示一个标签，以此类推rotate标签倾斜的角度，在类目轴的类目标签显示不全时可以通过旋转防止标签重叠（官方这样说的）旋转的角度是-90到90度xAxis:{ axisLabel:{
2020-09-09 19:43:42
3494
原创 二进制文件流处理笔记
res的形式 let a = document.createElement("a") let blob = new Blob([res], { type: "application/vnd.ms-excel", //将会被放入到blob中的数组内容的MIME类型 }) let objectUrl = URL.createObjectURL(blob) //生成一个url a.setAttribute("href", objectUrl) a.setAttri
2020-05-21 19:55:24
1986
原创 react-router-dom 嵌套路由
入口文件index.js：import React from "react"import ReactDOM from "react-dom"import App from "./App.jsx"import "babel-polyfill"const root = document.getElementById("app")if (root !== null) { ReactDOM...
2020-04-29 10:17:21
724
原创 vs code代码自动保存
{ "git.path": "D:/Git/bin/git.exe", "telemetry.enableTelemetry": false, "editor.fontSize": 12, "telemetry.enableCrashReporter": false, "window.openFoldersInNewWindow": "on", "vetur.validat...
2020-04-27 16:28:22
1852
原创 2020最新移动，联通，电信号码正则
由于新增了197、199、190等新号段，最新移动，电信，联通号段如下：移动号段：134、135、136、137、138、139、147、150、151、152、157、158、159、172、178、182、183、184、187、188、195 、198、197联通号段：130、131、132、145、146、155、156、166、171、175、176、185、186、196电信...
2020-03-30 16:06:45
9455
2
原创 React使用axios的坑：每次都要请求两次，而且前后端相同配置
React使用axios的坑：每次都要请求两次，而且前后端相同配置项目：react-antd-axios接口会调用两次，但是页面中并没有写调用两次的方法，componentDidMount中值调用了一次，反复查看没有问题，axios中封装的api也没有出现问题。我的项目解决：在包裹着content的路由页面，也就是主页面中componentDidMount写了方法，但是并没有调用api...
2019-11-14 15:14:02
1863
原创 Vue树形数据处理(js)
当前需求:层级列表中选中某个元素,则获取最底层子集id,并用逗号连接(1,2,3,4,5);数据形式:let data = [{ id:"1", children:[{ id:"11", children:[{ id:"111", ...
2019-08-13 15:43:23
1804
原创 干货:HTML5获取页面元素及类名操作和自定义属性
1 . document.querySelector(“选择器”);返回文档中匹配指定 CSS 选择器的一个元素例:<script>document.querySelector("p");document.querySelector(".example");document.querySelector("p.example");document.querySelect...
2019-08-12 16:18:20
611
原创 2019最新移动，联通，电信号码正则
由于新增了166,199，198等新号段，最新移动，电信，联通号段如下：移动号段：134 135 136 137 138 139 144 147 148 150 151 152 157 158 159 172 178 182 183 184 187 188 198联通号段：130 131 132 145 146 155 156 166 171 175 176 185 186电信号段：1...
2019-03-06 11:04:11
4014
原创 原生js判断手机端页面滚动停止
var topValue = 0,// 上次滚动条到顶部的距离 interval = null;// 定时器 contactsList = document.getElementById("contactsList"); contactsList.onscroll = function() { //我项目中的contactsList滚动 ...
2019-02-22 14:40:32
873
原创 js简单函数调用
<script> //最简单的调用 //这是JavaScript DOM编程艺术(第2版)关于函数的原码 function convertToCelsius(temp) { var result = temp - 32; result = result / 1.8; ...
2019-02-10 17:32:20
334
原创 js实时监听窗口变化总结
看了很多大牛博客，做了如下总结，如若我写法有不足之处，望大家不吝赐教！<script>window.onresize = function () {var Width = window.innerWidth//浏览器窗口的内部宽度（包括滚动条）|| document.documentElement.clientWidth|| document.body.clien...
2019-02-01 11:22:38
636
原创 vue3.0配置vue-i18n
项目安装vue-i18n需要安装最新版的vue-i18nnpm install vue-i18n@next --save或者用yarnyarn add vue-i18n@next --save安装完成之后，可以看一下package.json文件；看是否是最新版的vue-i18n，我安装的是9.1.7。在项目src文件夹中新建lang文件夹新建lang文件夹，在lang文件夹中新建三个js文件:zh-CN.jsmodule.exports = { header:{ text:
2021-09-01 10:28:29
916
原创 JavaScript数据类型
JavaScript数据类型JavaScript基本数据类型/原始数据类型/值类型（六种）NullUndefinedStringNumberBooleanSymbol注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。注：在es10中加入了原始数据类型BigInt，现已被最新Chrome支持console.log(BigInt) // ƒ BigInt() { [native code] }console.log(typeof 1n) // bigi
2021-08-11 17:49:06
124
原创 ES6Set和Map数据结构
概览Set类似于数组，但是成员的值都是唯一的，没有重复的；Set本身是一个构造函数，用来生成Set数据结构；不能区分 +0,-0;认为NaN不等于NaN;不能区分对象，认为两个对象总是不相等的；不能区分数组，认为两个数组总是不相等的；Set的基础和数组去重let arr = [2,3,4,5,1,'1',1,undefined,undefined,'undefined',null,NaN,NaN,+0,-0,{},{},[],[]];function unique(arr){ r
2021-04-19 20:08:00
104
原创 ES6 Symbol
概览const mySymbol = Symbol('mySymbol');console.log(mySymbol); // Symbol(mySymbol)console.log(mySymbol === Symbol('mySymbol')); // falseconsole.log(typeof mySymbol); // 'symbol'基本数据类型SymbolES6 六种基本数据类型: String、Number、Boolean、Null、Undefined、SymbolES6
2021-04-14 19:50:36
729
1
css3教程.MP4
2020-09-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人