摘要: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 阅读(71) 评论(0) 推荐(0) 编辑
摘要:效果图: 原理解释一波: 在所有浏览器,滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因,市面上基于webkit内核的浏览器也是很难穷举完。例如有:Google Chrome、Opera(opera最近宣布使用webkit内核了)、360极速浏览器,猎豹浏览器等,搜狗浏览器· 阅读全文
posted @ 2019-11-26 10:52 front-gl 阅读(814) 评论(0) 推荐(0) 编辑
摘要:简介 1 .主要是在单页应用中,用户不会刷新浏览器,所以js应用需要自己清理组件来确保垃圾回收以预期的方式生效 2 . 使用其他第三方可能会创建DOM的插件的时候,在清除DOM的时候一定要保证完全清除dom片段,不要造成残留。 3 .频繁调用创建的代码,但是一直没有清除的话就会造成内存飙升,而且一直 阅读全文
posted @ 2019-11-20 11:01 front-gl 阅读(1115) 评论(0) 推荐(0) 编辑
摘要:vue的自定义指令是一个比较容易引起内存泄漏的地方,原因就在于指令通常给元素绑定了事件,但是如果忘记了解绑,就会产生内存泄漏的问题。 看下面代码: 起初,我忘记了些注释的unbind方法,导致出现了内存泄漏,给元素绑定的scroll方法,会一直存在内存里。导致出的情况,就是比如我进了页面滚动到第3页 阅读全文
posted @ 2019-11-20 10:24 front-gl 阅读(207) 评论(0) 推荐(0) 编辑
摘要:对象方法 -最简单的绑定(这里的active加不加单引号都可以,以下也一样都能渲染) 判断是否绑定一个active 绑定并判断多个 数组方法 单纯数组 数组与三元运算符结合判断选择需要的class (注意:三元运算符后面的“:”两边的class需要加上单引号,否则不能正确渲染) 数组对象结合动态判断 阅读全文
posted @ 2019-11-04 10:29 front-gl 阅读(1656) 评论(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 阅读(131) 评论(0) 推荐(0) 编辑
摘要:使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间;思虑下,堪能如此继续之?当狠心深学下方是正道。 一, 数组常用方法 1. 数组的创建 var arrayObj = new Array(); //创建一个数 阅读全文
posted @ 2019-10-24 18:45 front-gl 阅读(171) 评论(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 阅读(1425) 评论(0) 推荐(0) 编辑
摘要:鱼头总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章。 生成随机UID 无loop生成指定长度的数组 一行代码去重数组 RGB色值生成16进制色值 颜色混合 判断是否为质数 遍历类数组对象 判断对象类型 优化多层判断条件 时间格式化 后记 以上十个技巧都是 阅读全文
posted @ 2019-07-30 10:38 front-gl 阅读(189) 评论(0) 推荐(0) 编辑
摘要:最近在用node读取文件中的json数据后,用JSON.parse()转成了json,然后响应数据传给前端,发现输出值object对象时显示[object object],在这里我们来看一下他的具体意思。 这篇文章是参考这里,很清楚的讲解了为啥是 [object object] 它表示:[objec 阅读全文
posted @ 2019-06-28 15:12 front-gl 阅读(1724) 评论(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 阅读(4274) 评论(0) 推荐(0) 编辑
摘要:假设有如下代码: 上面的代码的效果是,当我们输入firstName后,wacth监听每次修改变化的新值,然后计算输出fullName。 handler方法和immediate属性 这里 watch 的一个特点是,最初绑定的时候是不会执行的,要等到 firstName 改变时才执行监听计算。那我们想要 阅读全文
posted @ 2019-01-12 15:05 front-gl 阅读(127) 评论(0) 推荐(0) 编辑
摘要:组件对于vue来说非常重要,学习学习了基础vue后,再回过头来把组件弄透! 一、概念 组件意味着协同工作,通常父子组件会是这样的关系:组件 A 在它的模版中使用了组件 B 。 它们之间必然需要相互通信:父组件要给子组件传递数据,子组件需要将它内部发生的事情告知给父组件。 在 Vue.js 中,父子组 阅读全文
posted @ 2017-06-06 11:22 front-gl 阅读(324) 评论(0) 推荐(0) 编辑
摘要:一、找到check out 主干分支到文件夹 二、右击鼠标选择TortoiseSVN 三、选择Repo-browser 四、点击copy to 新建分支名称 五、修改文件夹名字,新建分支名字 阅读全文
posted @ 2020-11-09 11:56 front-gl 阅读(27) 评论(0) 推荐(0) 编辑
摘要:需求:通过传入当前节点的code,查询出所有的父级节点 export function getParent(data2, nodeId2) { var arrRes = []; if (data2.length == 0) { if (!!nodeId2) { arrRes.unshift(data 阅读全文
posted @ 2020-10-27 19:06 front-gl 阅读(143) 评论(0) 推荐(0) 编辑
摘要:<el-col style="width:calc(42.2%);padding:0;"> <el-date-picker :clearable="false" :type="dateType" placeholder="选择开始时间" :format="dateFormat" :value-for 阅读全文
posted @ 2020-10-26 17:41 front-gl 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-10-23 17:49 front-gl 阅读(37) 评论(0) 推荐(0) 编辑
摘要:Webpack里面有三种hash,分别是:hash, chunkhash, contenthash.在我们尝试去区分他们仨之前,先来看看为什么我们需要hash。 一:为什么我们需要hash? 大家都知道我们的浏览器会缓存我们的文件。缓存是把双刃剑,好处是浏览器读取缓存的文件,能带来更佳的用户体验(不 阅读全文
posted @ 2020-10-22 09:25 front-gl 阅读(9) 评论(0) 推荐(0) 编辑
摘要:今天有个需求希望底部的内容一直在底部,只有当中间内容多到屏幕底部的时候,底部的内容才自动移出屏幕。大概就是下面这个效果,当绿色的内容多到黄色区域的时候黄色区域自动移动出屏幕。 版权归作者所有,任何形式转载请联系作者。作者:白板凳与黑木头(来自豆瓣)来源:https://www.douban.com/ 阅读全文
posted @ 2020-10-19 09:18 front-gl 阅读(40) 评论(0) 推荐(0) 编辑
摘要:启动一个本地服务,可以使用vscode安装一个Live Serve插件 2. 安装完后,打开一个项目,在VsCode编辑器底部,启动服务 3. 会默认打开一个网址 http://127.0.0.1:5500/ 4. 此时项目的根目录地址就是 http://127.0.0.1:5500/, 可以任意通 阅读全文
posted @ 2020-10-16 11:55 front-gl 阅读(188) 评论(0) 推荐(0) 编辑
摘要:1. 浏览器禁止缓存 <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> <meta http-equiv="expir 阅读全文
posted @ 2020-09-17 15:37 front-gl 阅读(133) 评论(0) 推荐(0) 编辑
摘要:tree.vue html: <el-tree class="filter-tree" :empty-text="emptyText" :highlight-current="true" :expand-on-click-node="false" auto-expand-parent :node-k 阅读全文
posted @ 2020-09-09 17:32 front-gl 阅读(121) 评论(0) 推荐(0) 编辑
摘要:第二次打开的时候,发现校验信息还是存在,此刻需要使用以下方法: this.$refs.ruleForm.resetFields(); 处理后效果完美再次打开就没有校验信息了: 阅读全文
posted @ 2020-09-09 17:27 front-gl 阅读(279) 评论(0) 推荐(0) 编辑