随笔分类 - 前端技术
摘要:
与其说是年终总结,更像是一场回顾,看看这一年 Fantastic-admin 都做了哪些与众不同的功能,也给大家提供一些创造思路。
阅读全文
![一款后台管理框架的年终总结](https://img2024.cnblogs.com/blog/277258/202402/277258-20240205122701177-230087971.png)
摘要:
在这个三年的时间点上,也就是1100天,我打算继续出来和大家唠唠,这一年我又做了些什么事,或者说,如何把一款好的后台框架变得通用?
阅读全文
![用1100天做一款通用的管理后台框架](https://img2023.cnblogs.com/blog/277258/202310/277258-20231031082011867-40711578.png)
摘要:前言 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 中后台管理系统框架,距离首次面向大众已经过去一年多的时间了,在这一年多的时间里,我们服务了数百个团队和个人开发者,应用在近
阅读全文
![爆款预订,2022 年最值得关注的后台框架 —— Fantastic-admin](https://img2020.cnblogs.com/blog/277258/202112/277258-20211220091232295-1558420756.png)
摘要:相信已经有不少小伙伴已经开始用 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、知道拖动结束后图标的最后拖动位置,如何判断是
阅读全文