阿小绿的博客

node版本过高会出现的那些问题

node的一些常用命令

async 和 await（详解）

vue中cookie的使用安装，expires如何设置过期时间

vue中this.$router.push()路由传值和获取的两种常见方式

js实现base64编码

不是原创，只是整理优化，此处涉及到两篇文章。

uni有长度限制，如果太长的字符串就会传递失败，因此可以通过窗体通讯、全局变量或encodeURICompontent等多种方式解决。跳转tabbar页面，必须设置成open-type=“switchTab”

var data = [ { typeId: 1, typeCode: 'DL', typeName: '电力', children: [ { optionId: 1, optionCode: 'DL', optionName: '电力', typeCode: 'DL', isDisplay: '0', }, { optionId: 2, optionCode: 'GD', optionName: '供电',

vuejs实现复制功能的方法：创建一个copyComm.js的文件；创建一个directives.js文件来注册所有的全局指令；通过“return{copyText:‘…’}”实现复制即可。https://www.php.cn/vuejs/483715.html

本人因公司电脑安装加密软件，导致SVN文件夹现在图标不再显示打开注册表（WIN+R–CMD–REGEDIT）找到该路径（计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\ShellIconOverlayIdentifiers）修改1-9Tortoise1Normal的名称，为了要保证各Tortoise1Normal显示ShellIconOverlayIdentifiers的模块的最上面，可以通过重命名，

window.history.go(-1); //返回上一页window.history.back(); //返回上一页window.location.go(-1); //刷新上一页window.history.back();location.reload();//强行刷新(返回上一页刷新页面）//如果要强行刷新的话就是：window.history.back();//刷新当前页 window.location.reload();Javascript 返回上一页:history.go(-1)

如何根据后台返回的数据进行有效显示。<!-- :data="projectInfoList" 绑定表格数据@selection-change="handleSelectionChange" 当我勾选了以后触发handleSelectionChange事件--><el-table ref="DataTable" v-loading="loading" :data="projectInfoList" @selection-change="handleSelectionChange"

举例说明：（初始效果）<el-table-column label="是否已完成" align="center" width="70" prop="finished" />显然上面这个不符合我们看的习惯，我想要达到的效果是下面的这种（期望效果）。因此我们翻阅了elementui官网说明，发现是可以自定义表头的。代码如下。 <el-table-column label="是否已完成" align="center" width="70" prop="finished">

如何快速创建vue2/vue3项目？vue create demo-route

// 前端提交给后台的数据如下：var queryParams = { pageNum: 1, pageSize: 10, enterpriseId: null, title: null, createTime: null, date220310: [ { name: "王小强", age: 18, address: "北京市...", type: "一类", riskPoint: "风险一点" }, { name: "王强", age: 10, address: "湖南省...",

问题引入 echars 5.0 遇到报错 "export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’解决引入方式改为import * as echarts from 'echarts';// 或const echarts = require('echarts');本文转载，原文来源于：https://blog.youkuaiyun.com/weixin_43972437/article/details/111475106.

关于vue开发时前端报警告如下图所示：这是由于eslint是一个语法检查器，但是非常严格，有一丁点的错误就会警告甚至报错，因此我们可以选择关闭它，在build/webpack.base.conf.js里边，将其注释或者删掉都可，然后再npm run dev就正常了。本文转载，原文来源于：https://blog.youkuaiyun.com/weixin_42452888/article/details/110144296...

前言：作为前端工程师的我们，有时候在我们的后台还在设计数据库时，而我们前端又需要借助请求一些数据来展示和操作我们的页面。我们就只能等待后台（卑微前端惨兮兮，前端要雄起）。这时候就可以用到本地的mock-server来完全模拟请求以及请求回来的过程，而我们也只需要提供一个json文件，或者写几行简单的js脚本就可以模拟出RESTful API的接口。json-server：为需要快速后端进行原型设计和模拟的前端开发人员创建。安装json-server npm install -g json-s.

一句话：看文档。文档会告诉你一切。uniapp的声明周期

准备工作：HBuilder X一个项目一部安卓手机一根数据线一位优秀的开发工程师首先，我们需要有一个项目。（项目都没有，你运行在手机上，你在想屁？）找到菜单栏【运行】=》【运行到手机或模拟器】=》【未检测到手机或模拟器，请稍后重试】如果你是如图效果，请不要着急。听我细细讲来。这时候就需要操作你的安卓手机，找到【设置】=》【我的设备】=》【全部参数】=》多次点击【MIUI版本】，直到提示打开开发者模式。完成上一步，你就可以退出此页面。【设置】=》【更多参数】=》【开发者选项】=.

// 以下题目有简单也有难的（具体看你怎么定义），如果能做到立马想出答案的，则前端算是学的不错的了。如果需要百度才能做出来（直接百度答案的，我就只能说你开心就好），那么也说明一般。如果一点都不会并且百度都不会，那就自己问一下自己究竟学了啥？// 以下都是两年前端人真实项目中遇到的问题（在此只是抽取出来了），在此分享给各位学弟学妹，也真心希望你们能够在前端这条路上越走越远。var data1 = [{ name: "阿三", age: 18}, { name: "阿绿", age: 21},

介绍几款牛逼的基于Vue.js的后台管理控制面板，掌握这几款管理面板，差不多就可以单枪匹马去接私活了！vue-element-admin，GitHub star 数 29362地址：https://github.com/PanJiaChen/vue-element-adminvue-element-admin 是一个后台集成解决方案，它基于 vue 和 element。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你

css去除鼠标聚焦时的光标？原理是设置光标的颜色为透明：caret-color: rgba(0,0,0,0);关于overflow的其他属性的介绍：怎么让div内容超出后自动显示滚动条？overflow 一共有5个属性。1、overflow:auto ；内容会被修剪，超出设置的宽高后会出现滚动条2、overflow:scroll;内容会被修剪，不管内容是否超出，都会出现滚动条的位置3、overflow:visible;这个是默认值，内容不会被修剪，会出现在元素框外面。4、overflow

//#region 不管里面写了什么内容，能不能折叠，只要你想折叠加个region和endregion就可以折叠了 要折叠的代码串 //#endregion

今天脑子突发奇想，想到了layui，然后考虑到自己会用vue就想着把vue+layui结合一起使用。就准备看看网上有没有人用，我学习观摩一下。结果就看到一位知乎大神的发言。第二位人家的血泪史结果就是：layui是底层dom操作，基于jQuery，但是Vue.js并不推荐直接进行底层dom操作。UI库还是用element那种基于Vue开发的组件库吧所以只要敢放弃，就不会遇到困难！成功被劝退，噢耶！...

先看原始效果，我这里是用了v-html展示内容，如果是v-text则会直接显示源码（请看下面的代码）。但是这样就会出现一个问题，内容样式很突兀（主要为字体）。因此我就想要，富文本数据源码格式只展示文字。// 后端传给前端的内容<h2>各位同事们</h2><p>新的一年已经到来，让我们撸起袖子，加油干吧!</p>但是这样并不是前端需要的，原因我也说过了，相信每个前端人都能懂。我需要的是下面的：// 前端自己整好的同时也加上了字数限制，大于多少显示省

哈喽大家好，我又来了。今天什么也不搞，就是来跟大家推荐一下骨架屏（如下图）。来源：uniapp插件市场推荐指数：⭐⭐⭐⭐体验感：妈妈再也不用担心我的加载很突兀了如果你们还没能看懂，下面就放效果。原始效果：缺点很明显，就是很突兀。【闪一下的原因是因为我设置了原始值，加载数据是有时间的。数据量不算很多所以请求起来就会很快，导致我们看起来就是闪一下。而且还会看到我的默认显示值，会让用户觉得是我们的项目卡了】加上骨架屏之后的效果：好的地方不言而喻。强推哦，最后插件地址：https://ext

报错的大概意思就是：你当前的 vue版本和vue-template-complier版本不匹配，八字不合！vue 启动时，出现以下错误：Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.把node_modules 删除之后，输入以下命令(一定这个顺序)：.

vue+introJs新人引导-目录下载intro.js由于是vue项目。所以需要下载vue-introjs全局引入vue-introjs如何把提示内容变成中文的（默认是英文的，所以赋个中文就好了）如何使用先看效果图下载intro.jsnpm install intro.js --save由于是vue项目。所以需要下载vue-introjsvue-introjs 是在 Vue 中绑定 intro.js 所使用的。vue-introjs 中没有内置intro.js，所以在使用前请确保已安装

1.安装 FileSaver包npm install file-saver --save2.在main.js中全文引入 import {saveAs} from 'file-saver';3.将字符串转为Blob对象（然后触发这个事件就能成功啦）var data = '要导出的内容'let str = new Blob([data], {type: 'text/plain;charset=utf-8'});// 注意这里要手动写上文件的后缀名saveAs(str, `导出文件时的名字.t

get、put、post、delete含义与区别（前端必知）

uniapp路由跳转传参和路由传递对象该怎么处理

var reg = /.+?(省|市|自治区|自治州|县|区)/g;var aa1 = "江西省南昌市区濂溪区西湖区桃花路2688号"var aa2 = "江西省南昌市区濂溪区"let bb1 = aa1.match(reg).toString().split(",");var bb2 = aa2.lengthvar bb3 = aa1.substring(bb2)console.debug('bbbbbbbbbb1===', bb1) // ["江西省", "南昌市", "区濂溪区", "西湖

注意：vue不推荐操作dom元素，如果想要获取数据可以使用refref属性可以用来获取dom的引用，它的值可以随便定义,但是注意这个名字不要和页面中其他的ref属性名相同,获取定义的ref可以通过this.$refs.ref的名字至于为什么不推荐操作dom（百度来了，你们看看吧）...

条件1：比较的都是Numbervar a = 23;var b = 15;// 正常的我们理想中的console.debug(a > b) // trueconsole.debug(a < b) // false条件2：两个都是string类型数值，则比较两个字符串对应的字符编码值var a = “23”;var b = “15”;// 比较的是字符编码console.debug("23" < "120") // falseconsole.debug("23"

原始效果：目标效果：相同名称的数量进行累加this.list数据[ { id: "1", name: "霸王几盒3", num: 1, }, { id: "2", name: "霸王几盒3", num: 1, }, { id: "3", name: "我是小白", num: 1, }, { id: "4", name: "霸王几盒3", num: 1, }, ]操作代码（思路：循环找到一样名称的然后进行累加）// 定义局部变量，用来操作let detai

问题1：Module build failed (from ./node_modules/sass-loader/dist/cjs.js):这个是因为node-sass没安装好，所以要重新安装运行命令：npm install node-sass --registry=https://registry.npm.taobao.org问题2：TypeError: this.getOptions is not a function今天用webpack打包项目，安装了less-loader模块之后报错，如下图

正确开启Mockjs的三种姿势：入门参考（一）一、文章初衷阅读本文章需要注意以下几点:文章不主要介绍Mockjs的使用语法文章暂不涉及Mockjs的第三方封装框架文章会结合以往做过上线项目的方式总结想主要介绍如何使用Mockjs,是因为发现网上针对这方面的资料好像并不多，并且比较分散。想要做一次总结，希望能帮助解决入门Mockjs的新人使用的一些疑惑。1.1 简单介绍一下Mock.js众所周知 Mock.js 因为两个重要的特性风靡前端:数据类型丰富支持生成随机的文本、数字、布尔

JSON.parse(jsonstr); //可以将json字符串转换成json对象JSON.stringify(jsonobj); //可以将json对象转换成json对符串本文转载，原文来源于：https://blog.youkuaiyun.com/leijiahui/article/details/88778387