0%

简介 基于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. 合同项目有一个模块管理页面,可以对多个模板进行维护,比如可以选择启用哪
阅读全文 »