vue3与react、 react hooks
一、Vue3新特性：setup、ref、reactive、computed、watch、watchEffect函数、生命周期钩子、自定义hooks函数、toRef和toRefs、shallowReactive 与 shallowRef、readonly 与 shallowReadonly、toRaw 与 markRaw、customRef、provide 与 inject、Fragment、Tel
前端
Android 组件化神器之Arouter
组件化项目存在各个模块之间耦合,通信麻烦的问题 ,,为了解决这个问题,阿里巴巴的开发者就搞出了Arouter这个框架,以解决上述问题.
Arouter 支持模块间的路由、通信、解耦
1.依赖和配置
1.1 Java 环境配置方案
android {
compileSdkVersion = 30
buildToolsVersion = "30.0.3"
defaultCon
05：异步加载 JS 的方法
defer：只支持 IE 如果您的脚本不会改变文档的内容，可将 defer 属性加入到 <script> 标签中，以便加快处理文档的速度。因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本，它将推迟对脚本的解释，直到文档已经显示给用户为止。
async，HTML5 属性仅适用于外部脚本，并且如果在 IE 中，同时存在 defer 和 async，那么 defer 的优先级比较
整合代码：一个简单的交互式弹簧
书名：代码本色：用编程模拟自然系统
作者：Daniel Shiffman
译者：周晗彬
ISBN：978-7-115-36947-5
目录
5.17 整合代码：一个简单的交互式弹簧
对于Box2D，手动设置物体的位置会破坏物理模拟。在toxiclibs中并不存在这样的问题。如果要移动粒子的位置，我们可以直接设置它的x坐标和y坐标。但在设置之前，我们最好先调用lock()函数。
lock()函
认识HTML结构的基本标签
1. < !DOCTYPE >
定义：定义⽂档类型。告诉浏览器渲染⻚⾯的规则。
DOC: document ⽂档。
TYPE：类型
说明：任何⼀个⽹⻚都必须在⻚⾯第⼀⾏声明⽂档类型。
⽤法：
h3⽆⽂档类型
<html>
</htm>
H4的⽂档类型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans
在vue中如何优雅的封装第三方组件
在使用第三方组件的时候或多或少的会因为样式，业务不符合自己的需求进而进行封装。是否你也会有这样的困扰。封装业务组件的时候，弄了好多业务进自己的组件里。要传递好多参数给自己封装的组件，然后再在封装的组件里传递给第三方组件。不禁要知道每个组件的参数的意思还要对其增加参数。用于传递给第三方组件。一旦业务拓展，就还需要对应往封装组件增加属性，组件内增加接收传递给第三方组件。后期维护起来痛苦不堪。那么下面我
【业务实例】vue用虚拟列表解决万条数据勾选卡顿问题
show1.jpg
为什么需要虚拟列表
日常开发中，经常需要处理一个大数据量的列表，可能是需要展示、勾选等；
如果我们用html原生的标签实现，性能到还好。但是现在大多都是用第三方组件库开发(例如element-ui)，以便提升开发效率；
如果我们同时展示、勾选千条数据的时候，页面将会卡主，甚至崩掉；
虚拟列表的方案正是为了解决这类前端大数据量展示、操作卡顿的问题；
虚拟列表原理
虚拟
iOS各种ViewController控制器完整介绍
iOS 界面开发最重要的是ViewController和View，ViewController是View的控制器，也就是一般的页面，用来管理页面的生命周期（它相当于安卓里的Activity，两者很像，又有一些差异）。
ViewController的特点是它有好几种。一种最基本的UIViewController，和另外三种容器：UINavigationController、UITabBarContr
Vue项目使用px2rem
文章序
设计稿给的是px，但是需要做自适应，老生常谈的问题了，使用flex布局+rem+按比例设置根节点font-size大小来实现，这里最麻烦的就是把px改写成rem，手工改重复性太大，所幸，可以使用webpack插件在打包过程中帮我们自动转化
使用方法
1.安装包
npm i postcss-px2rem
2.编写配置文件
编写核心代码，命名随意，我这里命名为px2rem并放在src/uti
三分钟快速搭建Vue2+webpack项目
三分钟快速搭建Vue2+webpack项目
项目目录
如下图：
图1
其中：
【package.json】：对项目进行描述，包括项目的基本信息、依赖模块的版本信息等等；
注意：可以手动创建或者通过npm init自动创建。
代码：
{
"name": "yydpt_vue2_base",
"version": "1.0.0",
"description": "",
