八皇叔的博客

原创 操作数组区间

class RangeList { constructor(){ this.cache_list=[] } add(params){ this.cache_list.push(params) this.cache_list=this.calculate(this.cache_list) } remove(params){ let res=[] ...

原创 js对大数据量的处理

JS如何优雅的处理大批量数据？_ChaITSimpleLove的博客-CSDN博客_js处理大量数据

原创 element-admin 不使用路由懒加载的打包问题

element-admin 不使用路由懒加载的打包问题

原创 vue使用web-components

userCard.js(function () { // 配置模板 const getEemplate = () => { // 创建模板 const template = document.createElement('template'); // 给模板设置id 方便查找 template.id = 'userCardTemplate'; templ...

转载 统计vue项目的代码量

需求想要统计一下自己写的vue项目的代码量。主要是src文件夹下的html、css、js、vue文件的总代码量解决方案使用git bash，切换至vue项目的src目录下，然后输入如下命令：find . "(" -name "*.html" -or -name "*.js" -or -name "*.css" -or -name "*.vue" ")" -print | xargs wc -l命令解析从前往后一个个分析吧。首先，find、xargs、wc、都是linux下的命令。fi

转载 node升降版本

https://www.jb51.net/article/202124.htm

转载 vue使用eslint

eslint的使用

原创 vue手写loader

1、配置webpak rules2、txt-loader.js对txt文件进行处理3、使用loaderimportbbfrom'./aa.txt'console.log(bb)输出：{content:'xxxxxxxxxx',filename:'xxxxxxxxxxxx'}

原创 vue3与vue2的比较

1、template下支持多个根标签。2、用createapp代替new vue3、加入setup组合式api，里面有自己的生态、生命周期，用于抽象组件4、用proxy代替object.definepropoty,用于响应式，支持数组的监听。

原创 vue中jsx的写法

原创 求一个数组的最大子集

functionsubsets(nums,m,n){letres=[],len=nums.length;for(leti=0;i<(1<<len);i++){letarr=[];for(letj=0;j<len;j++){if(i&(1<<j))arr.push(nums[j]);}...

原创 前端检查无用文件

安装npm install -g deadfile用法与范例简单：deadfile ./src/index.js多次输入：deadfile ./src/index.js ./src/entry2.js排除：deadfile ./src/index.js --exclude tests utils/webpack

原创 vue用花生壳代理出现Invalid Host header错误

在项目的根目录的package.json文件中"dev": "webpack-dev-server --content-base ./ --open --inline --hot--compress --history-api-fallback --config build/webpack.dev.config.js" 的后面添加--host 192.168.1.5（填你自己的ip地址）。这样就能通过ip访问了，但是通过服务器域名访问时还是显示 Invalid Host header，这是由于新版的webp

原创 eslint使用

1、npm install -D eslint安装本地eslint包2、npx eslint --init 把eslint初始化，生成eslintrc.js文件3、配置eslintrc.js文件，vscode安装eslint插件和eslint prettier插件

原创 获取本机ip

getIntnetIP(){varJSONP=document.createElement("script");JSONP.type="text/javascript";JSONP.src="http://pv.sohu.com/cityjson?ie=utf-8";document.getElementsByTagName("head")[0].appendChild(JSONP);}this.getIntnetIP()console.log...

原创 iframe导出

1、带参数导出varMyForm=document.createElement("form");varMyinputBeginDate=document.createElement("input");MyinputBeginDate.name='beginDate';MyinputBeginDate.value=this.state.date[0]?this.state.date[0]:"";varM...

原创 js小技巧

1、上传文件时不能只判断file.type,因为file.type可能为空字符串。

原创 obj中key值可为变量

const name = 'jack'; const age = 20; const person = {[name] : true, [age] : true}. person对象的两个key分别是什么对象的key只能是字符串，'jack'和'20'

转载 VUE页面转pdf

import html2Canvas from 'html2canvas'; import JsPDF from 'jspdf'; export default { install (Vue, options) { Vue.prototype.getPdf = function () { var title = this.pdfTitle; // 导出的pdf文件名 html2Canvas(document.querySelector(this.pdfSelector), { //导出的html元素 all

原创 uform小技巧

uform一些小知识uform绑定回车事件<Fieldtype="string"title="机柜编号"name="cabinet_no"default=''x-effect={dispatch=>({onPressEnter(e){dispatch('onChan...

原创 一秒钟把网站变灰

给html加一个css样式 -webkit-filter:grayscale(100%)

原创 文件流下载ie、google兼容

//ieif(window.navigator&&window.navigator.msSaveOrOpenBlob){window.navigator.msSaveOrOpenBlob(res.data,param);}//googleelse{leturl=wi...

原创 react解析a标签

转载 深拷贝与浅拷贝区别，实现深拷贝的几种方法

如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举个浅拷贝例子：let a=[0,1,2,3,4], b=a;console.log(a===b);...

转载 Vue-Router模式、钩子

模式vue-router中的模式选项主要在router实例化的时候进行定义的，如下const router = new VueRouter({　　　mode: 'history', // 两种类型history 还有 hash routes: routes // 可以缩写成routes})有两种模式可供选择，history 和 hash，大致对比一下，模式 ...

转载 $router和$route的区别

在vue2.0里页面参数是 this.$route.query或者this.$route.params 接收router-link传的参数。在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转，所以有个方法就是在script标签里面写this.$router.push('要跳转的路径名')，在写的时候发现这两个为什么不同，在控制台打出this的时候，...

原创 以div中心为原点向四周放大

&lt;div class="a1"&gt;&lt;div class="abc"&gt;&lt;/div&gt;&lt;/div&gt;&lt;style&gt;.a1{width:100px; height:100px; margin:200px auto;}.abc{width:100px;height:100px;background:#f00; position:re

转载 vue引用阿里巴巴图标

https://www.cnblogs.com/chinabin1993/p/8184296.html

转载 ES5和ES6的区别

距离ES6发布已有半年，对于ES6和ES5，你了解多少？这篇文章讲了JavaScript，ES5，ES6的一些介绍和区别，挺详细的，结尾附录：ES5, ES6, ES2016, ES.Next: JavaScript 的版本是怎么回事？以下来自：http://www.cnblogs.com/lovesong/p/4908871.html什么是JavaScriptJavaScript一种...

转载 常用正则表达式

正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码：var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/; ...

原创 url中中文乱码转成字符串

有些时候，需要通过url中拼接字符串的方法传递参数，其中也许会有中文，这时，取到的字符串会是乱码，怎么才能转化呢？

原创 base64编码转file文件上传

调用安卓相机方法返回base64编码转化成流，通过表单提交的方法上传