This-刘贵生的博客

简介 基于react、ant-ui、typescript的前端微服务框架。欢迎star。 在线地址 在线demo 项目介绍 沉淀了几个月的时间，这款框架终于正式的和大家见面了! 先说一下我做这个项目的初衷，其实市面上已经有几款类似的产品了，但是总结起来就是：乱，杂。所以自己打算重新写一个类似的项目。本着简约至上的原则，加上react带给我的方便，开发了这个项目。 本人做公司的项目也快三年，期间大部分时间在写业务项目，也有一些时间在做基础服务。所以我也算是了解在实际开发中我们的需求是什么，我们真正会用到的组件会有哪些，针对这些痛点，我在这个项目中也有注意到。 我们在写项目的时候最怕的是

super-multi-select(多列选择器) 下载依赖 npm i super-multi-select --save 引用 import Vue from "vue"; import superMultiSelect from "super-multi-select"; Vue.use(superMultiSelect); better-sidebar 组件介绍 属性类型可选值默认值描述options{label: string, value: string}[][]-[]选项数据placeholderstring--默认提示disabledbooleantrue/fal

我在平时工作中也会负责一些代码审查的工作，做的多了，就发现了一个问题：大部分程序员习惯把所有的逻辑都写在vue文件里，所以这就导致一个问题，也就是你项目中的.vue文件的代码会巨多，相反，你的js/ts文件中的代码会没有那么多。如果是一个小型项目当然还好，如果是一个大型的项目，这可能就是维护人员的噩梦了，因为后续的维护成本是巨大的。至于为什么，相信你看完这篇博客就能懂我的意思了。 今天有时间静下心可以写一篇博客，总结了一下日常审过的代码，我们就用这些代码当作案例，分析一下我们以后的coding生涯该如何去避免这些问题。 首先我们想思考一个问题：.vue文件到底是用来干嘛用的？ 我们可以看

今天没意思，学习用taro做了个小程序，一天一句毒鸡汤，提神醒脑，快乐翻倍。 目前就一个页面，可以切换毒鸡汤，支持分享给好友。 后续做打算做成一个平台， 目的就是给我们日常枯燥的工作增添一些欢乐，也会增加一些毒鸡汤上传功能和评审功能。 期待我后续的更新吧。 也欢迎大家关注我的开源项目，react-admin-plus，欢迎star

做前端几年了,也积累了一些方法,今天拿出来和大家分享一下, 希望对大家有用. 使用方法 npm i h5-api --save 引入 import { h5Api } from "h5-api"; * ts项目需要声明类型 方法 1. isFirstEntryEdge() 介绍: 判断是否首次进入页面 参数: 无 返回值: 首次进入返回true,否则返回false 例子: if ( isFirstEntryEdge() ) { do something... } 2. isPc() 介绍: 判断设备是否为电脑 参数: 无 返回值:

今天换了新的next主题，原因并不是以前的不好看，主要是以前的主题ssr收录并不好，博客开了也一年多了，只有主页被收录了， 其他页面并没有被收录。可能是作者没有做这个工作。 当然，之前的主题我还是很喜欢的，复古的风格，而且自己搞了也有挺长时间，装饰了很久，并做了二次封装。下面是仓库地址： 地址 这个主题还是比较潮流的，用户量比较多，集成的东西也比较多，刚刚更换了主题，添加了如下内容： * 添加网易云和关于我页面 * 添加了头像 * 添加了动态背景 * 添加了github, e-mail,微博,博客园,官网等地址 * 添加了鼠标点击特效 * 添加了文章摘要 * 添加了版权声

前几天看了cube-ui的代码，发现了这么一个文件感觉很有意思 怎么看怎么眼熟，有点像自动上传到npm仓库的流程，当我执行了一下package.json下的这行代码更加确定了我的想法 "release": "sh build/release.sh", 我仔细一想，为什么不拿这个脚本去提交代码呢，所以自己也写了一个类似的东西，很简单，也能看懂。 在src下新建一个git.sh的文件，里边写入如下东西： 在package.json的scripts下新增一行代码： "shell": "sh ./src/git.sh" 然后执行 npm run shell 果然，代码被成功推

可能是我眼界较小，没有在市面上见过类似的侧边栏工具，所以想封装一个这样的组件。也是受我们官网的启发，效果如下： 封装思路 1. 由两个组件组成，父组件用来包裹，子组件用来放具体内容（受element-ui组件库的时间线的启发） 2. 支持位置自定义，返回顶部按钮可选 3. 子组件better-sidebar-item可以自定义图标，标题，弹层，跳转链接 4. 弹层内容通过插槽引入 5. 最终效果 目前就能想到这么些东西，封装难度并不大，下面是使用说明： 文档地址 地址 better-sidebar(侧边栏工具) 下载依赖 npm i better-sidebar

经过了一天的折腾，我终于为自己的博客添加上了评论系统。坦率的讲，为什么网上那么多方案我还要自己写一篇博客，那就是因为他们说的都有bug,所以我要自己总结一下。 我选用的是gitalk评论系统，原因是因为它可以直接在github上管理评论，不需要在别的平台注册，特别方便。下面我来详细说一下hexo博客是如何添加gitalk评论的。 先看一下效果： 一、配置github 首先进入github,点击右上角头像【Settings】->【Developer settings】->【OAuth Apps】->【New OAuth App】进行基本配置（一定要细心，看清截图中的红字）。 上面

一、背景 目前公司的电子合同采用表单设计器+合同业务配合实现，做了半年多后终于上线，但是下边员工普遍反映卡顿，甚至卡死，爆栈。尤其是新增和修改合同页面，因为这部分数据量大，逻辑复杂，很容易崩溃，所以决定进行性能优化。 二、业务场景介绍 先来了解一下我们是怎么实现： 1. 因为我们公司合同变换频繁，条款之间还有逻辑，所以做了个基础服务（说白了就是组件库），为合同提供模板 2. 表单设计器作为基础服务，打包成了组件库，嵌入到合同项目，包括合同生成组件（拖拽生成合同模板）和合同预览组件（加载数据库中的合同模板数据） 3. 合同项目有一个模块管理页面，可以对多个模板进行维护，比如可以选择启用哪