SF
前端和设计
前端和设计
注册登录
关注博客
注册登录
主页
关于
RSS
Fomir: 又一个表单轮子
forsigner
2022-03-09
阅读 3 分钟
2.5k
我尝试了很多表单库,比如 redux-form、formik、final-form、react-hook-form、formilyjs... 它们都非常优秀,但和我的理想型总是差一点。我希望有一个具有以下功能的表单库:
Fower: 一个可在 Vue 和 React 方便使用的 CSS in JS 库
forsigner
2021-04-23
阅读 5 分钟
3k
Fower 是一个让你高效开发 UI 的样式工具库,目标是让你写 CSS 不再痛苦。Fower 的核心特点是原子化(Atomic/utility-first)、类型安全(Type Safe)、CSS in JS,它非常注重开发体验,让你快速且开心的开发界面。
Stook-rest:React 异步数据管理思考
forsigner
2020-01-08
阅读 12 分钟
2.2k
八个月前,我曾经写过一篇文章 React 异步数据管理思考,当时我认为使用 React Hooks 管理异步数据是一个更好的选择。半年来我在项目中一直使用这种解决方案,发现这种方案的有点很多:TypeScript 支持度好、代码量少且可读性好、Loading 状态获取容易等。缺点是:1.异步数据的共享不好处理;2.组件承担了太多的业务逻辑。
Stook:极简主义的 React 状态管理库
forsigner
2020-01-07
阅读 5 分钟
3.7k
一年前,2018 年 9 月左右, React hooks 刚发布,那时 hooks 还不是稳定 Api,只能在 16.7.0-alpha.0 版本能用。那时我就预感到,基于 hooks 状态管理解决方案会逐渐崛起,当时我基于 hooks 创建一个我认为理想的状态管理库:stamen。
【珠海】金山软件招聘 前端开发工程/Node.js工程师
forsigner
2019-09-16
阅读 1 分钟
2.4k
工作内容: 参与西山居文旅乐园项目整体后台IT系统的开发与维护工作。 乐园面向游客的小程序、App、网站等系统的开发与维护工作。 与国内外优秀团队合作,将武侠文化在线下发扬光大,让每一位游客感受到真实世界中的无尽快乐。 岗位要求: 2年以上工作经验,逻辑思维能力强,思路清晰,沟通顺畅,学习能力强,有责任心。...
Dahlia:一个现代化的 React 框架
forsigner
2019-05-05
阅读 2 分钟
4.1k
什么是前端框架 React 是什么?按照官方的说法,React 是一个用于构建用户界面的 JavaScript 库,所以它不是一个框架。 在前端中,框架是什么?也许很难下定义,但很容易举例,Angular 就是一个框架。 Dahlia 是什么 Dahlia 是什么?它是一个框架,是一个基于 React 开发的框架。你可以认为它是一个和 Angular 同级别的...
React 异步数据管理思考
forsigner
2019-05-05
阅读 7 分钟
3.7k
异步数据管理一直是前端的一个重点和难点,可以这么说,80%的 web 应用会有异步数请求据并在 UI 中消费,并且在相当多的 web 应用中,处理异步数据是它的核心业务逻辑。
打造前端团队的 React CLI 工具
forsigner
2019-05-05
阅读 2 分钟
12.5k
Angular CLI 和 Vue CLI 是官方推荐的 CLI 工具,可直接在生产环境中使用,但 Create React App 的定位却有点不同,它的目标是让你快速 Set up 一个 React 应用,如果你要在生产环境中使用,因为它的可定制性并不好,你可能要 eject,然后手动维护 webpack 配置。
可能是基于 Hooks 和 Typescript 最好的状态管理工具
forsigner
2018-11-14
阅读 4 分钟
5k
接上一篇:我理想中的状态管理工具 之前说,对于我个人来而言,理想的状态管理工具只需同时满足两个特点: 简单易用,并且适合中大型项目 完美地支持 Typescript 未能找到一个完美满足这两点的,所以我决定自己造了一个:叫 Stamen。 首先是 简单易用,并且适合中大型项目,Stamen 的 Api 设计借鉴了 dva、mirror、remat...
我理想中的状态管理工具
forsigner
2018-11-14
阅读 6 分钟
2.4k
现已存在许多成熟的状态管理解决方案:Redux、Mobx、Mobx-state-tree,还有基于 Redux 的 Dva.js、Rematch... 但对于我个人来说,理想的状态管理工具只需同时满足两个特点:
简洁的 React 状态管理库 - Stamen
forsigner
2018-10-01
阅读 2 分钟
4.1k
说到 React 状态管理,必提的肯定是 Redux 与 MobX,2018 年快过去了,它们依然是最火热的状态管理工具,也有一些基于 Redux 的,如 dva、rematch 等,也有新的,如 mobx-state-tree,这里不对各个解决方案作评价。
开始使用 VSCode 调试
forsigner
2018-08-26
阅读 1 分钟
8.7k
一些由浅入深的 VScode 调试例子,能让你快速理解和上手 VSCode 调试。 为什么使用 VSCode ? 我是深度 vi 用户,之前 Atom 深度使用者,现在基本上转到 VSCode,下面是我选择 VSCode 的原因: 颜值高,早期不如 Atom,现在已经逐渐赶上 vi 支持度好,和 Atom 还差点,但已够用 调试体验好,完爆 Vim 和 Atom 插件多,和 ...
Web-Fontmin -- 在线提取你需要的字体
forsigner
2016-03-14
阅读 2 分钟
28.8k
@font-face是CSS3中的一个模块,使用 @font-face 可以自定义网页字体,即使用户的电脑没有安装某种字体。怎么用 @font-face 呢?你可能见过类似下面的代码片段,它可以让 @font-face 兼容所有浏览器。
怎样打造一个DOM元素位置引擎 (一)
forsigner
2016-03-07
阅读 2 分钟
2.4k
这是一篇早就应该写的文章,但是由于过年前项目紧张,一直没有时间,这个周末决定把这笔债换了。这个项目开始于两个月前,也是花了比较多时间的一个项目,不像前段时间写的 Hexo 主题 fexo ,灵感一现,两个晚上就大体出来了。这也是一个比较有意思的项目,因为它不是一个可以直接用的前端UI组件,它是一个基础UI类库,...
一个极简主义设计的 Hexo 主题
forsigner
2016-02-23
阅读 1 分钟
6.4k
作为设计师出身的前端攻城狮, blog 用着别人的主题终究还是不爽,于是花了两天晚上写了一个 Hexo 主题。 主题 Github 地址:Fexo - A minimalist design theme. Demo:[链接] 主题的特点是: 极简主义设计 去除了各种复杂的元素,总共只有 3 个页面 列表页面借鉴了 Facebook 的 timeline Pure CSS, No JavaScript, No i...
用纯CSS美化radio和checkbox
forsigner
2016-02-18
阅读 1 分钟
15.2k
在CSS出现之前,我们美化radio和checkbox需要借助JavaScript,最具代表性的就是icheck,它功能强大复杂并且主题很多。icheck这种美化方案很好很强大,但是也有很多缺点:
不可错过的Angular scrollbar library
forsigner
2016-02-17
阅读 1 分钟
4.9k
最近,工作中忙于开发一个desktop apps,主要技术基于 electron 和 angular.js 。开发过程中,发现在 Windows 中滚动条巨丑无敌,作为一个设计出身的程序猿,我当然不能忍,于是我用下班时间造了一个 scrollbar 轮子,叫 angular-nice-bar (查看 Demo)。
用JavaScript修复ipa处理过的的png图片
forsigner
2016-02-16
阅读 1 分钟
7.6k
解析上传过程比较简单,我使用JSZip对apk和ipa进行解压,然后把找到里面的icon上传到服务器。但是,当我在网页中使用图片时,问题出现了。对于apk中的icon,没有任何问题,但是对于ipa中解析出来的图片,在safari中可以正常显示,在其他任何浏览器去无法显示。