随笔分类 - 前端技术
摘要：
与其说是年终总结，更像是一场回顾，看看这一年 Fantastic-admin 都做了哪些与众不同的功能，也给大家提供一些创造思路。
阅读全文
与其说是年终总结，更像是一场回顾，看看这一年 Fantastic-admin 都做了哪些与众不同的功能，也给大家提供一些创造思路。
阅读全文
摘要：
在这个三年的时间点上，也就是1100天，我打算继续出来和大家唠唠，这一年我又做了些什么事，或者说，如何把一款好的后台框架变得通用？
阅读全文
在这个三年的时间点上，也就是1100天，我打算继续出来和大家唠唠，这一年我又做了些什么事，或者说，如何把一款好的后台框架变得通用？
阅读全文
摘要：前言 403 页面通常表示无权限访问，与 404 页面代表着不同含义。而大部分管理后台框架仅提供了 404 页面的支持，但却忽略了对 403 页面的处理，有的框架虽然也有对 403 页面的处理，但处理效果却不尽人意。 那怎么样的 403 页面才是即好用，又优雅呢？ 其他框架是怎么做的 1、完全不处理
阅读全文
摘要：序 2020 年 10 月 17 日，我正式发布了 Fantastic-admin 这款基于 Vue 的中后台管理系统框架。在这两年多的时间里，我陆续写了几篇我在开发这套框架中的一些心得和技术总结： 2020 年《我是如何设计后台框架里那些锦上添花的动画效果》 2020 年《一劳永逸，解决基于 ke
阅读全文
摘要：前言 做 Vue 开发脱离不了路由，尤其是中大型项目，页面多且杂，在配置路由的时候总是会变得逐渐暴躁，因为费时，并且又没有什么太多技术含量，总觉得是在浪费时间。 另外如果接手了别人的项目，当业务有变更，或者测试反馈有 bug 。通常需要先要根据页面 URL 去找到对应配置的路由，然后对照 compo
阅读全文
摘要：序 过去一年，我参与了大大小小若干个后台系统的开发。在开发过程中，也发现了一些传统后台框架无法解决的一些体验上的痛点，如： 如何提升页面空间的利用率，尤其是当展示内容较少时，尽可能减少页面留白 如何提升跨模块的操作效率，减少模块间频繁的页面跳转 带着这几个问题，我开始构思并开发了一款采用全新交互方式
阅读全文
摘要：
前言 如果 2021 年你还没有听说过 Fantastic-admin ，那即将到来的 2022 年可不要再错过了。 Fantastic-admin 做为一款开箱即用的 Vue 中后台管理系统框架，距离首次面向大众已经过去一年多的时间了，在这一年多的时间里，我们服务了数百个团队和个人开发者，应用在近
阅读全文
前言 如果 2021 年你还没有听说过 Fantastic-admin ，那即将到来的 2022 年可不要再错过了。 Fantastic-admin 做为一款开箱即用的 Vue 中后台管理系统框架，距离首次面向大众已经过去一年多的时间了，在这一年多的时间里，我们服务了数百个团队和个人开发者，应用在近
阅读全文
摘要：相信已经有不少小伙伴已经开始用 Vue3 做开发了，也一定使用上 Vite 了，而我今天要介绍的这几款插件，能让你在使用 Vite 做开发时如虎添翼。 vite-plugin-restart 通过监听文件修改，自动重启 vite 服务。 最常用的场景就是监听 vite.config.js 和 .en
阅读全文
摘要：如果你还不知道 Fantastic-admin 是什么，那么我先用几张预览图给大家了解一番。 看来预览图，如果你感兴趣，可以点这里来详细了解并试用，这是一款完成度极高，开箱即用的后台框架，并且刚刚发布了 Vue3 版本支持。 回归正题 vue-element-admin 做为一款知名度相当高的后台框
阅读全文
摘要：在后台框架同质化的今天，我是如何思考并做出差异化的
阅读全文
摘要：寄语 这个项目是我在刚入程序员这行时，为了学习 jQuery 而写的一个练手项目，随着功能一点点的完善，也发现并拓展了一些商业价值。做为一款曾经的付费项目，它给我带来过不错的收益，其中不乏有BAT中的T厂也曾向我采购过此项目。 但由于技术发展和业务更新，这个项目也逐渐不被市场所需要，昨天帮我续费域名
阅读全文
摘要：前言 你知道光是基于 Vue 的后台框架在 Github 上有多少个仓库么？ 如果你搜索 vue admin 会得到 13120 个仓库，如果用 vue 后台 会得到 7596 个仓库，如果把两者结合一下，搜索 vue admin 后台 也还是能得到 2719 个（以上搜索统计截止至 2021/1/
阅读全文
摘要：众所周知，虽然 Vue CLI 提供了脚手架的功能，但由于官方的脚手架过于简单，生成好的项目在实际项目开发的时候，还需要做很多事情，而 vue-automation 就是来解决这一痛点，让你的开发效率至少提升 50% 以上 这是什么 vue-automation 是一款开箱即用的 Vue 项目模版，
阅读全文
摘要：用过 vue-element-admin 的同学一定很清楚，路由的配置直接关系侧边栏导航菜单的展示，也得益于这种设计思路，几乎大部分后台框架都采用这个方案，当然也包括了我写的 Fantastic-admin 这个中后台框架。 但这个方案有个明显的问题，就是为了实现多级侧边栏导航菜单，则需要将路由配置
阅读全文
摘要：CSS3 的 transform 和 transition 让开发者可以轻松实现转场、过渡的动画效果，但这并不代表谁可以做出一个流畅、清晰的动画效果。 在这篇文章里，我尝试在 Fantastic-admin 后台框架里去增加一些锦上添花的动画效果，并会分享我的设计思路。 本文观点为作者主观看法，有不
阅读全文
摘要：一直以来，我司的前端都是用 php 的 include 函数来实现引入 header 、footer 这些公用代码的，就像下面这样： 直到最近某个项目需要做一个 webapp，是通过 HBuilder 将静态页面打包成 APP，这就让我碰到难题了。 如果是小项目，那就直接手动多复制粘贴几遍，但如果页
阅读全文
摘要：这是个客户的需求，具体大概是可以在一个 24*8 的点阵图上自由绘制图形，然后数据的存储是按列依次记录，用0和1分别表示是否选中，最终串成一个字符串。 整体需求难度并不复杂，所以在写demo的时候就尽可能增强了一些扩展性，比如点阵区域可以自由设置；点阵图案绘制可以按住鼠标拖拽，增加的数据清空功能。
阅读全文
摘要：自己用 art-template 有些年头了，最近在培养团队学习 art-template 使用，发现有一个痛点比较难解决。 比如有一个模版，我们可以直接写在页面中，像这样： 但如果这是个公用的模版，在很多页面需要用到，那就不能直接写在页面中了，不然就得复制很多份了，那就只能写到 js 文件里，做为
阅读全文
摘要：这是一个在操作系统里比较常见的功能，但在web里实现，有哪些需要注意的呢？ 1、如何真正的实现锁屏？ 2、如何避免通过技术手段绕过锁屏？ 我个人总结出2点需要特别注意的地方，下面就分别进行分析。 第一点，“如何真正的实现锁屏”，浏览器有个特性，就是可以多开窗口（或tab标签页），这就意味着单纯的靠js和css进行html对象的操作，实现隐藏是不够的，因为如果用户依旧处于登入状态，其他人只需重新开个页面，或者刷新一下，就又变回未锁屏状态了。所以，第一点的解决办法就是，前端通过js和css进行html对象操作的同时，后端需要将当前用户登出，这样用户就处于登出状态了，并且通过锁屏界面解锁...
阅读全文
摘要：在web桌面程序里，图标拖动并重新排序是个比较常见的功能。这个功能我之前反复修改了好几遍，现在终于整理出了比较理想的解决思路，决定拿出来分享下。 这一功能主要有哪些难点呢？我总结了一下一共有2处难点： 1、如何知道被拖动的图标在拖动结束后处于哪个位置 2、知道拖动结束后图标的最后拖动位置，如何判断是
阅读全文