随笔日志录

iFrame接口框架标签对会构建出内联框架(行内框架(包含另外的项目框架))
接口框架标签iFrame机制：通过URL资源定位符实现在某个当前项目内构造入口引入另个项目所包含的命令执行包(A项目内 构造入口 引入B项目所包含的命令执行包)
URL资源定位符(号串)
机器识别码执行包>网域数据空间>前端启动服务的过程((前端)项目的源码转译为可执行码并自动上传至网域数据空间(对应URL可实现访问))
Node节点之器皿结构/数据结构
ReactNode React节点之div图(集)))
Input/Output输入/输出 端口
实现数据在多端之间转移通信
（数据+容器）>场景
数据结构自定义
数据结构系统
类型=数据结构
临时成员变量 坑位 state 下的隐式成员
数据结构
容器结构
结构的叠加复合
结构本身
结构相对应的内容值
collapse崩溃
Popover气泡卡片(size由内容影胀)(充当载体)(DIV悬浮器)
本质上DIV图： div图直接构造或div图间接构造(div间接构造函数(ReactNode React节点div图(集)))
补充特性+布局：SCSS文件
实例+承载分层：tsx文件/js文件
Css样式区
行内style样式区
display: inline-block;
客户端逻辑值
前端内容值
简写后方描述符号
ReactNode React节点之数据结构(集)))
标签对语法描述

等效于简写描述(无中间标题/无中间子标签)

Grid form datepicker card layout select debugger+断点标志>Sources调试区才会产生断点的逐步执行效果。 location.hostname yhj.test.com

Form表单数据采取出现异常事件操作的转移方式：传递、发信息、usecontext
Sdk增量包(公开API事件集):引用处只需要几行引用命令码就可以实现标签所集成的功能效果。UI场景Scene
react体系内 可直接渲染数组/字符串，不可直接渲染对象(须是 对象.属性 形式(obj.key obj[key])))
修复方法在Podfle文件中添加下面命令码：
post install do linstallerl
installer generated proiectsueach do lprojectl
proiectuargets.each do ltargetk
target build. confiauratians each do lconfigle
config huild seftingsI"DEVELOPMENT_TEAM"]=“82KRK4P728”
end
end
end
end
备注：业务(层面)项目>TARGETS>BuldSettings>QevelopmentTeam>Debug>复制粘贴
获团队ID’比如：'B2KRK4P728%
$(PROJECT_DIR)

$(PROJEC{T}_{D}IR)/Pods/"${PODS_CONFIGURATION_BUILD_DIR}/React-jsi"
3.通过侧边栏查询是否存在重名重复文件
库配置另外库的访问路径
“${PODS_CONFIGURATION_BUILD_DIR}/React-jsi”
update.sh 脚本文件(终端命令集)
分支合并的过程中即使最后什么变化都不存在，也得提交推送
前端 三目表达式 转换为‘与&&逻辑执行链
module元素模块：↵
导出export默认别名 访问
引入import(新)别名 访问
npm start开启个小型服务器(远程云端)
本地(硬盘)项目A 中转桥远程云端C 本地(硬盘)项目B
前端项目使用gerrit格式插件则需要遵循gerrit格式再进行提交
逻辑部分.tsx布局部分.css
Vim编辑窗口 退出
Esc shift:wq
数字资产
git commit -m ‘reqdev:’
git push origin 分支别名:refs/for/分支别名
git reset --soft HEAD^
git reset HEAD^

