前端知识
白小码
多有不足,还请不吝赐教
展开
-
el-col不占位问题
element原创 2023-01-03 17:23:37 · 246 阅读 · 1 评论 -
前端下载小demo
无原创 2022-11-08 14:33:30 · 390 阅读 · 0 评论 -
vue3 setup的参数跟使用
vue3 setup原创 2022-11-03 16:37:26 · 1178 阅读 · 0 评论 -
vue3 setup实现响应式
vue3 setup原创 2022-11-02 17:35:13 · 1073 阅读 · 0 评论 -
el-upload做“图片大小”或者“图片格式”限制
el-upload使用原创 2022-10-26 14:37:51 · 2223 阅读 · 0 评论 -
页面停留长时间不操作,一定时间退出系统
前端原创 2022-08-26 21:28:04 · 544 阅读 · 0 评论 -
avue-crud 修改opction配置的值
前端 avue原创 2022-08-23 17:53:09 · 610 阅读 · 0 评论 -
avue-tree默认展开第一节点
前端 avue-tree原创 2022-07-07 13:55:27 · 1684 阅读 · 6 评论 -
Required String parameter ‘XXX‘ is not present
前端原创 2022-07-05 17:30:19 · 988 阅读 · 0 评论 -
vue图片验证码
验证码原创 2022-06-27 17:48:53 · 301 阅读 · 0 评论 -
vue防抖
vue防抖原创 2022-06-15 09:56:11 · 91 阅读 · 0 评论 -
for key in Obj 遍历对象,排序错乱解决
前端对象排序解决方法原创 2022-06-07 17:36:26 · 1522 阅读 · 0 评论 -
vue2 watch 监听对象中的某一个子项
除了用deep,去监听外,这里说一下单独监听对象中的一个值 watch:{ '对象名字.对象下的字段名字'(val,old){ console.log(val) } },搞定,收工原创 2022-05-18 15:50:12 · 846 阅读 · 0 评论 -
avue-crud 根据别的字段的值,控制别的个字段在弹窗要不要显示
option: { column: [ { label: "会见形式", prop: "meetType", type: "select", editDisabled: true, dicData: [ { label: "现场会见", value: "1", ..原创 2022-05-10 15:31:40 · 1720 阅读 · 7 评论 -
avue-crud自己调起编辑弹窗
在avue-crud,标签内自己写一个操作栏的按钮,通过 handleEdit() <template slot-scope="scope" slot="menu"> <el-button type="text" icon="el-icon-edit-outline" size="small" v-if="scope.row.meetType == '1' || scope.row.mee.原创 2022-05-10 13:18:53 · 2954 阅读 · 2 评论 -
前端获取明天,后天等的日期和星期几
废话不多说直接上代码 // 获取明天后天什么日期 GetDateStr(AddCount) { var dd = new Date(); dd.setDate(dd.getDate() + AddCount); //获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = dd.getMonth() + 1; //获取当前月份的日期 var d = dd.getDate();原创 2022-04-16 19:39:00 · 1376 阅读 · 1 评论 -
htmlWebpackPlugin.options.title
vue项目中当你去index.html配置标题名,看见以下这些,可用下面去修改<title><%= htmlWebpackPlugin.options.title %></title>vue-cli3脚手架的项目下,在根目录的vue.config.js中添加如下代码 chainWebpack: config => { config .plugin('html') .tap(args => { args[原创 2022-03-29 18:39:23 · 4441 阅读 · 0 评论 -
Command vue init requires a global addon to be installed. Please run undefined @vue/cli-init and ..
用 vue init webpack '项目名称'报错下载一下这个依赖就可以npm install -g @vue/cli-init然后就可以可以了原创 2022-03-28 14:58:20 · 1179 阅读 · 0 评论 -
Avue-crud(字典用法)根据后端返回的字段的prop,去改变前端的展示
废话不多说上代码 option: { menuWidth: 500, align: "center", viewBtn: true, column: [{ label: "状态", type: 'select', //控制在显示或者编辑的时候显示该字段为下拉框 prop: "isAuth", //以下为字典的配置项,你可以动态获取字典然后赋值给它原创 2022-03-21 15:00:44 · 1804 阅读 · 0 评论 -
Avue-crud根据后端返回的字段的prop,去改变前端的展示
举个例子:如果你在使用avue 的 avue-crud 组件,现在呢后端返回给你一个性别(sex)的字段,如果是男该字段值1,如果是女该字段值是2,你是不是无从下手,你总不能给客户展示1跟2吧废话不多说,上代码 <avue-crud :data="data" :option="option" @row-save="rowSave" @row-update="rowUpdate" @row-del="rowDel" .原创 2022-03-18 17:55:26 · 1762 阅读 · 0 评论 -
node中module.exports的导入导出
1.单个导出导入导出 : module.exports = 导出名称导入 : const 接受名称 = require("../../utils/xxx.js");2.多个导出导入(1)导出 : module.exports.导出1 = 导出1module.exports.导出2 = 导出2(2)导出module.exports={导出1 : 导出1导出2 : 导出2}导入 :{导出X} = require("../../utils/xxx.js").原创 2022-03-15 14:42:05 · 1813 阅读 · 0 评论 -
前端转换时间格式
1.以下方法可以直接挂载到,Date() 原型上,也可以自己封装成一个方法,那个组件使用就在那个组件引入,调用以下以在vue中挂在到Date()原型上为例Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, //month "d+": this.getDate(), //day "h+": this.getHours(), //hour原创 2022-01-13 16:05:19 · 4938 阅读 · 0 评论 -
vue处理后端导出接口(后端返回的是文件流)
废话不说上代码,直接把下方代码CV到你的导出按钮的逻辑就可以如果需要修改下载后的文件名字跟格式,修改fileName就可以,提示信息我用的是element,可以自行更换其他this.$http({ method: "post", responseType: "blob", //防止返回乱码 url: "/api/huilan-accommodation/stayInfomation/exportExcel", }).then((res)原创 2022-01-13 11:27:12 · 1160 阅读 · 1 评论 -
vue在浏览器控制栏中隐藏自己的源文件
现在 项目中安装 npm i --save uglifyjs-webpack-plugin在 vue.config.js里面配置引入const UglifyPlugin = require("uglifyjs-webpack-plugin");配置module.exports = { publicPath: "./", lintOnSave: false, //设置是否在开发环境下每次保存代码时都启用 eslint验证。 configureWebpack: (confi...原创 2022-01-06 17:11:19 · 1168 阅读 · 0 评论 -
js检测数据类型
1.typeof()数组,对象,日期,null是检测出来的都是object,但是基本数据类型可以用typeof()undefined和没有定义的变量检测出来是 undefinedtypeof ("wwerwe") // 返回 "string"typeof 3.33 // 返回 "number"typeof NaN // 返回 "number"typeof false ...原创 2022-01-04 15:24:41 · 435 阅读 · 0 评论 -
前端自适应 vue
1.使用媒体查询查找入口文件index.js,在<head></head>标签添加这一句 <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1, user-scalable=no">然后 看你的需求.是要求在所有得换是只是pc端跟手机端,接下来以这个为例//在默认宽度的设备下title的样式.title { height: .原创 2021-12-24 17:31:18 · 315 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
1.JSON.parse()JSON.parse()用于转化为JSON格式2.JSON.stringify()JSON.stringify()用于解析JSON格式的内容3.JSON.parse(JSON.stringify(你要深拷贝的东西))JSON.parse(JSON.stringify())常常被用来做数据深拷贝具体场景:你要给后端提交上传的图片,然后如果你有编辑的功能,需要做回显,后端返回的数据是下面这样["url":"/00000.0000.jpg","url"原创 2021-12-16 21:52:19 · 195 阅读 · 0 评论 -
前端的默认/按需导入跟导出
1.默认的导入跟导出// 默认导出 // 定义私有成员 a 和 clet a = 10let c = 20// 外界访问不到变量 d ,因为它没有被暴露出去let d = 30 // 将本模块中的私有成员暴露出去,供其它模块使用export default { a, c,}//默认导入import XX from "./XX.js"//使用XX.axx.c2.按需导入导出// 按需导出 // 定义私有成员 a 和 clet a = 10原创 2021-12-16 21:37:01 · 365 阅读 · 0 评论 -
node.js安装
1.首先确定自己的电脑操作系统是32位还是64位.2.然后百度搜索node.js找到node的官网,选择自己操作系统的稳定版的安装包然后下载解压安装3.4.要记住自己修改的位置5.剩下的一路next6.配置环境变量 找到此电脑,右击点属性,点击高级系统设置,弹出框点环境变量7.如果只配置当前电脑使用者的环境变量就选择第一个,如果你不懂,直接选择系统环境变量的Path,双击Path出现弹框,然后点击新建,然后把你的node.js安装路径输入上去,点击确定退出...原创 2021-12-05 12:00:02 · 587 阅读 · 0 评论 -
sessionStorage、localStorage、Cookie、Session的区别
首先说一说session:Session与Cookie功能效果相同。Session与Cookie的区别在于Session是记录在服务端的,而Cookie是记录在客户端的。当访问服务器某个网页的时候,会在服务器端的内存里开辟一块内存,这块内存就叫做session,而这个内存是跟浏览器关联在一起的。这个浏览器指的是浏览器窗口,或者是浏览器的子窗口,意思就是,只允许当前这个session对应的浏览器访问,就算是在同一个机器上新启的浏览器也是无法访问的。而另外一个浏览器也需要记录session的话,就会再启一个原创 2021-11-30 16:18:58 · 327 阅读 · 0 评论 -
Object.defineProperty的基本原理
原创 2021-11-04 17:45:43 · 1443 阅读 · 0 评论