kaissgf的博客

原创 1111111

mac终端切换管理员权限 打开终端 输入命令。unzip是直接解压文件 直接拖入文件。//配置属性passive阻止默认事件。表示加上可执行权限，//滚轮放大缩小事件。

原创 【无标题】

unzip 解压chmd+ 赋予文件权限。

原创 JSBridge

在Hybrid模式下，H5会经常需要使用Native的功能，比如打开二维码扫描、调用原生页面、获取用户信息等，同时Native也需要向Web端发送推送、更新状态等，而JavaScript是运行在单独的中（Webview容器、JSCore等），与原生有运行环境的隔离，所以需要有一种机制实现Native端和Web端的，这就是JSBridge：以JavaScript引擎或Webview容器作为媒介，通过协定协议进行通信，实现Native端和Web端双向通信的一种机制。

原创 前后端协作规范

list: [{id: "15", type: "8", subtype: "803", life_cycle: "8+", remark: "其他任务", consume_cost: "0",…前后端数据列表相关的接口，如果返回为空，则返回空数组 [] 或空集合 {}，有利于数据层面上的协作更加高效，减少前端很多琐碎的 null 值判断，特殊情况特殊分析。1、需求导入、交互视觉导入分析 ：对产品导出的需求，参会各方包括产品、前端、后端、测试、UED，在对需求的认知上要达成一致，这是开发的第一步。

原创 prettier格式化代码

/ 在多行JSX元素最后一行的末尾添加 > 而使 > 单独一行（不适用于自闭和元素）即设置为在保存时自动格式化，保存时自动进行格式化，或用Shift+Option+f执行格式化。// vue文件的script标签和Style标签下的内容是否需要缩进。// 在对象字面量声明所使用的的花括号后（{）和前（}）输出空格。// 箭头函数，只有一个参数的时候也需要括号。// 不需要写文件开头的 @prettier。// 每个文件格式化的起始范围。// 每个文件格式化的结束范围。// 内嵌代码格式化。

原创 vue动态设置背景图样式

:style="{'background-image': `url(${item.icon})`}">

原创 vue-pdf预览 源码修改线上同步部署

vue-pdf插件无法解析文件的印章 pdf-dist 内部导致，需要修改这个npm包的源码 node_modules/pdfjs-dist/es5/build/pdf.worker.js 这个目录。开发中我们使用vue-pdf插件预览pdf文件 一些含有印章或者中文的合同会出现乱码 及印章不显示的问题 解决措施是修改对应插件的源码。vue-pdf是vue中展示pdf文件的常用插件，在pc端和移动端都有较好的显示效果。但如果载入的pdf中有中文，可能会显示不出来或者。遇到印章不生效的情况我们也不要慌张。

原创 vue-pdf预览 封装pdf插件 源码修改线上同步部署

vue-pdf插件无法解析文件的印章 pdf-dist 内部导致，需要修改这个npm包的源码 node_modules/pdfjs-dist/es5/build/pdf.worker.js 这个目录。开发中我们使用vue-pdf插件预览pdf文件 一些含有印章或者中文的合同会出现乱码 及印章不显示的问题 解决措施是修改对应插件的源码。vue-pdf是vue中展示pdf文件的常用插件，在pc端和移动端都有较好的显示效果。但如果载入的pdf中有中文，可能会显示不出来或者。遇到印章不生效的情况我们也不要慌张。

原创 上传文件new Blob

萨达大厦大地洒上大声打啊啊啊啊啊

原创 代码规范s

ada

原创 ts不支持es5可迭代对象使用...

dadasd

原创 【无标题】

sad

原创 url正则

aads

原创 rect-hook-form

原创 文本溢出css样式

text-overflow: ellipsis; overflow: hidden;

原创 css样式详细处理

除了某个元素设置其他元素的样式styletr > td:not(:nth-child(2)) {>div {margin-top: -18px;}}flex: 0 050px;

原创 g i t 命令

git fetch 把远程分支最新内容拉取到本地 git checkout release/v2.6.1 切换到的是要基于该分支拉取的代码 git pull origin release/v2.6.6 拉取远程分支代码 git checkout -b bugfix/zyl 基于release/2。6.1拉取bug分支git checkout -b commit 切换到历史版本 ...

原创 css规范 BEM规范

BEM命名规范 - 知乎BEM命名规范 - 知乎https://github.com/Tencent/tmt-workflow/wiki/%E2%92%9B-[%E8%A7%84%E8%8C%83]--CSS-BEM-%E4%B9%A6%E5%86%99%E8%A7%84%E8%8C%83

原创 v-decorator的取值与赋值

详细链接 咨询v-decorator的取值与赋值-经验总结-w3h5-Web前端开发资源网

原创 nginx代理

nginx撞到c盘下面 git 路径为 nginx在c盘的路径

原创 &的作用和下面的子标签

.box{ &-ps{ //.box下的.box-ps标签宽100 width: 100px; }}div{ & p{ //div标签下的p标签宽100 width: 100px; }}

原创 传id和ids

useRef 增删改查 动态用户idlet ids = refUserIds.current;if (!Array.isArray(refUserIds.current)) {ids = [refUserIds.current];}调取接口当传的id为数组则用变量存取 否则用数组包裹if (checked === true) {// pushsetCheckList([...checkedList, recoredId]);} else {// splicecon

原创 es6 set map

new set[1,2,2,3,4]结果是[1,2,3,4]

原创 两个数组过滤

users.filter((item) => !usersToUserGroup.some((ele) => ele?.userId === item?.userId));

原创 yarn run lint

yarn run lint 等同步关于 git commit -m 检测有没有error更加高效

原创 promise.all同步执行多个任务

const res = await Promise.all([getUserGroupOptions(), getUserFormDefined()]); const [userGroupOptions, userFormDefine] = res;

原创 【无标题】flex布局: 一行显示固定个数,强制换行且均匀分布

.usergroup { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; .usergroup-item { border: 1px solid #fff; flex: 1; height: 153px; margin: 0 8px 8px 0; // 间隙为5px width: calc((100% - 24px) / 3)...

原创 xftp开发与使用

/dist是目标目录 open项目，/data/rio/rio-web/rio-login-spa是rio项目

原创 npm切换镜像源

npm install cnpm -g --registry=https://registry.npm.taobao.org

原创 promise.all

const res = await Promise.all([getUserGroupOptions(), getUserFormDefined()]); const [userGroupOptions, userFormDefine] = res;

原创 字符串合并

datas.placeholder = t('请输入{{attr0}}', { attr0: item.name });

原创 moment获取当前时间

moment().format("YYYY-MM-DD HH:mm:ss")

原创 接口请求状态

const refresh = async (searchInfo) => { setLoading(true); try { const data = await getUserPropertyList(searchInfo); setData(data?.userPropertySet || []); } catch (error) { setData(null); } finally { setLoa...

原创 鼠标滑过盒子加了个边框盒子被撑大

给每一个小盒子添加一个和鼠标悬停时的边框大小相同的透明边框

原创 项目端口号被占用

查看端口号打开任务管理器找到node并结束对应端口号

原创 React.useRef

constconditionData=React.useRef({});conditionData.current[key]=value;

原创 js delete 删除属性

delete只适用于删除对象属性

原创 useContext

爷爷组件export default function App() { const [flag, setFalg] = useState(false); const handelFlag = () => { setFalg(!flag) } <div> <Context.Provider value={{ flag: flag,changeFlag:handelFlag }}> <Father/...

原创 微信小程序内嵌webview实现微信登录

一、调研场景1， 微信小程序内嵌webview实现微信登录二、技术实现1. web-view标签实现链接内嵌小程序里嵌套web-view页面（1）src属性：webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。（2）bindmessage属性：网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。e.detail = { data }，data是多次 postMessage 的参数组成的数组

原创 safari浏览器的兼容

样式尽量减少margin-left的使用，safari浏览器环境下样式会重新排列，使用定位的方法进行排版safari浏览器很多样式并不兼容尽量使用定位