摘要: html: <div class="myTree" id="myTree"> <el-form-item :label="labelTitle" :label-width="labelWidth" :prop="prop"> <el-input v-model="orgName" :placehol 阅读全文
posted @ 2020-07-23 10:11 front-gl 阅读(432) 评论(0) 推荐(0) 编辑
摘要: 效果图: 原理解释一波: 在所有浏览器,滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因,市面上基于webkit内核的浏览器也是很难穷举完。例如有:Google Chrome、Opera(opera最近宣布使用webkit内核了)、360极速浏览器,猎豹浏览器等,搜狗浏览器· 阅读全文
posted @ 2019-11-26 10:52 front-gl 阅读(4827) 评论(1) 推荐(3) 编辑
摘要: 简介 1 .主要是在单页应用中,用户不会刷新浏览器,所以js应用需要自己清理组件来确保垃圾回收以预期的方式生效 2 . 使用其他第三方可能会创建DOM的插件的时候,在清除DOM的时候一定要保证完全清除dom片段,不要造成残留。 3 .频繁调用创建的代码,但是一直没有清除的话就会造成内存飙升,而且一直 阅读全文
posted @ 2019-11-20 11:01 front-gl 阅读(4638) 评论(0) 推荐(0) 编辑
摘要: vue的自定义指令是一个比较容易引起内存泄漏的地方,原因就在于指令通常给元素绑定了事件,但是如果忘记了解绑,就会产生内存泄漏的问题。 看下面代码: 起初,我忘记了些注释的unbind方法,导致出现了内存泄漏,给元素绑定的scroll方法,会一直存在内存里。导致出的情况,就是比如我进了页面滚动到第3页 阅读全文
posted @ 2019-11-20 10:24 front-gl 阅读(559) 评论(0) 推荐(0) 编辑
摘要: 对象方法 -最简单的绑定(这里的active加不加单引号都可以,以下也一样都能渲染) 判断是否绑定一个active 绑定并判断多个 数组方法 单纯数组 数组与三元运算符结合判断选择需要的class (注意:三元运算符后面的“:”两边的class需要加上单引号,否则不能正确渲染) 数组对象结合动态判断 阅读全文
posted @ 2019-11-04 10:29 front-gl 阅读(2558) 评论(0) 推荐(0) 编辑
摘要: flex布局 来源: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员 阅读全文
posted @ 2019-10-30 09:58 front-gl 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间;思虑下,堪能如此继续之?当狠心深学下方是正道。 一, 数组常用方法 1. 数组的创建 var arrayObj = new Array(); //创建一个数 阅读全文
posted @ 2019-10-24 18:45 front-gl 阅读(341) 评论(0) 推荐(0) 编辑
摘要: PC端************ 按屏幕宽度大小排序(主流的用橙色标明) 分辨率 比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3 | 10.4寸、12.1寸、14.1寸、15寸; ) 1280*800(16:10 |15.4寸) 1280*1024(比例:5:4 | 阅读全文
posted @ 2019-10-09 17:10 front-gl 阅读(4625) 评论(0) 推荐(0) 编辑
摘要: 鱼头总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章。 生成随机UID 无loop生成指定长度的数组 一行代码去重数组 RGB色值生成16进制色值 颜色混合 判断是否为质数 遍历类数组对象 判断对象类型 优化多层判断条件 时间格式化 后记 以上十个技巧都是 阅读全文
posted @ 2019-07-30 10:38 front-gl 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 最近在用node读取文件中的json数据后,用JSON.parse()转成了json,然后响应数据传给前端,发现输出值object对象时显示[object object],在这里我们来看一下他的具体意思。 这篇文章是参考这里,很清楚的讲解了为啥是 [object object] 它表示:[objec 阅读全文
posted @ 2019-06-28 15:12 front-gl 阅读(2703) 评论(0) 推荐(0) 编辑
摘要: 原文:https://blog.csdn.net/zhouweixue_vivi/article/details/78550738 原文:https://blog.csdn.net/zhouweixue_vivi/article/details/78550738 原文:https://blog.cs 阅读全文
posted @ 2019-01-26 18:07 front-gl 阅读(6325) 评论(0) 推荐(0) 编辑
摘要: 假设有如下代码: 上面的代码的效果是,当我们输入firstName后,wacth监听每次修改变化的新值,然后计算输出fullName。 handler方法和immediate属性 这里 watch 的一个特点是,最初绑定的时候是不会执行的,要等到 firstName 改变时才执行监听计算。那我们想要 阅读全文
posted @ 2019-01-12 15:05 front-gl 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 组件对于vue来说非常重要,学习学习了基础vue后,再回过头来把组件弄透! 一、概念 组件意味着协同工作,通常父子组件会是这样的关系:组件 A 在它的模版中使用了组件 B 。 它们之间必然需要相互通信:父组件要给子组件传递数据,子组件需要将它内部发生的事情告知给父组件。 在 Vue.js 中,父子组 阅读全文
posted @ 2017-06-06 11:22 front-gl 阅读(496) 评论(0) 推荐(0) 编辑
摘要: 表格如下: 表格为横向接上 数据格式如下: 一、elementUI el-table渲染到网页上 <div v-loading="loading" style="margin-bottom: 16px;"> <div v-if="syncList.length"> <el-table :data=" 阅读全文
posted @ 2024-09-05 11:59 front-gl 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 一、Map介绍 Map 对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或者基本类型)都可以作为一个键或一个值Map 对象是键值对的集合。Map 中的一个键只能出现一次;它在 Map 的集合中是独一无二的。Map 对象在for…of 循环在每次迭代后会返回一个形式为 [key,value] 阅读全文
posted @ 2024-08-27 18:02 front-gl 阅读(490) 评论(0) 推荐(0) 编辑
摘要: 在Excel中给单元格设置下拉选项值可以通过几种方法实现,‌包括使用数据验证、‌组合框以及宏代码。‌以下是具体的操作步骤:‌ 使用数据验证设置下拉选项:‌ 选中需要设置下拉选项的单元格或单元格区域。‌ 点击“数据”选项卡中的“数据验证”按钮。‌ 在“允许”下拉列表中选择“序列”。‌ 在“来源”文本框 阅读全文
posted @ 2024-07-22 16:26 front-gl 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 1 什么是防抖防抖:当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始计时。 为了避免用户在输入过程中,还没输入完,下面搜索框就一直频繁的在搜索,体验很差。 2 防抖解决方案首先需要把input 的双向绑定v-mode 拆开为 阅读全文
posted @ 2024-07-18 15:22 front-gl 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 前言 最近使用Ts,遇到这个问题 原因是,参数赋值的时候,不能分配,没指定类型,就报警告了 解决办法 给参数赋值添加as 指定类型,就行了 阅读全文
posted @ 2024-03-15 12:00 front-gl 阅读(443) 评论(0) 推荐(0) 编辑
摘要: 没处理之前谷歌是正常的,火狐滚动条很宽很丑 处理之后滚动条变细了,好看了 css代码在此: * { scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); /* 第一个方块颜色,第二个轨道颜色(用于更改火狐浏览器样式) */ scrollbar 阅读全文
posted @ 2024-03-14 15:14 front-gl 阅读(513) 评论(0) 推荐(0) 编辑
摘要: js中的includes用法 1.数组 includes 可以判断一个数组中是否包含某一个元素,并返回true 或者false ['a','b','c'].includes('a') true ['a','b','c'].includes(1) false includes可以包含两个参数,第二个参 阅读全文
posted @ 2024-03-13 13:47 front-gl 阅读(2385) 评论(0) 推荐(0) 编辑
摘要: highlight: androidstudio Vite 2.0 搭建 Vue3 移动端项目 一. 涉及技术点 vite vue3 ts router vuex axios vant3 移动端适配 请求代理 二. 步骤 vite+ts+vue3只需要一行命令 npm init @vitejs/ap 阅读全文
posted @ 2024-03-05 20:41 front-gl 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 37.5是设计稿基准,设计稿375px,则基准设置为37.5,设计稿750,基准设置为75 阅读全文
posted @ 2024-03-05 16:11 front-gl 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 要在CSS中将数字竖向显示,可以使用writing-mode属性来改变文本的书写模式。 <style> .vertical { writing-mode: vertical-lr; /*从上到下、从左到右*/ text-orientation: upright; /*保持正常水平方向*/ } </s 阅读全文
posted @ 2024-02-26 14:47 front-gl 阅读(189) 评论(0) 推荐(0) 编辑