- 博客(381)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 lil-gui
你是否因为想做个demo，要写配置项看效果，但是antd等组件库太大了，自己写又太累而烦恼？lil-gui库可以解决这个问题。这是一个轻量级浮窗配置项ui组件库。
2023-10-16 15:04:42
651
1
原创 【AntV】canvas表格s2完全封装手册
由于我们业务中有很多地方需要有纵向复制，刷选等操作，一般的传统表格并不支持。目前支持度较好的葡萄城表格与handsontable都需要收费，而s2作为一款轻量级开源表单较为符合我们的需求，但是由于s2仍然不够成熟，有非常多的功能需要自定义。我在公司对s2做了大量封装，对里面代码基本上算比较熟悉了。本篇结合我们业务中的需求，带大家看看s2可以做到什么地步，需要进行怎样的改动。本文写了s2常见的封装功能，目前暂时写这么多，以后有新的再补充。
2023-08-31 15:44:52
924
原创 网页语雀切换中文
由于换了台电脑，语雀莫名奇妙变成英文了，找了半天设置没找到在哪调成中文，后来终于找到了。这设置位置真有点反人类，不会是因为玉伯走了吧。
2023-07-07 13:30:57
1110
原创 前后端不分离项目导入react模块
我最近在整一个前后端不分离使用.net写的项目。这种前后端不分离的都是有类似的模板渲染。我们肯定不继续写.net了，所以需要自己的react组件导入进来。本来我一开始想着react打包umd进行引入，使用tsdx配合http-server就可以进行开发了，但是后来觉得不是太好，如果项目越来越大，那么这个umd包就越来越大。所以最好使用多入口打包成mpa方式自己修改打包配置，或者使用现成的东西。然后我就发现可以使用icestark的微模块进行引入。脚手架里多入口打包已经配好了。
2023-03-29 10:16:55
537
1
原创 钉钉小程序video全屏播放
钉钉小程序直接调用video标签就可以播视频了，但是这样有个问题，安卓和ios的表现不一样，并且ios很容易会调用自己系统的播放器进行全屏或者画中画，这样脱离了钉钉。如果你在钉钉里面做了全局水印等功能，这些水印就会没有效果。
2023-03-09 10:03:46
1262
3
原创 Non-string value passed to `ts.resolveTypeReferenceDirective`解决方法
【代码】Non-string value passed to `ts.resolveTypeReferenceDirective`解决方法。
2023-01-28 10:00:26
1731
原创 【chrome】iframe与Permissions
最近在做iframe嵌套页面时，遇到了需要剪切板权限的问题，提示：Disabled in this document by Feature Policy.为此特意去学习延伸了下这方面的资料。
2023-01-10 15:53:36
1163
原创 【React】valtio快速上手
现在有很多人抛弃redux转向valtio，包括Umi最新版也开始使用它。react状态管理门派一般分为以下几类：没有状态管理工具：直接用 props 或者 context单项数据流：redux、zustand双向绑定：mobx、valtio状态原子化：jotai、recoil有限状态机：xstate我觉得一个好的状态管理器要有超低的学习成本、能产生符合预期的效果、并且性能不会很差。valtio和jotai 是同一个作者，今天主角valtio是以proxy为核心的状态管理库。
2022-11-28 10:08:35
2506
原创 【vscode】vscode主题样式颜色选择
最近比较忙，水一篇vscode主题样式。vscode一般默认是黑色底色，关键字或者变量一般偏蓝绿，当满屏幕变量时眼睛看着会非常难受。之前用过hbuilder，虽然编辑器不如vscode，但是配色还算不错，我又在此基础上修改了下。scope文档：https://www.sublimetext.com/docs/scope_naming.html#meta部分内容需要查找scope改成对应想要的颜色。
2022-11-09 11:08:32
3537
原创 【node】windows使用 npm i -g报错operation not permitted解决方法
公司电脑被装了安全控制软件后导致npm -g 安装很多东西提示operation not permitted，后来研究了下怎么解决该问题。
2022-10-18 17:21:23
3187
原创 【typescript】推断字面量联合类型的几种方式
为了更好的开发体验，很多时候我们会将string转换为字面量联合类型。而被转换的对象通常也不是写死的，需要进行推断，而没有技巧去做推断很容易又推断出string类型，本文提供几个示例便于触类旁通。
2022-09-07 11:06:59
544
原创 【React】类excel表格的开源项目handsontable
最近在浏览时发现了一个开源项目handsontable，功能相当强大。虽然handsontable是dom做的，但是不妨碍其类似于canvas那种excel的操作手感。
2022-08-30 15:11:35
1277
原创 【小程序】 解决 Function(...) is not a function问题
在小程序中，只要写了ayncawait（或者是你引入的库中写了），如果你使用了babel编译且babel的版本大于7，则会出现这个问题。
2022-07-22 09:32:46
10187
16
原创 【React】antv S2快速上手
之前我司一直用葡萄城的excel，但后来没人维护，搞起来麻烦。最近antv s2开源，界面漂亮功能强大，试用了下觉得很不错。
2022-07-12 16:58:31
3548
1
原创 【webpack】利用webpack动态修改publicpath
一般情况，我们会在构建时使用env来构建出不同publicpath的应用，但是如果不让你使用env（比如没法区分环境变量），我最近遇到了这个问题，分享下解决方法。
2022-07-04 09:25:12
1835
2
原创 【小程序】钉钉小程序键盘弹起遮挡以及ios提示不可见
复现有个弹窗，弹窗是fixed定位，从底部出现，类似于半弹窗那种，弹窗中会有个输入框，此时在输入框中输入，手机键盘弹起，整个弹窗被上移手机键盘高度，而不是应该聚焦输入框位置。这个情况只有部分手机出现（主要在安卓），并不是所有手机都这样。ios在弹出提示的时候，提示不可见。安卓正常。原因第一个问题是弹窗的高度单位写的rem所导致。第二个问题是因为ios的加载，提示用的是全局唯一的组件，如果在提示前后同步产生了加载动画，就会导致提示不可见。解决第一个问题将弹窗改为vh或者px即可。第二
2022-05-24 18:13:19
557
原创 【小程序】钉钉小程序快速上手
前言最近让我开发个钉钉小程序，以前没整过，料想跟微信小程序差不多，学习下吧。文档ide等资源下载：https://open.dingtalk.com/document/resourcedownload/miniapp-tool钉钉官方组件文档：https://open.dingtalk.com/document/orgapp-client/view-containerantd-mini文档（）：https://mini.ant.design/guide/quick-startmini-al
2022-05-22 21:31:17
1300
原创 【React】利用Dooringx快速制作H5搭建平台
前言Dooringx目前到了0.15.1，后面对于大的改造应该比较少了，可以基于此研发自己的H5搭建平台。快速上手首先创建个文件夹，例如dooringx-example。我们推荐使用Umi脚手架快速搭建我们的项目。在文件夹内使用命令yarn create @umijs/umi-app 或 npx @umijs/create-umi-app安装dooringx-lib:yarn add dooringx-liblib中部分组件来源于antd和其icon。需要安装antd和icon。动画部分主
2022-04-28 00:42:22
2076
原创 【React】formily2.0快速上手
官网文档：https://formilyjs.org/zh-CN/guide思维导图：https://github.com/li9269391/formily-xmindcore文档：https://core.formilyjs.org/zh-CN/api/entry/create-form快速上手首先用create-react-app开个项目安装antd moment @formily/antd导入样式：@import 'antd/dist/antd.min.css';@impo
2022-04-23 16:13:21
4233
9
原创 【stencil】stencil快速上手
官网https://stenciljs.com/docs/api初始项目pnpm init stencil选择component安装完毕后启动npm run start页面出现helloworld即可。新增组件使用npm run generate命令生成组件。注意！组件名要带着-往里面加个btn/* * @Author: yehuozhili * @Date: 2022-04-11 22:53:51 * @LastEditors: yehuozhili *
2022-04-12 00:59:09
1162
原创 【工具配置】快速配置commit规范（包括新版husky）
前言配置提交规范主要为了团队开发的提交格式统一，更好的生成changelog。所需库Commitizencommitizen是为了便捷让我们通过选择来输入特定格式而不是通过自己输入来完成。cz-customizable可以在原生 Commitizen 的标准上，根据配置文件来自定义我们的提交规范。可以说是用来扩展 Commitizen 的神器。一般都用于 Commitizen 的配套使用。commitlintcommitlint 用来校验检查我们的提交 commit 是否符合设
2022-04-03 22:40:16
870
原创 【cnpm】cnpm私有部署改造黑名单梳理
前言由于我司私服需要对某些包删除使用，但又不想误删，所以要整个黑名单，在该名单上的包无法下载和搜索。大概看了下，只要维护个黑名单表即可，另外再改点逻辑，对表写个添加，删除，查询接口即可。首先梳理下路由，会走那些控制器，再建个表，写入增删改查。路由梳理下载包实际上是先查询，查到后走json的tar地址，所以在搜索时先查黑名单，黑名单里的直接返回404页面搜索controllers:web:package:search页面详情controllers:web:package:show
2022-03-27 01:23:58
970
原创 【实用工具】微信推送工具wxPusher
前言很多时候，我们需要开启服务后，即使收到订阅信息。这时候可以利用微信推送。但是由于微信推送自己整比较麻烦，这里推荐下免费可用的wxPusher。官网文档：https://wxpusher.dingliqc.com/docs/#/体验：http://wxpusher.zjiecode.com/demo/后台管理：https://wxpusher.zjiecode.com/admin/main快速上手在后台管理中注册应用，获得appToken。新建个主题，可以找需要接收推送消息的人
2022-03-08 16:58:02
4449
原创 【React】pixiu-admin后台管理模板
前言在一段工作时间后发现后台管理容易出现各个后台系统间内页互嵌，以及别的系统（已做成微应用）的嵌入。另外在开发中，你不能保证每个人的代码都写的没性能问题，可能某人写的页面影响了整个应用。所以我着手制作了个iframe多tab后台管理模板玩玩。源码地址https://github.com/yehuozhili/pixiu-admin优势iframe多tab天然支持keepalive，完好保留状态。在一线后台管理操作员很喜欢多tab来回切换，以增加其工作效率。完好保留页面状态。支持微
2022-02-23 17:33:32
320
原创 【BDD】cucumber快速上手
前言cucumber是一个BDD框架，现在是一个比较好的学习时机，因为现在国内越来越重视自动化测试，并且cucumber的版本刚好几天前稳定版到达8.0官网：https://cucumber.io/测试报告官网:https://reports.cucumber.io/Puppeteer文档：https://zhaoqize.github.io/puppeteer-api-zh_CN/#?product=Puppeteer&version=v13.1.1&show=ou
2022-01-25 14:55:57
1058
3
原创 【typescript】写库必备——ts实用类型整理（非内置类型）
前言自从ts出了字面量后，玩法就一下子多了，很多类型可能盲写写不出来，但是开发时候复制粘贴来引用还是很有用的。类型整理CapitalizeString首字母大写type CapitalizeString<T> = T extends `${infer R}${infer K}` ? `${Uppercase<R>}${K}` : Ttype CapitalizeString<T extends string | number> = T extends str
2021-12-30 17:53:37
3082
1
原创 【git】git revert后需要注意点
前言git revert这个操作用的比较少，如果分支支持强推那必然强推，不支持强推的情况，你就需要用这个命令，然后团队的人需要补一下使用该命令的坑。注意点比如你不小心将测试分支代码合并到master分支上。当master中不小心合并测试分支代码后revert测试分支代码，需要注意在自己分支上如果之前有合并到测试分支的提交再合并到master上是无效的。首先，需要确保你当前还没有去合master上revert提交的代码。如果合并了，使用git reset --hard 本地先跑到提交
2021-12-16 10:38:52
571
1
原创 【React】react-reconciler快速入门
前言我最近在研究新版taro的原理，其中就有使用该库制作自定义渲染器。一起学习下吧。老版taro原理到时候会专门写个文章手写下。已经整理完成。react-reconciler这个是react抽离的协调器逻辑，用于编写自定义渲染器。https://www.npmjs.com/package/react-reconcilerconst Reconciler = require('react-reconciler');const HostConfig = { // You'll nee
2021-12-15 17:21:01
2371
1
原创 【vscode】Bracket Pair Colorizer停止维护
前言无意中发现Bracket Pair Colorizer这个vscode插件停止维护，基本上大部分人都装了该插件，可以让括号具有颜色的小功能。原因是因为后续版本vscode加入内置功能而进行废弃，其实可以说这个功能蛮成功了。该项目github仓库：https://github.com/CoenraadS/BracketPair#readme原文：This project started on 3 Dec 2016. Now 5 years later, it has become a n
2021-12-14 15:08:16
6329
原创 【css】多行文本省略号表示css
背景遇到个css问题，多行文本下需要出现省略号，总结下。css本来准备通过line-clamp，后发现不管用。于是使用line-height+固定div宽高方式实现，发现只能在white-space:no-wrap时实现。但是nowrap就不换行了，需要多行文本溢出有省略号。搜索后发现overflow-wrap:break-word能获得该效果。...
2021-12-09 10:05:37
303
原创 【工具配置】markdown软件
前言由于typora开始收费，所以寻找另一个免费markdown软件。个人不是特别深度的markdown用户，用不上多高级的md功能，typora这整的不太好，一个md软件要80多r，还不能账号绑定，机器绑定。markdown产品本来技术难度不算多高，我都能用开源的库写个本地的。这个价和模式就很坑爹了。我最新发现了一款开源的markdown软件，完全免费，且不输typora。MarkText官网：https://marktext.app/github:https://github.com/
2021-12-03 10:33:18
103
win32-x64-51_binding.node
2021-10-26
rtsp地址转websocket去网页显示
2020-11-16
Mongodb嵌套数组更新失败
2019-06-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人