前端积累
丹哥不是哥
热爱生活,努力发光
展开
-
vue项目eslint配置
安装必要的插件依赖例如:npm install eslint eslint-friendly-formatter eslint-loader eslint-plugin-html eslint-plugin-vue --save-dev根目录添加.eslintrc.js配置module.exports = { root: true, parser: 'vue-eslint-parser', parserOptions: { ecmaVersion: 2018,原创 2021-06-24 11:44:53 · 329 阅读 · 0 评论 -
import-html-entry本地下载之后windows编译出错问题记录
错误:‘rm’ 不是内部或外部命令,也不是可运行的程序或批处理文件。import-html-entry@1.11.1 build:lib D:\payment-module\import-html-entry-masterrm -fr ./lib && BABEL_ENV=lib babel ./src --out-dir ./lib --ignore ‘src//tests//*.js’‘rm’ 不是内部或外部命令,也不是可运行的程序或批处理文件。解决方案rm -fr原创 2021-05-21 14:05:15 · 1526 阅读 · 0 评论 -
前端JavaScript数据处理常用工具
丹哥的工具箱将base64的图片url数据转换为Blob生成guid获取带参数地址中的参数对象判断字符串是否是JSON字符串复制到粘贴板当前之间XXX之前/之后(举一反三)日期格式化处理日期反转去除所有空格去除首尾空格cookie增删改去除文本中的表情包格式化字符串中的内容(举一反三)判断是否包含html判断是否是正整数队列的封装栈的封装统一处理利率 为4位;大于4位保留到最后一位非零按照一定间隔分割数组定时器管理方案是否是中国身份证号将base64的图片url数据转换为Blobfunction bas原创 2021-04-08 17:45:27 · 468 阅读 · 0 评论 -
[转载]javaScript中半角和全角的判断与相互转换
转载自:https://segmentfault.com/a/1190000009457684js判断输入的文字是全角还是半角?str="中文;;a" alert(str.match(/[\u0000-\u00ff]/g)) //半角 alert(str.match(/[\u4e00-\u9fa5]/g)) //中文 alert(str.match(/[\uff00-\uffff]/g)) //全角 js对全角与半角的相互转化全角转换为半角funct转载 2021-03-18 10:50:04 · 413 阅读 · 0 评论 -
js拦截所有请求
function listen() { var origin = { open: XMLHttpRequest.prototype.open, send: XMLHttpRequest.prototype.send } XMLHttpRequest.prototype.open = function(a, b) { // console.log('open'); // this.addEventListener('loadend', onReadyStateCh原创 2021-03-10 10:34:04 · 10400 阅读 · 9 评论 -
获取dom节点xpath &&通过xpath返回dom节点
html结构<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equ原创 2021-03-09 17:02:31 · 1881 阅读 · 5 评论 -
使用vue-cli和element-ui快速搭建后台管理系统
使用vue-cli和element-ui入门实践1. 环境配置安装node从Node官网下载对应平台的安装程序https://nodejs.org/en/在window上安装时要注意:选择全部组件,包括勾选Add to Path。安装完成后,在window环境下,打开命令行窗口,然后输入node -v,如果安装正常,可以看到输出如图所示:2. 安装vue-cli参考文档https://cli.vuejs.org/zh/npm install -g @vue/cli目前按照这种方式安装应原创 2021-01-14 18:17:22 · 1086 阅读 · 0 评论 -
Vue-cli中使用sharedworker & websocket
搞了两天google和百度都搜不到完整解决方案,只能靠自己啦~~~还好搞出来啦!!!!开心呢~希望对你有帮助安装worker-loader参考:https://github.com/webpack-contrib/worker-loadernpm install worker-loader --save-dev配置vue.config.js chainWebpack: (config) => { config.module .rule('worker')原创 2020-12-08 23:27:16 · 2061 阅读 · 0 评论 -
javaScript一个数组对象根据另一个数组排序
直接上代码:var list = [ {name:'上海',code:'shanghai',}, {name:'西安', code:'xian'}, {name:'深圳', code:'shenzhen'}, {name:'北京', code:'beijing'}];list.sort((a,b)=>{ let order=['beijing',...原创 2019-05-31 11:01:11 · 6993 阅读 · 0 评论 -
ES6环境搭建---ES5与ES6的编译转换
ES6的使用环境有:node 、IE、Chrome等。ES6不能在IE中使用。ES6目前在任何版本任何环境都没有做到百分之百的兼容。查看浏览器对ES6的支持情况:http://kangax.github.io/compat-table/es6/ES6编码环境搭建一、使用Babel工具将ECMAScript6转换为ECMAScript5例如:创建项目文件夹目录结构为test ...原创 2018-12-05 23:15:39 · 462 阅读 · 0 评论 -
ES6环境搭建---nvm管理下的nodejs安装和使用
安装nvm下的node环境1. windows 下 nvm的安装(若之前安装过NodeJS,请先卸载)nvm下载地址:https://github.com/coreybutler/nvm-windows/releases下载nvm-setup.zip到本地,打开并运行nvm-stup.exe文件,安装即可。可以指定到具体的安装文件夹下。命令行工具中运行set | findstr "nvm...原创 2018-12-05 23:14:32 · 161 阅读 · 0 评论 -
前端面试必问清单-----CSS清除浮动
1.为什么要清除浮动? 2.怎么清除浮动?原创 2017-02-26 20:38:48 · 756 阅读 · 0 评论 -
Cookie的特点和使用经验/建议总结
Cookie的特点和使用经验/建议总结一、前言-什么是Cookie? Cookie就是以Key,Value的形式存储在浏览器端的数据。 https://baike.baidu.com/item/cookie/1119 二、工作原理&应用场景工作原理在Request的时候,浏览器将Cookie信息放在HTTP-Request Headers中。在Res...转载 2018-05-02 15:55:34 · 1126 阅读 · 0 评论 -
单点登录入门链接
https://www.cnblogs.com/EzrealLiu/p/5559255.html原创 2018-06-04 15:30:31 · 599 阅读 · 0 评论 -
前端常用正则表达式--手机号,去空格,数字,字母,常用组合,邮箱,中国身份证
返回均为true 或者 false手机号:var isPhoneNo = function(str) { var reg=new RegExp(&amp;amp;amp;quot;/^1[3|4|5|7|8][0-9]\d{8}$/&amp;amp;amp;quot;); return reg.test(str);}数字//验证是否是数字var isNum = function(str){ var reg = new...原创 2018-06-05 15:40:57 · 2846 阅读 · 1 评论 -
前端MOCK数据之json-server 在vue-cli项目中的使用
前提已经安装Node.js,并且安装好vue-cli。想要自己MOCK数据,模拟请求后端数据。json-server 安装为了后续其他项目也可以使用,选择全局安装npm install json-server -g项目中使用1. 在项目根目录创建一个db.json文件,用于放置需要模拟的数据如图: 注意:json格式要严格遵守,如果有多个请求接口,可以模拟为...原创 2018-06-05 18:30:33 · 512 阅读 · 0 评论 -
Element UI 中清除初始化数据为空时this.$refs[formName].resetFields()不起作用
问题在查询条件中,初始化时绑定手机号码值从cookie中获取,但是在清除表单的时候,只用this.$refs[formName].resetFields()无法清楚所有表单为空。分析原因this.refs[formName].resetFields()只是将查询条件初始化,所以在初始化时绑定什么值就还是什么值。如果想要清空指定的已绑定数据的表单元素,需要将清空的语句写在this.r...原创 2018-06-28 12:10:28 · 38928 阅读 · 13 评论 -
键值对,可用的国际长途电话区号(中英文名)
[ { key: "93", value: "阿富汗(+93)" }, { key: "355", value: "阿尔巴尼亚(+355)" }, { key: "213", value: "阿尔及尼亚(+213)" }, { key: "376", value: "安道尔(+376)" },原创 2018-07-04 16:07:30 · 7826 阅读 · 1 评论 -
js获取大小写字母的方法
用程序员的方式生成大小写字母数组生成大写字母function upperCaseChars(){ //生成大写字母 A的Unicode值为65 var str = []; for(var i=65;i&lt;91;i++){ str.push(String.fromCharCode(i)); } return str;}生成小写字母f...原创 2018-11-27 11:23:33 · 5080 阅读 · 0 评论 -
JQuery做折叠二级菜单
今天用JQuery做了一个折叠的二级菜单,以前直接用的Bootstrap插件来做,Boostrap直接封装好了,拿过来用,这次是自己手写,一边借鉴网上的优秀资源,一边自己做的。自我感觉界面交互良好。原来也没有那么难嘛! (但是写JS的时候获取二级菜单display属性的时候,得到的结果与实际在页面显示的结果相反,不知道为啥。) **接下来继续优化,做到三级菜单。 希望能封装成小插件,开始自己的原创 2016-05-30 17:43:58 · 4173 阅读 · 4 评论