我们已经涵盖了大部分的基础知识,现在,是时候深入底层原理了!Vue最显著的特性之一便是不太引人注意的响应式系统。模型层(model)只是普通的js对象,修改它则更新视图(vi...
我们已经涵盖了大部分的基础知识,现在,是时候深入底层原理了!Vue最显著的特性之一便是不太引人注意的响应式系统。模型层(model)只是普通的js对象,修改它则更新视图(vi...
一、深入响应式原理? 前端开发最重要的 2 个工作,一个是把数据渲染到页面,另一个是处理用户交互(数据的变更会触发 DOM 的变化)。 eg: 当我们去修改 this.mes...
Vue组件实例中的data是我们再熟悉不过的东西了,用来存放需要绑定的数据但是对于一些特定场景,data虽然能够达到预期效果,但是会存在一些问题我们写下如下代码,建立一个名单...
1.什么是 BFC机制(更多资料总结 +V:2417268862) BFC(Block Formatting Context),块级格式化上下文,是一个独立的渲染区域,让处于...
本文概要 本文将介绍如下几种常见的布局: 其中实现三栏布局有多种方式,本文着重介绍圣杯布局和双飞翼布局。 一、单列布局 常见的单列布局有两种: header,content和...
ImgLoading.js代码如下:(需要先引入jquery) 效果图:(一定要先引入jq)
设计稿的宽度是1920px(需要适应所有屏幕): 任意尺寸的设计稿(自适应) 假设设计稿的宽度为XXXpx; 这里的b.style.fontSize = (a /XXX) *...
防抖和节流 防抖:单位时间内事件触发会被重置,避免事件被误伤触发多次。代码实现重在清零 clearTimeout。触发高频事件,n秒内事件只会执行一次,如果n秒内再次触发,则...
一、前言 响应式 Web 设计可以让一个网站同时适配多种设备和多个屏幕,可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。本文主要介绍一些...
EasyMock优势1. 省去配置、安装mockJs步骤,解决多人协作Mock数据不互通问题2. 不需要在项目中写多余的代码,例如将Mock 数据写在代码里、json文件里 ...