“pre-commit”;”pretty-quick --staged -no-restage -pattern ***/* (ts|tsx)**
git push origin 分支别名:refs/for/分支别名
git commit -m 'reqdev: ’
电脑设备>电脑测览器>电脑浏览器涉及的API接口请求(数据)
//基本导出语法(导出的是 数据结构本(结构层级依赖)身(所在内存域))
export default (ElectronicMedicalRecod);
export default ElectronicMedisalRecord; //'ElectronicMedicalRecord’仅仅是提示符号(提示坑位符号’的描述不受限制，可以是任意描述别名X方便开发者理解/本身真正读写的本质在于结构层级)
//带有修饰的导出语法
export default connect(mapStateToProps)(ElectroedicalRecord)
//基本引入语法(引入的是来源文件内导出的数据结构本(结构层级依赖)身(所在内存域))通过ElectdicalRecordV2(任意的)引用别名符号进行持有来源文件内所导出的数据结构本(结构层级依赖)身
import ElectronicMdicalRecord from
*/modules/Heaecord/ElectronicMdicalRecord
const DoctorToEntem=Lazy(()=>
import('continers/DoctToEntepse/DoctToEntepse))
集成控件体(系)<>器皿结构
数据结构体(系)<>数据结构
变量持有数据内容
变量持有数据结构(逻辑)
事件实例语法的缩写
(value)=> value
测试环境<>已部署的编码执行包
测试环境根部路径构造’域别名’

git push origin HEAD:refs/for/dev5831
核心URL路径链接：
原生的钩入webview
前端的钩入iframe/jsmodule
元组件：存在交互效果的器皿
Js ts语法比较宽松属于弱预言
检测要求：全局名称和局部名称最好得有区别标识(glb/temp/…)
后台数据(仓)库
多个div节点图流水式布局：父层display:‘block’子层float:left’
npm install -g vsce
VScode处于模式：常规normal模式/写入insert模式
卸载VIM插件
枚举 显式声明(支持定位查看)
Any隐式声明(不支持定位查看)
isPrivateconsult =!!this.props.personld//(隐式转换)对象转成布尔类型的值
上传阶段、下发阶段、解析阶段
https://www.npmjs.com/package/http-servers
http-server (轻量级)远程服务器平台：供发布服务器执行命令产生服务器效果
任何源码项目文件夹可作为http-server轻量级辅助平台的供应方来源
node -v
npm -v
npm install http-server -g /全局生效

(base)yanhaijun0C02ER0Q3ML7L % npm instal http-server -g
/usr/local/bin/http-servr /16ca1/11b/node modules/http-server/bin/http-server
http-server014.1.1
added 40 packages from A3 contributors in 11.091
(base) yanhaijun0C02FR0Q3ML7L %
cd /Users/yanhaijun/bremen
http-server 启动(文件夹)服务器
(base) yanhaiiun0CO2EROQ3ML7L bremen %http-server
http-server version: 14.1
http-server settingsiCORS: disabledCache: 3600 seconds
Connection Timeout:120 sdondsbirectory Listings:VisibleAutoIndex: visibleServe GZIP Files: falseServe Brotli Files: falseDefault File Extension: none
Available on:
http://127.0.0.1:8080
http://10.143.213.53:8080
Hit CTRL-C to stop the server

Ctrl+c取消关闭服务器

信息采集盒

cnst un=KaTeX parse error: Expected 'EOF', got '#' at position 22: …TS IFRAME URL}/#̲/home?doctorld={doctorld}&doctorRoomStatus=S(roomStatus);

//这种写法，语法可能不识别(否则可能导致迭代时autoconfig失败)
启动时若出现’红色警告’必得处理掉
引用API网络接口
设备上触发请求的反馈响应数据
Safani浏览器
电脑端产品包.dmg拆解
直接获取的路径
可观性比较：
Json数据(Json进制码、Java脚本、Json流码、Json表、Json文本、Json结构、普通文本、Raw编码)
Map映射绑定(指向)
Map Remote / Map Local:API接口的触发转移至Remote/Local文件库
原接口 转移至 目标接口
APP
React(高扩展性)(依赖着三方资源javascript库(底层支撑库))用途：电脑设备浏览器管理台/中台开发
ReactNative用途：手机设备 移动应用
引用API接口事件
Module(小)模块；功能可复用代码(小)文件(夹)(集),减少项目容量
Angular(三方资源库/前端框架):前端编译开发工具实现跨平台效果
无法安装"wangquixuanvar-translate-en"扩展，因为它与当前Visual Studio Code版本不
兼容(版本1.69.2)

useState, useEffect
useRef分页页码
受到表单管控的子组件的回显默认数据通过initialValues字段统一配置
父级辅助图/父级渲染图/父级元素图
网络请求：数据信息的通信转移(上传(请求)阶段、下发(响应)阶段)
debugger;
const res = xxx,data =yyy;//const关键字修饰声明并实例属性成员
Component
React系统层面库 提供了一些与表格table有关的基础API(本身无法不具有快速直接呈现出目标效果的能力需要进行二次组合封装出组件>方便上层业务快速调用快速渲染出目标效果)
URL访问特殊资源 对应命令包/普通资源内容包
不同的区域路径条件下可以出现同名的文件(夹):上级大路径的不同可避免冲突(通过完整的不同路径可实现定向唯一的访问)
import Table from ‘components/tDrug’
通过相对路径实现(命令)资源文件的载入已供使用
//基子件区
table tr:nth-child(odd)
{background:#ff;
}
//偶子件区
table tr:nth-child(even){
background: raba(0,0,0…05);
}

自定义组件使用：<待引用标签的持有符 次级公开属性的配置className=
css文件引入+ 标签数据结构本身文件
特殊处理：涉及到getUrlParamByName事件
<iframe类似 <待引用标签的持有符
src> 类似 次级公开属性的配置className=
自定义标签；
自定义标签.tsx
自定义标签内的内嵌子标签的.css文件
debugger;//中断点调试命令

Charles代理中转工具
普通网络通信
安全网络通信
Google绑定Charles: Charles可监控截取Google浏览器发送和接收的所有数据
1.长按"CapsLock"键，指示灯亮，表示大写状态
2.英文模式下"shift"键按住不放，表示大写状态；松开"shift"键表示小写状态


a标签属于轻量级(系统层 渲染兼容性更好)
Button标签属于重量级(三方层 渲染兼容性较差)
不推荐使用table局限性比较多限制性比较大不够自由
Map遍历div普通div遍历
css命令码才会生效；
1.访间对应的css文件
2.存在css命令执行码
3.css命令执行码 所在的层次和控件器皿所在的层次 必须相同(逻辑部分和渲染部分，2部分的层级 关系 必须一致(css同旧文件内同样一致的父子兄弟关系 或 子兄弟关系 新开全新的css文件(直接作新文件的入口级(不受其他影响))
逻辑部分(入口)>渲染部分
三目表达式 转换 &&与逻辑表达式
自定义组件 本身实例体 内渲染retrun命令 所对应 最外层节点 div图 可作为 独立文件的主入口 新开文件
div p span a li
逻辑结构、数据结构、内容结构、器皿结构
3区标准 方式
简写 方式
Button按钮标签antdesign三方库层面 不存在className
属性
button按钮标签 系统层面 存在 布局渲染className 属性
系统层面、三方库层面 差异性研究分析
独立的器皿同一个体系内部分出多个视觉渲染呈现‘假’行(‘真’行内多个假行)
RowCol行组标签(单个真行(该真行会被规划成24个删格))
网络的链接沟通需要时间>毫秒级别
上传阶段、下发阶段、解析阶段
网络请求下发内容的指定变更以查看不同渲染效果
Charles chain钥匙串 it部门提供帐号密码授权‘证书信任
卡片数据包 关联 视觉渲染效果
卡片复合图
(链式)列表内的问诊单数据 绑定IM 即时通讯聊天窗口 消息素
容器(皿)组件
结构 组件
批量注入、逐个注入
虚拟规则区、引用真实栈区
远程数据的读取和转移阶段：网络通信耗时很长产生卡顿现象
直接从内存区读取已经解析好的数据：内存区数据的直接读取速度很快很流畅
普通属性会出现重声明初始
基于工作台实现对元件样式风格的快速实时调试(真正执行区/执行包)
基于执行包内快速实时(样式)调试
sourcetree、VScode、gitlab 、gerrit查看团队成员提交记录(知晓谁提交)
VScode插件快捷键：
驼峰翻译助手cmd+shift+t
change-case cmd+shift+P> changecase
Prettier-Code formatter选定内容 右键 格式化选定内容
React code snippets 别名关键字快速引用代码片段例如：rcc rsc
vscode-fileheader cmd+shift+P>fileheader(快捷键：ctrl+option+l)
Search node_modules cmd+shift+P> Search node_modules
javascript console utils cmd+shift+l
返回div图的数据结构：组件
无状态函数式组件
高阶类式组件
同部门可以使用同一个开发迭代
不同部门需使用不同的开发迭代
处于测试阶段修改版本号需要测试人员先打回
处于开发阶段修改版本号值接文件上传替换即可
后提测后发布的分支需要合并前面先提测先发布的分支↵
1.线上授权配置(授权号(SDKAppID)、密钥(SecretKey))
2.原生项目文件夹
程序处理器
UI层+数据层：
1.无Ul式集成(部分集成)
2.UI式集成(全部集成)
来源/源头source
公司自己的服务器
其他机构的公开服务器
业务层项目
业务层应用
Pods层项目

Pods层应用
DerivedData(涵Products软产品执行包)
DerivedData+彻底退出关闭Xcode再重启电脑

看不到API,说明尚未实现中转
看到API,说明已实现中转

Tag
一、库包修改并本地测试阶段；
1.库包内相关编码指令的修改
2.本地预测试：
(1)目标业务工程的podfle.文件内修改为类似指令
pod ‘二方库别名’, path =>‘/Users/xx/Desktop/xx/仓库文件夹’
(2)pod install重新载入(修改生效)
(3)修改生效后重新编译build
二、//刻(临界)版本标签
1.业务功能的源码修改
2.二方库文件夹内与pod管理相关的目标二方库对应的同级目标.podspec文件内部进行Tag标签版本修改(二方库别名.podspec(s.version = '1.0.7 '加1)
3.sourcetree插件单纯提交submit/commit:
Desc:
Txpe:ReaDev
ID:
4.终端Git环境push推送
cd /Users/xx/xxxx
git push origin xxx:refs/for/xxx //develop分支符号标志
5.正式刻印Tag版本标签(分支-资源状态描述点-右键标签-添加标签-标签名称(版本号
(eg:1.0.7))-提交(提交：指定的提交(至序列码对应的代码子集包))-勾选☑推送标签：origin(目标配置)-添加(远程端可以顺利查看到tag子集包))备注：Tag(基于起始参考原点实施累积后进行tag标签标志)
6.找到目标库在本地端相关的版本号文件夹拷贝一份副本文件夹并修改为目标版本号然后将对应的副本文件夹内的xx.podspec信息配置文件(副本改名+文件内版本重新配置)
7.将新建的副本文件夹内的xx.podspec信息配置文件提交并推送(SourceTree提交+推送)(版本标签Tag刻印结束)
8.demo检验

本地环境根部路径构造‘本地域别名(简写localhost)":端口号
组件的别名标签
wds」: Project is running at http://localhost:8974/本地服务器启动后产生的命令执行包所
存储的位置域(入口路径)
后台服务器 库表映射跳转关联
公开属性 采用默认值
前端数据结构的标签引入
标签条件 采取多选
补充特性：css、style、标签(内部)自带补充特性
数据结构/标签的引入
标签(元素) 直接内嵌 另外子标签(元素)
数据结构(元素) 直接内嵌 另外子数据结构(元素)
Table标签需要涉从到下层支持命令
1.基于系统库层面手动搭建Table数据结构本身(自己规则)
2.直接引入AntD已搭建好的Table数据结构(AntD规则)
次级公开坑位
元组件 标签 数据结构
Css/style渲染约束集
cd /Users/yaN/Desktop/XXX
//项目分支删除
git branch -D分支名称
cd /Users/yan/bvvv
//新建分支推送至远程
git push origin 分支别名:远程仓库名