Skyphobia

随便记俩坑:在 react 中集成 reveal.js 和其 markdown 插件

Front-EndReactreveal.jsmarkdown

这两天在帮公司的前端文档工具做一个基于 reveal.js 的在线 slides 扩展功能,由于文档的核心渲染和编辑用的是 rich-markdown-editor 这个库,而这个库又依赖的是 react。一来二去,结果就是要把 reveal.js 集成到这个 react…

阅读全文

在 Vite 中使用 babel 插件

Front-Endvitebabelbabel-plugin-importantd

熟悉 vite 或者 snowpack 这两个打包工具的同学应该知道,这两者都抛弃了开发环境(甚至可以是生产环境)打包代码后运行的思路,利用 JavaScript Module 以及基于现代浏览器对标准的支持,实现了快速构建项目的特性。

阅读全文

Vue 组件封装指南(三)——隔代传值(provide & inject)

Front-EndjsVue

我们在使用 Element UI / iview 等 UI 框架的表单组件时,往往会根据业务对表单的布局进行一些修改,比如:

阅读全文

Vue 组件封装指南(二)——高阶组件

Front-EndjsVue

From Transparent Wrapper component to High-Order Component

阅读全文

无责任分享一些Vue的奇技淫巧(二)

Front-EndJavaScriptVue2.xVue3.x

以下任何内容请在家长陪同下观看,不要轻易在生产环境中尝试。

阅读全文

Vue 组件封装指南(一)——透明封装组件

Front-EndjsVue

What is Transparent Wrapper Components?

阅读全文

在网页上给用户找点刺激吧——Vibration API(振动 API)

Front-EndHTML5Vibration振动

在给文章找封面图的时候总是会出现バイブ (大家知道是啥意思就行了) 的结果,搞得有点尴尬,明明我搜的是 vibration 呀...

阅读全文

前端如何检测系统黑暗模式(dark mode)

Front-EndCSSJavaScript

iOS 13 发布至今,除了带来无以计数的 bug 以外,还带来了在 Andorid Q 中就先一步实现的暗黑模式(dark mode)。基于 OLED 屏幕的特性,暗黑模式相对来说更为省电,良好的设计也能在黑夜中为用户提供更好的视觉体验。因此,在过去的一段时间里,各大 app…

阅读全文

打开新窗口的正确姿势

Front-EndJavaScriptHTMLWEB安全

说起打开新窗口(标签页),大家最常用的大概是window.open和target="_blank"。然而产品经理总有一万个理由说服你在各种场景下实现这个功能。于是在经历成百上千次的重复劳作后,你会发现“打开新窗口”这一件小事,似乎并没有说起来的那么轻巧。

阅读全文

无责任分享一些Vue的奇技淫巧(一)

Front-EndJavaScriptVue

以下任何内容请在家长陪同下观看,不要轻易在生产环境中尝试。

阅读全文

CSS学习笔记(渐变色文本)

Front-EndCSSSVGHTML5

曾经在《利用 Canvas 实现网页文字颜色渐变》一文中提到过用 Canvas 解决非 webkit / blink 内核浏览器展示渐变色文字的方案。

阅读全文

利用Canvas实现网页文字颜色渐变

Front-EndHTML5Canvas

过去我们做前端页面时碰到渐变色字体的时候都是用图片展示的,准备好现成的图片往页面上一贴就完事儿了。

阅读全文