摘要: 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 阅读(419) 评论(0) 推荐(0) 编辑
摘要: 效果图: 原理解释一波: 在所有浏览器,滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因,市面上基于webkit内核的浏览器也是很难穷举完。例如有:Google Chrome、Opera(opera最近宣布使用webkit内核了)、360极速浏览器,猎豹浏览器等,搜狗浏览器· 阅读全文
posted @ 2019-11-26 10:52 front-gl 阅读(4784) 评论(1) 推荐(3) 编辑
摘要: 简介 1 .主要是在单页应用中,用户不会刷新浏览器,所以js应用需要自己清理组件来确保垃圾回收以预期的方式生效 2 . 使用其他第三方可能会创建DOM的插件的时候,在清除DOM的时候一定要保证完全清除dom片段,不要造成残留。 3 .频繁调用创建的代码,但是一直没有清除的话就会造成内存飙升,而且一直 阅读全文
posted @ 2019-11-20 11:01 front-gl 阅读(4176) 评论(0) 推荐(0) 编辑
摘要: vue的自定义指令是一个比较容易引起内存泄漏的地方,原因就在于指令通常给元素绑定了事件,但是如果忘记了解绑,就会产生内存泄漏的问题。 看下面代码: 起初,我忘记了些注释的unbind方法,导致出现了内存泄漏,给元素绑定的scroll方法,会一直存在内存里。导致出的情况,就是比如我进了页面滚动到第3页 阅读全文
posted @ 2019-11-20 10:24 front-gl 阅读(537) 评论(0) 推荐(0) 编辑
摘要: 对象方法 -最简单的绑定(这里的active加不加单引号都可以,以下也一样都能渲染) 判断是否绑定一个active 绑定并判断多个 数组方法 单纯数组 数组与三元运算符结合判断选择需要的class (注意:三元运算符后面的“:”两边的class需要加上单引号,否则不能正确渲染) 数组对象结合动态判断 阅读全文
posted @ 2019-11-04 10:29 front-gl 阅读(2540) 评论(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 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间;思虑下,堪能如此继续之?当狠心深学下方是正道。 一, 数组常用方法 1. 数组的创建 var arrayObj = new Array(); //创建一个数 阅读全文
posted @ 2019-10-24 18:45 front-gl 阅读(336) 评论(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 阅读(4438) 评论(0) 推荐(0) 编辑
摘要: 鱼头总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章。 生成随机UID 无loop生成指定长度的数组 一行代码去重数组 RGB色值生成16进制色值 颜色混合 判断是否为质数 遍历类数组对象 判断对象类型 优化多层判断条件 时间格式化 后记 以上十个技巧都是 阅读全文
posted @ 2019-07-30 10:38 front-gl 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 最近在用node读取文件中的json数据后,用JSON.parse()转成了json,然后响应数据传给前端,发现输出值object对象时显示[object object],在这里我们来看一下他的具体意思。 这篇文章是参考这里,很清楚的讲解了为啥是 [object object] 它表示:[objec 阅读全文
posted @ 2019-06-28 15:12 front-gl 阅读(2662) 评论(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 阅读(6300) 评论(0) 推荐(0) 编辑
摘要: 假设有如下代码: 上面的代码的效果是,当我们输入firstName后,wacth监听每次修改变化的新值,然后计算输出fullName。 handler方法和immediate属性 这里 watch 的一个特点是,最初绑定的时候是不会执行的,要等到 firstName 改变时才执行监听计算。那我们想要 阅读全文
posted @ 2019-01-12 15:05 front-gl 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 组件对于vue来说非常重要,学习学习了基础vue后,再回过头来把组件弄透! 一、概念 组件意味着协同工作,通常父子组件会是这样的关系:组件 A 在它的模版中使用了组件 B 。 它们之间必然需要相互通信:父组件要给子组件传递数据,子组件需要将它内部发生的事情告知给父组件。 在 Vue.js 中,父子组 阅读全文
posted @ 2017-06-06 11:22 front-gl 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 前言 最近使用Ts,遇到这个问题 原因是,参数赋值的时候,不能分配,没指定类型,就报警告了 解决办法 给参数赋值添加as 指定类型,就行了 阅读全文
posted @ 2024-03-15 12:00 front-gl 阅读(26) 评论(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 阅读(37) 评论(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 阅读(170) 评论(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:42 front-gl 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 37.5是设计稿基准,设计稿375px,则基准设置为37.5,设计稿750,基准设置为75 阅读全文
posted @ 2024-03-05 16:12 front-gl 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 要在CSS中将数字竖向显示,可以使用writing-mode属性来改变文本的书写模式。 <style> .vertical { writing-mode: vertical-lr; /*从上到下、从左到右*/ text-orientation: upright; /*保持正常水平方向*/ } </s 阅读全文
posted @ 2024-02-26 14:47 front-gl 阅读(30) 评论(0) 推荐(0) 编辑
摘要: Vue 是一款易学易用,性能出色,适用场景丰富的渐进式 JavaScript 框架,深受广大开发者的喜爱,Vue3 更是推出了 Composition API,让逻辑复用更友好。 Element UI 是国内使用最广泛的 Vue2 组件库之一,而 Element Plus 是 Element UI 阅读全文
posted @ 2024-01-18 20:16 front-gl 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 1. 输入文本框,超过最大字节数,自动删除 function removeExtraBytes(text, maxByteLength) { // const maxByteLength = 10; // 设置最大字节长度为10 let byteCount = 0; for (let i = 0; 阅读全文
posted @ 2024-01-05 11:23 front-gl 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 前端项目运行时,如果经常运行慢,崩溃停止服务,报如下错误: FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory (JavaScript堆内存不足) 原因: 因为在 Node 中,通过Ja 阅读全文
posted @ 2023-12-28 15:12 front-gl 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 通过js限制上传图片 前言 做前端项目时,经常会用到form表单,偶尔也会用到input标签来提交上传图片文件。在上传文件时,有时候会有一定的条件,比如图片格式、大小及尺寸。 通过js,可以在前端来设置上传图片的格式、尺寸及大小,并验证。 主要方法 1、设置上传图片的格式 jsp代码,设置form表 阅读全文
posted @ 2023-12-23 17:15 front-gl 阅读(750) 评论(0) 推荐(0) 编辑