logo头像

arthas.com.cn

前端

函数节流

浏览器中某些计算和处理要比其他的昂贵很多。例如DOM操作比起非DOM交互需要更多的内存和CPU。连续尝试进行过多的DOM相关操作可能会导致浏览器挂起,有时候甚至奔溃。 函数节流背后的基本思想是指,某些代码不可以在没有间断的情况下连续重...

vue中的过渡和动画

对于要添加动画的组件,使用标签包起来。name属性定义class名字,例如: 12345678<div id="demo"> <button v-on:click="show = !show"> Tog...

CSS中的BEM规范

BEM代表 “块(block),元素(element),修饰符(modifier)” block: 页面是由多个block构成的,跟其他的block区分开来 element:并不是简单的父子关系,在区块中担负的职责,取唯一性的名字 ...

JavaScript数组转树结构

JavaScript数组转树结构

对于带有树结构性质的数组,例如元素中含有id和parentId,经常需要处理成树形结构来处理业务。比如多级导航,遍历文件夹等。用遍历的方式实现转换方法: 12345678910111213141516171819/*** data 数...

BFC布局介绍

BFC全称block formatting context,中文为“块级格式化上下文”。如果一个元素具有BFC,则内部元素不会影响到外部元素。所以BFC元素是不可能发生margin重叠的,因为margin重叠会影响到外部的元素;BFC...

CSS计数器

CSS 计数器本质上是 CSS 维护的变量,这些变量可以根据 CSS 规则增加以跟踪使用次数。 语法1.命名变量并定义计数器的值,默认为 0。表示定义了varname计数器,从2开始计数 1counter-reset: varname...

JavaScript中apply、call 的区别

在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是,函数存在定义时上下文和运行时...

vue-cli多环境打包配置

通过npm run build打包之后的静态项目,可能部署在不同环境中,即提供数据的api也是多变的。需要根据配置在打包时动态生成。假设需求是需要打包测试环境和生产环境两套静态文件: 1、package.json中script部门定义...

vue封装的svg圆形进度条

vue封装的svg圆形进度条

可缩放矢量图形(Scalable Vector Graphics,SVG),是一种用来描述二维矢量图形的 XML 标记语言。 简单地说,SVG 面向图形,HTML 面向文本。 123456789101112131415161718...