浅谈html中的置换元素和非置换元素
置换元素：
1、可以设置宽高，有自己的属性，和inline-block有一样的属性。
2、主要是指 img、input、textarea、select、object 等这类默认就有 CSS 格式化外表范围的元素。
3、浏览器根据元素的标签和属性，来决定元素的具体显示内容
例如：浏览器根据标签的src属性显示图片。根据type属性决定显示输入框还是按钮
非置换元素：
1、是除了 img、input、
前端
前端大屏适配方案：从设计到实现的全流程指南
引言随着数据可视化需求的增长，大屏展示项目在前端开发中越来越常见。然而，大屏开发面临独特的挑战：
屏幕分辨率多样：从1080P到4K甚至8K，如何保证清晰度？
布局复杂：多图表、多组件如何合理排列？
性能优化：数据量大、动画复杂，如何保证流畅性
iframe的父子页面通信
平时工作中有时会遇到页面嵌套的情况，一般是用iframe解决。那么，两个页面如何通信呢？下面分两种情况进行：
一、父子页面同源的情况
现在有两个不同源的iframe嵌套页面，父页面parent.html,子页面child.html，二者代码如下：
// parent.html
// ...
<iframe
id='testIframe'
name='test'
src='./ch
git stash 和 git stash pop 的用法
git stash 和 git stash pop 是 Git 中用来临时保存和恢复未提交更改的命令。它们通常用于在当前工作中切换到其他分支时保存工作进度。
git stash：
该命令用于将当前工作目录和暂存区（staging area）中的修改暂时保存到一个新的 stash 中，并将工作目录恢复到与上次提交一致的状态。
使用方式
Vue中的keep-alive是什么意思？以及如何使用
一、keep-alive是什么？
<keep-alive>是vue内置的一个组件，能在组件的切换的过程中将状态保留在内存中，防止重复渲染DOM 包裹动态组件的时候，会缓存不活动的组件实例，而不是销毁他们！
<keep-alive>是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件中，作为标签使用 包裹在需要缓存的组件中
注意：
1. include 字符串
Vue 组件间通信有哪几种方式
Vue 组件间通信主要指以下 3 类通信：父子组件通信、隔代组件通信、兄弟组件通信
1.props / $emit 适用 父子组件通信
props是父组件将值传给子组件，$emit是子组件通过派发事件的方式将值传给父组件
2.ref 与 $parent / $children 适用 父子组件通信
1）ref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指
uniapp上使用webview与浏览器交互，支持三端（android、iOS、harmonyos next）
效果展示：
*这波绝对是走在最前面。uniapp上使用webview与浏览器交互，支持三端（android、iOS、harmonyos next）。还有部分人用的vue2的语法，目前是最新的vue3写法。废话不多说，直接上代码：
uniapp代码（app端）<tem
React学习之——条件渲染(个人笔记)
React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样，使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态，然后让 React 根据它们来更新 UI。
if运算符
function UserGreeting(props) {
return <h1>Welcome back!</h1>
vue.config.js中的webpack配置，优化及多页面应用开发
目录
一、vue.config.js中常用的配置
1、导出模块
2、publicPath 部署应用包的基本Url
3、outputDir 输出文件目录
4、assetsDir 打包后生成的静态资源目录
5、lintOnSave
6、productionSourceMap 生产环境的 source map
7、devServer
8、 chainWebpack webpack配置
9、confi
@ant-design/icons-vue按需引入icon
正常引入icon组件库
import * as Icons from '@ant-design/icons-vue'
// 循环使用全部全部图标
const icons: any = Icons
for (const i in icons) {
// 全局注册一下组件
app.component(i, icons[i])
}
此时打包npm run build
