前端
红颜い笑倾城
这个作者很懒,什么都没留下…
展开
-
form表单属性赋值常用方法
【代码】form表单属性赋值常用方法。原创 2023-05-23 11:16:36 · 1763 阅读 · 0 评论 -
前端实现模板/文件下载
将文件模板放置于public下,不建议用中文。原创 2023-02-23 15:51:06 · 396 阅读 · 0 评论 -
创建vue3项目脚手架
Vite 是由 Vue 作者尤雨溪先生带领团队开发的一个构建工具,它利用浏览器原生支持 ES 模块的特点,极大提升了开发体验,自 2021 年 1 月份发布 2.0 版本以来,发展非常快,笔者也在第一时间参与贡献了一些文档和插件,并且在 2021 年期间,个人项目已经全面切换到 Vite ,公司业务也在 2021 年底开始使用 Vite 创建新项目,整体情况非常稳定,前景非常乐观。Lint 规则,用来代码检查,写 TypeScript 离不开 Lint ,可以根据自己喜好选择,也可以先选择默认,后面在。转载 2023-02-21 13:55:05 · 1650 阅读 · 0 评论 -
前端传值true或false后端一直为false
背景:遇到个坑, 前端传 isNotIn:true, 后端永远为fasle (后端接收的时候用的是 private boolean isNotIn;)原因: 1. 后端必须使用Boolean类型 ,isNotIn才能正确响应; 2.修改private boolean notIn; 因为is会序列化掉,所以找不到isNotIn建议: 前后端交互字段,最好别用is***字段,或者使用int类型1.0当true/false .很多细节的坑...原创 2022-04-21 15:20:12 · 1746 阅读 · 2 评论 -
vue路由跳转传参的几种方式
需求是跳转至工单申请详情页面vue.js中路由配置代码:import Layout from '@/layout'const repairRouter = { path: '/repair', component: Layout, alwaysShow: true, name: 'repair', meta: { title: '工单管理', icon: 'clipboard', perms: ['repair'] }, children:.原创 2022-04-07 15:23:33 · 3393 阅读 · 0 评论 -
创建Vue项目出错,提示vue : 无法加载文件C:\Users\xxx\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本
创建Vue项目出错,提示vue : 无法加载文件C:\Users\xxx\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 以管理员身份运行PowerShell 执行:get-ExecutionPolicy,回复Restricted,表示状态是禁止的 执行:set-ExecutionPolicy RemoteSigned 选原创 2022-03-31 09:24:12 · 583 阅读 · 0 评论 -
vue+elementUI组件table实现前端分页功能
前端分页和后端分页就是请求的差异,前端分页的话只请求一次,所以要在rendertable组件的时候控制下数据:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)然后total等于table数据的长度:total="tableData.length"具体代码如下:<el-dialog title="报修设备列表" :visible.sync="dialogRepairDevicesTa..原创 2022-03-28 17:29:46 · 1463 阅读 · 0 评论 -
ElementUI el-upload上传 文件缩略图 删除
html:<el-form-item label="故障图片" prop="faultImgs"> <!--故障图片上传--> <el-upload ref="pictureUpload" action="#" list-type="picture-card" :auto-upload="false" accept="image/jpeg,image/gif,imag.原创 2022-03-24 14:14:09 · 2687 阅读 · 0 评论 -
10个常用的JS工具库,80%的项目都在用
Day.js一个极简的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。npm install dayjs基本用法importdayjsfrom'dayjs'dayjs().format('YYYY-MM-DDHH:mm')//=>2022-01-0315:06dayjs('2022-1-315:06').toDate()//=>MonJan03202215:06:00GM...转载 2022-03-21 09:56:46 · 109 阅读 · 0 评论 -
前端居中样式调整方式
效果图如下:浏览器放大缩小依旧不影响效果。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi..原创 2021-08-05 17:25:52 · 261 阅读 · 0 评论 -
Vue小写金额转大写金额以及watch(监听)的使用
现需根据申请金额自动转换为大写金额在methods中写如下方法:smallToBig(money) { // 汉字的数字 const cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'] // 基本单位 const cnIntRadice = ['', '拾', '佰', '仟'] // 对应整数部分扩展单位 const cnIntUnits = [''..原创 2021-08-03 16:19:34 · 654 阅读 · 0 评论 -
el-select 实现静态二级联动
将需要二级联动的父类与子类通过pro属性相关联在data中添加如下selectedPaymentType(value) { // 该if内容用于判断表单动态显示 if (value === '保证金类') { this.isBaoZhengJin = true } else { this.isBaoZhengJin = false } const detailTypes = [] this.feigong...原创 2021-08-03 16:04:45 · 585 阅读 · 0 评论 -
Node.js + Vue 实现 Excel 导出与保存
我们的项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到的无非是图片导出,文本导出,调调excel单元格距离等.这个node端的封装是经过同事不断的review(感谢同事),俺不断的修改优化后的代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳的!node.js服务端代码1.拿到需要导出的数据之后如何使用(假数据模拟,下面是页面)constructor(prop){super(prop)//定义excel...转载 2021-07-27 13:35:21 · 383 阅读 · 0 评论 -
vue+elementUI实现省市区三级联动
1、获取elementUI的省市区级联数据npm install element-china-area-data -S原创 2021-06-17 13:30:39 · 5312 阅读 · 6 评论 -
高频前端开发面试问题及答案整理
说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的。第一:每个特定的域名下最多生成20个cookie1.IE6或更低版本最多20个cookie转载 2020-11-25 15:13:29 · 480 阅读 · 0 评论 -
面试官:聊聊对Vue.js框架的理解
本文为一次前端技术分享的演讲稿,所以尽力不贴 Vue.js 的源码,因为贴代码在实际分享中,比较枯燥,效果不佳,而更多的是以图片和文字的形式进行表达。分享目标: 了解 Vue.js 的组件化机制 了解 Vue.js 的响应式系统原理 了解 Vue.js 中的 Virtual DOM 及 Diff 原理 Vue.js概述Vue 是一套用于构建用户界面的渐进式MVVM框架。那怎么理解渐进式呢?渐进式含义:强制主张最少。 ...转载 2020-11-24 10:35:36 · 187 阅读 · 0 评论 -
让你30分钟快速掌握vue3
经过了漫长的迭代,Vue 3.0终于在上2020-09-18发布了,带了翻天覆地的变化,使用了Typescript 进行了大规模的重构,带来了Composition API RFC版本,类似React Hook 一样的写Vue,可以自定义自己的hook ,让使用者更加的灵活,接下来总结一下vue 3.0 带来的部分新特性。setup() ref() reactive() isRef() toRefs() computed() watch() LifeCycle Hooks(新的生命周期)转载 2020-11-23 09:59:11 · 90 阅读 · 0 评论