随笔分类 -  JavaScript

摘要:three.js 3D模型使用 安装 安装three.js npm install three 安装轨道控件插件 npm install three-orbit-controls 安装加载.obj和.mtl文件的插件 npm install --save three-obj-mtl-loader 安 阅读全文
posted @ 2023-12-12 15:43 朝颜浅语 阅读(430) 评论(0) 推荐(0) 编辑
摘要:WebSocket实时推送 创建一个WebSocket对象: 准备变量 mounted() { // 初始化 const uri = window.location.href; // 获取网页url const protocol = uri.split("/")[0]; // https: 确定当前 阅读全文
posted @ 2023-12-12 14:07 朝颜浅语 阅读(80) 评论(0) 推荐(0) 编辑
摘要:VUE项目导出功能_前端导出Excel_Export2Excel.js vue项目利用插件直接进行excel生成。 1.安装依赖 npm install -S file-saver npm install xlsx@0.14.1 -S npm install -D script-loader 高版本 阅读全文
posted @ 2023-01-17 11:57 朝颜浅语 阅读(83) 评论(0) 推荐(0) 编辑
摘要:img标签图片加载异常处理 img标签中的src如果加载失败会显示错误文件,可以利用以下方法处理异常图片 VUE 写法 页面 <img :src="scope.row.picUrl" alt="" @load="imgLoad" @error="setDefaultImage($event)" /> 阅读全文
posted @ 2023-01-14 14:46 朝颜浅语 阅读(1065) 评论(0) 推荐(0) 编辑
摘要:upload上传组件的使用方法 上传图片后自动上传(也可以手动上传),图片上传成功后由后端返回特定图片地址,在表单提交后将表单数据同图片地址一并返回即可完成图片上传功能。 组件HTML <!-- 上传图片 --> <div style="margin: 4px 0">图片上传(仅支持jpg、png格 阅读全文
posted @ 2023-01-13 14:54 朝颜浅语 阅读(3699) 评论(0) 推荐(2) 编辑
摘要:moment时间格式修改 1. 引入moment.js npm install moment 2.在main.js中进行使用 import moment from 'moment'; moment.locale('zh-cn'); Vue.prototype.moment = moment; 3.在 阅读全文
posted @ 2022-10-28 11:49 朝颜浅语 阅读(1581) 评论(0) 推荐(0) 编辑
摘要:日期组件时间选择范围 1.限制选中的时间范围 点击时间选择器后,展示的时间如果不在规定的范围内将会被置灰 <el-date-picker v-model="time" :picker-options="pickerOptions" popper-class="range-class" type="d 阅读全文
posted @ 2022-10-27 15:17 朝颜浅语 阅读(961) 评论(0) 推荐(0) 编辑
摘要:ElementUI的el-table表格使用cell-style根据表格不同数据显示不同颜色 1.在表格中添加属性 在el-table标签中添加 :cell-style="cellStayle" <el-table :data="tableData" stripe class="" style="w 阅读全文
posted @ 2022-07-06 17:26 朝颜浅语 阅读(6023) 评论(0) 推荐(0) 编辑
摘要:前端下载文件的几种方式 在网页需要下载文件功能时需要进行点击下载功能,下面列出几种常见文件下载的方式 1.直接下载 通过在浏览器地址栏输入相应下载url进行下载,本质为发送GET请求进行下载 2.利用a标签的download属性进行点击下载 <a href="完整下载地址">点击下载</a> 但是这 阅读全文
posted @ 2022-07-06 16:15 朝颜浅语 阅读(2833) 评论(0) 推荐(0) 编辑
摘要:Vue相同组件跳转不刷新,created只执行一次 vue页面跳转 想在created 或mounted中 使用初始化函数 不成功 eg: Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将不在执行 cre 阅读全文
posted @ 2022-07-06 14:55 朝颜浅语 阅读(2600) 评论(0) 推荐(0) 编辑
摘要:JavaScript对数据进行加密 1.md5方式加密 每次生成的值是一样的,一些网站可以破解,因为每次存储的都是一样的值 不可逆(法从密文推出原文) 有可能出现多个原文得到同一个密码 一种攻击方法是,攻击者记录了一张巨大的密码库,预先计算了常用密码的 hash 值,这样只需要搜索 hash 值就能 阅读全文
posted @ 2022-04-08 10:52 朝颜浅语 阅读(472) 评论(0) 推荐(0) 编辑
摘要:关于js对象赋值 1.含有相同的键进行赋值 如: a:{name:"",age:""}, // 需要被赋值的对象 b:{name:"xx",age:"20",sex:"男"} // 数据对象 // 将b与a相同的健进行赋值 Object.keys(this.a).forEach((key) => { 阅读全文
posted @ 2022-04-08 10:20 朝颜浅语 阅读(7028) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示
🚀
回顶
收起