在我们使用VUE+Element 处理界面的时候,往往碰到需要利用JS集合处理的各种方法,如Filter、Map、reduce等方法,也可以涉及到一些对象属性赋值等常规的处理或者递归的处理方法,以前对于这些不是很在意,但往往真正使用的时候,需要了解清楚,否则很容易脑袋出现短路的情况。本篇随
一、return语句 1.注意点:(1)如果函数没有使用return语句,那么函数默认的返回值:undefined;(2)如果函数使用return语句,那么跟在return后面的值,就成了函数的返回值;(3)如果函数使用return语句,但是return后面没有任何值,那么函数的返回值也是
插槽 作用:官方解释就是vue实现一套内容分发机制,将元素作为承载分发内容的出口 ,就是视图层和数据层进行展示的时候不要直接绑定数据,而是进行数据的上传 个人理解,就还是父子组件的传值 就像是父组件你把东西给我,我用用,然后我把我全部的加上你给我的一块给你 在官网上边 父到子 是prope
项目要求是:html生成图片(图片格式不限),长按图片能够保存到本地,主要在移动端 1、初试html2canvas 最初选择的是html2canvas插件,将html转为canvas 再通过Canvas2Image,将canvas转为想要的图片 问题:只能截取一屏的内容,当出现滚动条时,不
DOM基础 文档对象模型 element attribute text 获取元素节点 old getElementByid getElementsByClassname getElementsByTagName getElementsByName n
13.5 内存和性能 Javascript 中函数都是对象,过多被添加到事件的处理程序都会占用内存,内存中对象越多性能就越差。其次,事先指定好所有事件处理程序而导致的DOM访问次数也会延迟整个页面的交互就绪时间 对付“事件处理程序过多”的方案就是事件委托,事件委托利用了事件冒泡只指定一个事
动态组件 & 异步组件 切换组件保持组件的原状态 1.使用 is 进行组件的切换显示 <component v-bind:is="currentTabComponent"></component> 这样是重新创建了组件 如果要保持组件的状态,比如打开的
this是我们在书写代码时最常用的关键词之一,即使如此,它也是JavaScript最容易被最头疼的关键词。那么this到底是什么呢? 如果你了解执行上下文,那么你就会知道,其实this是执行上下文对象的一个属性: executionContext = { scopeChain:[
首先简单介绍下自己,目前七年前端实际项目经验,有一线大厂经验,也去过国外。算的上是前端老鸟了,这篇文章是个人的经验和心得,不吹不黑,中肯的态度来说,希望能够帮到大家。   都2020年了,我现在学前端还来的及么?   这是很多前端新人经常问我的一个问题,有学弟学妹,也有想转行的朋友。
前言 瀑布流布局是前端领域中一个很常见的需求,由于图片的高度是不一致的,所以在多列布局中默认布局下很难获得满意的排列。 我们的需求是,图片高度不规律的情况下,在两列布局中,让左右两侧的图片总高度尽可能的接近,这样的布局会非常的美观。 注意,本文的目的仅仅是讨论算法在前端中能如何运用,而不是
据官网介绍这个电子表格插件,是一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源. 官网链接: Luckysheet官网 在线DEMO 特性包含: 表格设置,包括冻结行列、合并单元格、筛选、排序、查询、条件格式、批注; 支持数据分析功能包括透视表、分列、矩阵操作、内置385个
Vue+Element 踩坑   1. 获取后台返回的数据,是个数组,循环后展示出来 <el-table-column :label="$t('common.cardModel.guz')" sortable="custom" prop="cEqpFinx.assetNo">
在开发中修改第三方组件样式是很常见,但由于 scoped 属性的样式隔离,可能需要去除 scoped 或是另起一个 style 。   这些做法都会带来副作用(组件样式污染、不够优雅),样式穿透在css预处理器中使用才生效。   我们可以使用 >>> 或 /deep/ 解
Vue.directive 1.作用:   使用vue 函数构造自定义方法。 2.基本概念:   在主函数中构造自定义方法 并在模板中使用   构造方法: Vue.directive('demo',function(el,binding,vnode){ el.style='colo
内置对象:对象是由属性和方法组成的,使用点语法访问 一,array数组 1. 特点: 数组用于存储若干数据,自动为每位数据分配下标,从0开始 数组中的元素不限数据类型,长度可以动态调整 动态操作数组元素 :根据元素下标读取或修改数组元素,arr[index] 2. 属性和方法: