Vue 响应式原理模拟
一、三个概念 1. 数据驱动 数据响应式 数据模型仅仅是普通的 JavaScript 对象，而当我们修改数据时，视图会进行更新，避免了繁琐的 DOM 操作，提高开发效率 双向绑定 数据改变，视图改变；视图改变，数据也随之改变 我们可以使用 v-model 在表单元素上创建双向数据绑定 数据驱动是 V…
一、三个概念 1. 数据驱动 数据响应式 数据模型仅仅是普通的 JavaScript 对象，而当我们修改数据时，视图会进行更新，避免了繁琐的 DOM 操作，提高开发效率 双向绑定 数据改变，视图改变；视图改变，数据也随之改变 我们可以使用 v-model 在表单元素上创建双向数据绑定 数据驱动是 V…
一、什么是双向绑定 我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了View，Model的数据也自动被更新了，这种情况就是双向绑定举个栗子 当用户填写表…
iScroll是什么 很多场景，如果使用body的滚动会很不方便，这时候，就会使用某个元素的局部滚动，恶心的事情就会发生了。 pc端web，windows系统的浏览器会出现丑陋的滚动条。(其实也有最新的css样式可以解决，兼容性欠佳) 手机移动端，ios浏览器无法惯性和弹性滑动（默认使用浏览器滚动，…
标签：下拉刷新，滚动
插件地址 引用文章 一、什么事better-scroll？ better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了…
标签：下拉刷新，滚动
一、从历史说起 Web是World Wide Web的简称，中文译为万维网 我们可以将它规划成如下的几个时代来进行理解 石器时代 文明时代 工业革命时代 百花齐放时代 石器时代 石器时代指的就是我们的静态网页，可以欣赏一下1997的Apple官网 最早的网页是没有数据库的，可以理解成就是一张可以在网…
用了vue3大半年了，一直都是用vue cli 基于webpack来搭建的项目，刚好有个移动端的项目，我想用vite版本的vue3来做，这里记录一下项目搭建的过程 一.涉及技术点 vite版本 vue3 ts 集成路由 集成vuex 集成axios 配置Vant3 移动端适配 请求代理 二.步骤…
英文 | https://madza.hashnode.dev/24-modern-es6-code-snippets-to-solve-practical-js-problems 作者 | Madza 译者 | 王强 策划 | 李俊辰 这篇文章基于实际使用场景总结了 24 个 ES6 代码段，可用…
本系列文章目录 Vue3.0全家桶最全入门指南 - 快速搭建 (1/4) Vue3.0全家桶最全入门指南 - vue3.0新特性 (2/4) Vue3.0全家桶最全入门指南 - vue-router@4.x和vuex@4.x (3/4) Vue3.0全家桶最全入门指南 - 3.x跟2.x的其他差异 …
本系列文章目录 Vue3.0全家桶最全入门指南 - 快速搭建 (1/4) Vue3.0全家桶最全入门指南 - vue3.0新特性 (2/4) Vue3.0全家桶最全入门指南 - vue-router@4.x和vuex@4.x (3/4) Vue3.0全家桶最全入门指南 - 3.x跟2.x的其他差异 …
本系列文章目录 Vue3.0全家桶最全入门指南 - 快速搭建 (1/4) Vue3.0全家桶最全入门指南 - vue3.0新特性 (2/4) Vue3.0全家桶最全入门指南 - vue-router@4.x和vuex@4.x (3/4) Vue3.0全家桶最全入门指南 - 3.x跟2.x的其他差异 …