vue3.x的setup语法糖
什么是setup语法糖
vue3.0时setup的变量需要return暴露出来，template才能获取。到3.2之后只需要在script标签中添加setup，例如<script setup>，组件中不在需要特殊注册，直接引入，属性和方法便不需返回，在<script setup>中自定义的属性、指令可以直接在template使用。
setup参数
使用 setup 函数时，
前端
vue项目打包优化--提高首屏加载速度
1、移除 preload 与 prefetch
vue 脚手架默认开启了 preload 与 prefetch，当我们项目很大时，这个就成了首屏加载的最大元凶了。先简单了解一下 preload 与 prefetch。
1、preload 与 prefetch 都是一种资源预加载机制；
2、preload 是预先加载资源，但并不执行，只有需要时才执行它；
3、prefetch 是意图预获取一些资源，
vite+vue3+ts+pinia+element-plus搭建项目（三）
现在进入页面开发，组件库选择Element Plus，考虑到前端写样式每个人的写法都不同，这样维护起来也是比较麻烦的，所以选择 Tailwindcss ，这样开发过程不用去想很多的类名，不用再去写css代码
element-plus 按需引入
yarn add unplugin-vue-components --save-dev
// vite.config.ts
import { defin
阻止移动端 touchmove 与 scroll 事件冲突
在移动端开发过程中，如果要实现一个元素或按钮的拖动定位，会出现很多坑。例如：元素上下移动过程中，会触发 body 的 scroll 事件，导致整体的位置偏移，这时就需要 阻止移动端 touchmove 与 scroll 事件冲突 。
DOM Touchmove Scroll
一、解决思路
当移动端 touchmove 与 scroll 事件冲突时，首先想到的就是在 touchmove
【JS 】让浏览器支持<style scoped>
1. HTML style scoped 属性
今天无意中发现居然还有这么一个神仙属性 HTML style scoped 属性
他的作用主要是将 style的作用域控制在他自身的父元素之内。
例如：
<div>
<style type="text/css" scoped>
h1 {color:red;}
p {color:blue;}
</s
创建一个 Angular 组件
组件（Component）是 Angular 应用的基本组成单元。Angular 应用的组件可以控制页面上不同区块的渲染和行为，这些区块被称为视图。
页面的构成
一个 Angular 应用的组件，是按照树形结构进行组织的，组件之间可以进行通信和交互。也可以说，Angular 应用的架构就是其所包含的组件的架构。
组件架构
创建组件
我们可以使用 Angular CLI 的
0.DOM和BOM的介绍
1.认识DOM和BOM
window的全局对象，window上事实上就包含了这些内容：
JavaScript语法部分的Object、Array、Date等；
另外还有DOM、BOM部分；
image.png
1.1◼ DOM：文档对象模型（Document Object Model）
简称 DOM，将页面所有的内容表示为可以修改的对象；
1.2 ◼ BOM：浏览器对象模型（B
全局路由守卫-登录鉴权
const router = createRouter({
history,
routes,
})
router.beforeEach(async (to, from) => {
if (to.path === '/' || to.path.startsWith('/welcome') || to.path.startsWith('/sign_in')) {
return
ES6模块化和webpack打包（webpack部分）
webpack打包
✍目录总览：
问题的产生
浏览器环境中模块化开发的问题：
效率问题：模块化导致JS代码需要不断的被细分, 而精细的模块划分带来了更多的JS文件, 更多的JS文件带来了更多的网络请求, 降低了页面访问效率
兼容性问题：
浏览器不识别ES6（或者更高版本的JS语法）语法，或者CSS预编译处理器（如less，scss）
目前浏览器仅支持ES6的模块化, 那么意味
iOS开发 image背景图片拉伸问题
前言（如果是imageView的图片拉伸问题，可直接看文章结尾，OC和Swift）
在开发中聊天、按钮等背景图片，UI设计师可以仅设计其边框样式，然后通过代码就行处理，以适应聊天文字的大小或按钮的大小。这样不仅可以使安装包更轻巧而且可以更灵活的使用图片；
运行图片.png
方法一：
即将弃用方法
这个函数是UIImage的一个实例函数，它的功能是创建一个内容可拉伸，而边角不拉伸的图片，
