js
ZOEylchen
le
展开
-
指令-输入为金额或者纯数字
纯数字原创 2023-02-08 16:26:05 · 133 阅读 · 0 评论 -
el-input 精度问题,保留2位小数
el-input输入数值时候保留2位小数原创 2022-06-08 10:30:16 · 2061 阅读 · 0 评论 -
扁平数据处理成树
方法1:递归<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> let arr = [ {id: 1, name: '部门1', pid: 0}, {id: 2, name: '部门2', pid: 1},原创 2022-04-07 17:10:51 · 515 阅读 · 0 评论 -
【移动端】ios或者本身一些容易出现的问题
移动端的一些问题光标定位事件,比如出现下拉选择,不做额外处理,会弹出键盘 ——利用失去焦点将键盘事件收起 startTimeShow (e) { this.showStartDatePicker = true e.target.blur() // 或者 document.activeElement.blur() },2. ios需要点击两次才能选中van-field辅助在index.html 可不加试试<meta name="viewport" co原创 2022-01-27 09:50:44 · 3184 阅读 · 0 评论 -
封装小功能
location.search获取查询键值 let query = location.search function getSearchParams (query) { let temp = query.slice(1) let params = temp.split('&') let map = new Map() params.forEach((item, index) => { let temp = item.sp原创 2021-11-19 16:24:56 · 287 阅读 · 0 评论 -
el-select无限滚动 (后端一次性给出太多数据造成页面卡顿)
directives: { 'el-select-loadmore': (el, binding) => { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap') if (SELECTWRAP_DOM) { SELECTWRAP_DOM.addEventListe.原创 2021-10-27 16:01:15 · 1229 阅读 · 0 评论 -
每个数组项有各自的下拉数据
每个科室负责人都是根据各自的科室选取的,那么就不适合用一个数组去保存科室负责人,这个时候我们使用二维数组。 <el-table-column label="科室负责人" width="200" align="center"> <template slot-scope="scope"> <el-input :disabled="disabled" v-if="!scope.row.start" v-model="scope.row.depart.原创 2021-10-27 15:39:26 · 110 阅读 · 0 评论 -
经典前端面试题
浏览器从url输入到渲染有哪些步骤?1.先把域名转换成ip地址先去浏览器的缓存中找,找到了直接去找不到缓存,去本机的host文件下找有没有对应的ip,找到了直接去Host文件中没有,去ISP商下找,找到了返回ISP商也找不到,直接去根域名服务器里找,一层一层递归寻找2.发送请求前先TCP三次握手客户端 我要发送请求了啊 syn = 1 , seq=j服务器 我知道你要发送请求了,我也要发给你了 syn=1 ack=j+1 seq=k客户端 我知道你收到原创 2021-10-12 12:17:37 · 140 阅读 · 0 评论 -
任意文件下载
文件下载有时候pdf后者图片直接download 利用a标签是预览,这个是下载任何类型!downloadAnyFile(url, type) { console.log('url', url) let filename = decodeURIComponent(url.substring(url.lastIndexOf('/')+1)) var xhr = new XMLHttpRequest() xhr.open('get', url) xh原创 2021-10-11 18:04:23 · 130 阅读 · 0 评论 -
熟悉一些很刁钻的语法
jquery的一些使用$.jquery(dest,src1,src2,src3)此时src1,src2,src3中的值会合并到dest中,并且dest本身也会改变,有点类似于let a = Object.assign(target,...source),也是会改变target中的值,此时a和target中的值是一样的 ;当然我们经常会看到var a = $.jquery({}, src1, src2) ,$.jquery第一个参数dest变成{},因为没有这个dest或者也不想改变dest中的值,这原创 2021-05-12 14:12:56 · 76 阅读 · 0 评论 -
layui文档通读笔记
预先加载模块layui.uselayui通过use方法加载 模块,当你的js需要用到layui模块的hi后,且避免到处写layui.use()的麻烦。layui.form(['form','upload']),function(){}//如果只有一个模块,可以不填数组layui.use('form',function(){ var form = layui.form //获取form模块 var upload=layui.upload;//获取upload模块 //监原创 2021-05-12 13:45:19 · 267 阅读 · 1 评论 -
vue遇到搜索+表格 封装搜索条件
vue封装组件思想-巧用新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入#现在有一个场景,看下图,筛选+批量删除+添加封装一个模块fundList.vue <search-item @onBatchDelMone原创 2021-05-10 17:56:42 · 281 阅读 · 0 评论 -
vue父子组件互相传值
子组件动态修改父组件值第一种:父组件用 :变量名="" @方法父组件传递值给子组件父组件中定义changeName方法子组件获取父组件的值子组件在data上定义数据 fatherInputName在子组件中监听fatherInputName的改变第二种: .inputName.sync方法父组件传递给子组件 用sync子组件获取也是用props一样用data定义个参数 fatherInputName监听参数fatherInputName第一种:父组件用 :变量名="" @方法父组件传递值给子组件用原创 2021-05-07 22:02:44 · 376 阅读 · 3 评论 -
typescript使用第一讲
认识typescript什么是typescriptHow to use有什么不同什么是typescript我们都知道js是一种弱语言,相对来说Java,它是一种强类型的语言,也就是定义变量需要指定类型,js中本身有几种简单类型分别是string、number、boolean、null、undefinded、Array等几种类型。如果我们希望在写代码的时候,对变量进行强制类型,也就是说利用这些类型来修饰变量、函数返回值,那java还能看不起我javascript吗?大人,时代进步了,我typescript原创 2021-05-01 00:49:10 · 259 阅读 · 4 评论 -
从网页复制内容到富文本、或者富文本里自己加样式,当ajax传参时候,总是莫名其妙丢失变成无意义的html,究竟是为什么呢
富文本传参时候,总是莫名其妙丢失变成 ‘<p style=’ ,究竟是为什么呢欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,...原创 2019-08-01 11:17:54 · 870 阅读 · 0 评论 -
JavaScript学习-函数
Javascript 函数作用域 1.1定义 作用域是指变量存在的范围。Javascript只有两种作用域:全局、函数作用域,变量只在函数内部存在。 var v = 1; function f(){ console.log(v); }f() // 1 以上就是全局变量function f(){ var v = 1;原创 2017-02-16 17:26:47 · 474 阅读 · 0 评论 -
Javascript学习-错误机制
JavaScript错误处理机制 1: 错误处理机制 1.Error对象 2.JavaScript的原生错误类型 3.自定义错误 4.throw语句 5.try…catch结构 6.finally代码块1.1Error对象 JavaScript解析或执行时,一旦发生错误,引擎就会抛出一个错误对象。 JavaScript原生提供一个Error构造函数,原创 2017-02-20 10:24:36 · 331 阅读 · 0 评论