- 博客(26)
- 收藏
- 关注
RSS订阅转载 ECMAScript 6 简明教程（一文搞懂ES6）
let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var：同样在块级作用域有效的另一个变量声明方式是 const，它可以声明一个常量。ES6 中，const 声明的常量类似于指针，它指向某个引用，也就是说这个「常量」并非一成不变的，如：有几个点需要注意：let 关键词声明的变量不具备变量提升（hoisting）特性let 和 const 声明只在最靠近的一个块中（花括号内）有效当使用常量 const 声明时，请使用大写变量，如：CAPITAL_CASINGconst 在
2022-06-09 16:42:10
2295
1
原创 npm i 发生npm ERR! code 128 npm ERR An unknown git error occurred npm ERR! command g的错误（已解决）
npm 128报错
2022-06-06 15:08:10
5090
13
转载 elementui默认样式修改的问题
elementui默认样式修改的问题当我们在vue中引入第三方组件库的时候，vue组件中样式的scoped就会成为我们修改样式的阻碍，有以下三种方法修改样式，并且不影响全局样式：1 在样式外新增一个样式不添加scoped<style> .my{ margin: 20px; } .my .el-input__inner{ border-radius: 15px;/* 这个样式起效果 */ }</style><style scoped> .my .
2021-12-14 11:24:53
1984
原创 v-for的使用，有默认传参的函数额外传自定义参数
1.有1个默认参数@click = "handle($event, index)" //用$event 承载默认参数，被触发函数如下，正常接参：handle( event, index ){ } 2.有多个默认参数：@click = "((param1,param2)=>{handle(param1,param2,index)})" //利用闭包，被触发函数如下，正常接参：handle( event1,event2, index ){ }<template><
2021-10-18 10:27:06
1135
原创 css实现斜角边框
.dot{ width:2px;height:2px;border-radius: 100%;background-color: #c6a35e;display: block;position: absolute;z-index: 999}.dot-tl{left:0px; top:0px;}.dot-tr{right:0px; top:0px;}.dot-bl{left:0px; bottom:0px;}.dot-br{right:0px; bottom:0px;}.sbg{ ..
2021-09-01 18:03:27
5258
原创 vue项目 get方式传参数组
背景：多选下拉框的查询，需要给后端传的是个数组（get方式）get方法传参数组的时候，会出现arr[]=1&arr[]=2这样的情况，这样的传参，后端是接收不到的，无法解析。那么我们就需要转换成这样的格式：arr=1&arr=2解决方法：1、这里，需要安装一个插件----qs插件，在vue项目中npm add qs即可。2、在拦截器文件（一般是自己项目中封装的request.js文件）中引入import qs from 'qs'并加入下面这段重点代码：// request i
2021-08-11 14:18:55
1292
原创 vue项目打包报错“vue-cli-service build “（已解决）
vue项目打包报错，错误如下解决方法：删除项目根目录下的package-lock.json文件，执行npm i，然后重新打包就可以了
2021-08-11 14:06:05
25177
8
原创 移动端h5落地页总结（vue cli+vant）
一.template中使用图片：1.js中引入图片：import onepng from "@/assets/1.png";2.data中定义template中用到的图片变量：3.template中使用：二、vant在vue页面的按需引用：三、引入json文件并使用四、base64引入使用：1.安装：npm install --save js-base642.在组件中直接引入const Base64 = require('js-base64').Base64;五、axios使用1
2021-06-30 16:00:59
2576
原创 vue 登录拦截及权限管理，登录页面
一.登录拦截用户登录成功后服务端返回token的值，然后前端使用axios中请求拦截器（service.interceptors.request.use）再每个的请求接口上加上Authorization:token的值，服务端通过这个Authorization来获取token的值，来进行判断token的值是否过期，如果过期则接口返回403,前端得到403的状态，则提示用户返回登录页。//request.jsimport axios from 'axios';import { Message, Mes
2021-05-28 16:38:55
1233
原创 element UI中Notification 通知防重叠以及关闭通知问题
//好的 不再提示 neirong1(i){ const h = this.$createElement; //vue 中的渲染函数 createElement 参数 var that = this; that.notifyPromise = that.notifyPromise.then(that.$nextTick).then(function () { //防止通知叠加 let notify =that.$n
2021-05-14 17:27:40
1766
原创 判断路由（vue中路由前置守卫），字符串转换为数组，tinymce富文本插件
aaa(){ var _this=this router.beforeEach((to, from, next) => { if(to.path!="/dashboard/dashboard"){ for(let i=0;i<_this.msgNotify.length;i++){ _this.msgNotifyList[_this.msgNotify[i].id].clos
2021-05-14 17:08:33
289
原创 2024高频前端面试题（含答案）
一、简单页面1、CSS选择器样式优先级2、CSS实现三列布局（左右固定宽度，中间自适应）（1）CSS浮动第一个float:left，第二个float:right，第三个设置margin-left和margin-right（2）绝对定位法第一个定位到left，第二个定位到right，第三个设置margin-left和margin-right（3）flex布局.left{ width:200px; 或者 flex:0 0 200px;}.right{ width:200px;
2021-04-22 14:02:16
213128
14
原创 vue中this.$set的用法（解决vue视图不及时更新问题）
应用背景：项目中有给表格数据新加了一个edit字段来控制每行数据的编辑功能，html如图：通过点击管理按钮，改变edit的布尔值来切换视图，js如下：然后发现点击按钮视图根本没有切换，然后在控制台打印出来的edit是正确的也并无异常，此时就需要用到this.$set来解决，js如下：this.$set实现什么功能，为什么要用它？当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（）这个方法了，简单来说this.$set的功能就
2021-04-15 11:32:56
3316
原创 前端js常用的数组方法
从数组中删除元素：splice（元素下标，删除个数1） handleClose22(row){ console.log(row) for(let i=0;i<this.tableData.length;i++){ if(row.tag_id==this.tableData[i].tag_id){ this.tagarr.push({name:this.tableData[i].name,tag_id:this.tab
2021-03-26 17:25:42
261
原创 vue祖孙组件传值（组件三层嵌套传值方法）
通过provide/inject可以轻松实现跨级访问祖先组件的数据先看代码实现效果吧父组件 index.vue<template> <!-- 父组件 --> <div class="views__home"> <my-children></my-children> </div></template><script>import MyChildren from
2021-03-25 14:28:29
3018
原创 Vue中的slot-scope=“scope“
<template> <el-table :data="tableData" style="width: 100%"> //---:data="用于存放请求数据回来的数组" <el-table-column label="索引值" width="400"> <template slot-scope="scope"> //--- 这里取到当前单元格 <span>{{ scope.$ind
2021-03-17 14:36:30
3459
原创 一周工作笔记（合墨）moment.js使用，base64使用
base64+地址栏传参列表页： handleEdit(index, row) { console.log(JSON.stringify(row)) const Baserow = Base64.encode(JSON.stringify(row)) console.log(Baserow) // this.$router.push({path:'details',query:{Baserow:Baserow}});
2021-03-15 17:29:59
152
原创 浏览器缓存方式cookie、session、sessionStorage 和 localStorage 区别
浏览器缓存方式cookie、session、sessionStorage 和 localStorage 区别cookie由服务端生成，保存在客户端（由于前后端有交互，所以安全性差，且浪费带宽）存储大小有限（最大 4kb )存储内容只接受 String 类型保存位置：若未设置过期时间，则保存在 内存 中，浏览器关闭后销毁若设置了过期时间，则保存在 系统硬盘 中，直到过期时间结束后才消失（即使关闭浏览器）数据操作不方便，原生接口不友好，需要自己封装应用场景判断用户是否登陆过网站，以便下次登录
2021-02-20 13:10:54
1002
原创 2021-02-05网易云小程序开发笔记
网易云小程序开发笔记 /* 单行文本溢出隐藏 省略号代替 */ /*display: block;*/ /*white-space: nowrap;*/ /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ /* 多行文本溢出隐藏 省略号代替*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: ve
2021-02-05 09:36:32
252
原创 阮一峰微信小程序入门学习笔记
区块标签view类似于div，text行内标签，类似于span小程序的目录结构：|- app.json-----整个项目配置文件|- app.js--------脚本文件|- pages--------各个页面的page脚本 |- home |- home.wxml-----标签语言 |- home.js顶层的app.json文件用于整个项目的配置，对于所有页面都有效。除了前面提到的必需的pages属性，app.json文件还有一个window属性，用来设置小程序
2020-12-21 16:26:40
480
原创 android系统PDA使用RN开发到打包步骤
1.用终端进入自己工作的文件夹2.react-native init mxxt_wms_app --version 0.57.8（我这边mac的node版本最大支持到0.57.8，你可以看自己电脑的node版本情况安装最新的。以后每个客户都有自己的app项目文件夹，单独维护，如这里的mxxt_wms_app，代表明新旭腾wms的app。）3.用终端进入mxxt_wms_app目录，安装ant-design，命令：npm install @ant-design/react-native --save
2020-12-15 16:51:46
1131
原创 使用git上传项目文件到github，从github克隆删除及推送项目
1.下载git （下载地址）2.在想要上传的文件夹目录下右键单击Git Bush Here，弹出git命令行3.git init创建本地仓库4.git status查看本地仓库状态5.git add --all将所有的文件提交到本地仓库6.可执行4继续查看本地仓库状态7.git commit -m "提交说明"8.在github上新建仓库，拿到仓库的http地址9.git remote add origin https://github.com/niu1999/eos2020.git将
2020-12-15 16:30:35
359
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人