HomeAuthorContactSearch

CSS position:sticky 完全解读

CSS position:sticky 完全解读

2020-05-30 09:47:33

1839 words

Sticky positioning is a hybrid of relative and fixed positioning. The element is treated as relative positioned until it crosses a specified thresh...

处理异步请求的最佳实践

处理异步请求的最佳实践

2020-04-07 11:20:34

1675 words

获取详细代码在一般情况下,我们调用异步方法后会有某些标识用于提示用户。比如表单点击确定后按钮会变成loading或disabled的状态,请求成功或失败总会有些提示给到用户。首先我们声明一个示例异步函数// 一个一秒内返回的异步函数 // 二分之一的几率成功返回随机字符串 const asyn...

💅 打造最优雅的主题系统

💅 打造最优雅的主题系统

2020-03-30 04:52:56

3210 words

代码仓库几乎所有完善的组件库都有一个强大的主题系统,开发者对主题进行个性化的配置就可以改变整个组件库的风格。除了组件库,主题系统在Web应用中也很重要,一个好的主题系统可以帮助我们:减少零碎的样式,有利于项目维护;提高应用的一致性;统一管理全局样式,减少心智压力。这篇记录了我在开发组件库时在主...

9102年了,前端怎么做数据处理?

9102年了,前端怎么做数据处理?

2020-06-23 11:24:41

1996 words

写前端经常会遇到做数据展示的场景。一般情况下,数据的处理由后端处理,前端只需要传递相应参数。不过因为前端框架已经趋于成熟,少量的数据处理倾向在前端处理。那么,是否有通用的数据处理逻辑,这个逻辑能不能抽象称为一个可复用的工具?什么是数据处理首先我们要明确,数据处理是什么。一般情况下,数据的处理...

静态页面开发新姿势

静态页面开发新姿势

2019-12-03 04:52:59

1379 words

到目前为止,前端开发方法有以下几种:传统静态页面:不使用框架,手撸DOM;传统服务端渲染:HTMl作为模板,由服务端渲染完成;单页应用:使用MVVM框架前端渲染;项目特点所谓静态页面项目,只项目中大多数为无交互逻辑的展示型页面。如产品介绍,官方网站,内容发布等项目,都属于静态页面项目。结合业务...

优雅地管理 Git Commit Author

优雅地管理 Git Commit Author

2019-10-31 02:21:06

184 words

因为author配置在开发者本地的global git config中,在多种场景并存的机器中会经常出现author忘记换的尴尬事情。最理想的情况是:在不切换用户的情况下,实现不同项目使用不同author。我的解决方案是:全局配置中除了默认的author,同时引入其他文件夹的配置,实现不同文件...

纯前端导出PDF

纯前端导出PDF

2019-10-26 09:06:49

730 words

绘制PDF是一个复杂的工作,类似于图像处理。一般由服务端调用某些工具绘制,生成的PDF文字可复制。在少数的情况下(后端太懒),需要前端生成PDF。首先面临的问题是,一般绘制PDF的库并不支持中文,需要导入庞大的字体文件,正常的绘制方法行不通。目前比较可行的办法是使用canvas将元素绘制出来再...

Vue应用设计模式

Vue应用设计模式

2019-12-26 03:28:19

3490 words

过去的两个月,我一直在思考如何合理有效地组织大型Vue项目,每次总结出一套模式,刚好有项目来给我练手。经过反复的锤炼,终于总结出一套适合我当前业务领域的单页应用设计模式。模块化模块化是一定要的,模块化的好处我就不做过多的介绍了。由于我以前深陷于传统Web的开发,自然受到了影响,所以理所当然以页...

新一代命令行工具 - Fish Shell

新一代命令行工具 - Fish Shell

2019-09-02 06:23:44

832 words

还在用 oh-my-zsh?试试 fish shell!相比传统bash、zsh等命令行工具,fish保留了绝大部分函数,优化了脚本逻辑语法。如果只是喜欢omz的插件,很少写脚本,可以无缝迁移至fish。

Mac OS 开启外接显示器 HiDPI

Mac OS 开启外接显示器 HiDPI

2019-05-05 02:33:41

199 words

转载自 https://wacky.one/blog/macos-hi-dpi/#one-key1. 打开系统HiDPI$ sudo defaults write /Library/Preferences/com.apple.windowserver DisplayResolutionEnab...

Git - 优雅地commit

Git - 优雅地commit

2019-09-09 07:45:28

555 words

Git不仅仅是储存代码,多人协同开发的工具。即使某个项目只有一个开发者,Git对他来说也至关重要。正确地使用Git,优雅地使用Git,对自己和他人都有重要的意义。基础就不多赘述了。廖雪峰 & Git-Flow何时commitcommit不能太频繁, 一个功能写到一半,或者新增的文件存在...