一、什么是回流? 回流是会导致页面重新渲染的一些元素,从而影响性能。 二、哪些因素会导致回流? 1、调整窗口的大小; 2、改变字体,如果用rem 设置了根目录的字体大小,这样就减少了回流的次数; 3、增加或者移除样式表;…
分类:css
你真的懂JavaScript基础类型吗
夯实Javascript基础。 基本类型有六种: null,undefined,boolean,number,string,symbol。 基本类型的值是保存在栈内存中的简单数据段 基础类型特性 基础类型最重要的特性 基…
canvas压缩图片,canvas,css结合绘制正方形图片
//------------ 对图片进行压缩 function compress(imgPath) { var image = new Image(); //新建一个img标签(还没嵌入DOM节点) image.src …
vue 核心之一 计算属性computed 和侦听属性watch
对于很多初学vue的初级前端开发工程而言,在了解了vue双向数据绑定v-model、模板语法、实例创建等基础的知识之后,对于一些复杂的数据操作还无从下手。 首先,什么是计算属性? 在vue官方文档中,对计算属性的初衷是由…
vue 使用Jade模板写html,stylus写css
vue 使用Jade模板写html,stylus写css 日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式,所以使用了jade写html,stylus写css,省了很多的步骤和提高了效率。 …
前端开发常见的五种布局方式及应用场景
前端开发常见的五种布局方式及应用场景 1.静态布局: 给页面元素设置固定的宽度和高度,单位用px,当窗口缩小,会出现滚动条,拉动滚动条显示被遮挡内容。优点:设计简单。缺点:对于不同尺寸屏幕的兼容性不好,特别是移动端。 2…
Less 编码规范 (1.1)
转载:原地址 简介 该文档主要的设计目标是提高 Less 文档的团队一致性与可维护性。 Less 代码的基本规范和原则与 CSS 编码规范 保持一致。 编撰 erik、顾轶灵、黄后锦、李玉北、赵雷。 本文档由商业运营体系…
前端编码规范
前言 首先,写这篇代码规范是为了我自己在以后的项目中方便引用,让前端人员统一标准,方便在开发中保持代码的一致性,代码规范是在bootstrap的编码规范上的基础上做的修改,下面只列举出一些不一样的地方,基本的规范参照bo…
2d变换矩阵
2d变换矩阵 2d变换矩阵总共有6个可动的参数,这六个参数分别控制不同的变换 | a b 0 | | c d 0 | | tx ty 1 | a 水平缩放 b 水平拉伸 c 垂直拉伸 d 垂直缩放 tx 水平位移 ty …
nextcloud 14 自建应用
创建应用example,应用目录apps/example,目录结构如下 example/appinfo:包含应用元数据和配置 example/css :包含CSS example/img :包含图标和图像 example…
CSS小技巧(二):布局
在我们写CSS代码的过程中,可以养成记录一些小技巧的习惯。 1. 一般特定的元素都有自己默认的样式,但是在我们的整体布局中,可能适得其反。我们可以去掉其默认样式。 * { margin: 0; padding: 0; }…
FE.ES-异步编程进化史
本文通过实践从古至今对XMLHttpRequest封装的各种方式,来了解在es中异步编程的实现细节和设计模式。 回顾XMLHttpRequest原生写法 XMLHttpRequest -MDN var xhr = new…