SF
前端小生的成长记录
前端小生的成长记录
注册登录
关注博客
注册登录
主页
关于
RSS
纯前端生成Excel文件骚操作——WebAssembly & web workers
Marckon
2021-12-03
阅读 4 分钟
5.6k
SheetJS是用于多种电子表格格式的解析器和编写器。通过官方规范、相关文档以及测试文件实现简洁的JS方法。SheetJS强调解析和编写的稳健,其跨格式的特点和统一的JS规范兼容,并且ES3/ES5浏览器向后兼容IE6。
svg实现react/rax圆环倒计时进度条组件code snippet
Marckon
2021-08-19
阅读 2 分钟
3.4k
效果:不用svg几乎都是需要有额外的元素遮挡实现,但没有办法做到半透明圆环效果。纯svg画,加宽path的stroke宽度视觉上呈现圆环。(是不是高中学过的三角函数快忘光了?)
聊聊APNG
Marckon
2021-04-13
阅读 6 分钟
7.1k
背景apng逐渐成为大部分业务实现复杂动效、动画的方案。这种方案有下面几个优点:相比于gif,画质更好,尤其对于带透明度的图片。具体比较请自行google本身其实是一个png文件,在不支持apng的设备上时,能降级显示一个png静图(后面会讲到)可以直接作为img标签插入到网页中去,无需逻辑控制动画,开发成本低直接由设计...
TS项目搭建所需配置总结
Marckon
2019-10-18
阅读 2 分钟
8.3k
TS项目搭建所需配置总结 tsConfig.json 文件 文档链接 🔗 该文件存在于项目的根目录下,用于指定编译项目所需的文件和编译选项。 compilerOptions:编译选项 文档地址 常用的比如: 配置 含义 "jsx": "react" 在tsx文件中支持react的jsx语法 "baseUrl": "." 解析非相对模块名的基准目录。 "paths":{"@/*": ["src/*"]} 模...
React Native 搭建开发环境踩坑
Marckon
2019-07-29
阅读 2 分钟
4.2k
刚准备开始学ReactNative,搭建开发环境就给我来了个下马威。不禁让我想起当时刚开始学react的时候,所有的包要么安装失败,要么安装好了起不来项目。最后甚至第一个react项目怎么起来的我都记不清楚了。但万事开头难,尤其是需要各种环境配置的操作。本地一旦初始化第一回,今后就基本上不用太担心项目跑不起来的问题了...
踩坑完全指南(长期更新)
Marckon
2019-07-15
阅读 1 分钟
1.7k
目前,antd@3.x 版本的Table列宽度只支持string或number设置,而大部分情况,表格通常会布满某一个弹性容器,这使得我们不知道表格的真实宽度。并且由于不能对Column使用ref或style,在这种情况下如果想按照比例设置列宽度就颇为头疼。我找到了一个比较hack的方法: 使用render渲染列内容,然后通过子元素的ref找到父节点...
从GGEditor的一个案例看JS原生拖拽功能
Marckon
2019-06-24
阅读 2 分钟
5.9k
拖拽操作平时用的比较少,在最近的一个项目中使用到了,并且踩了一些坑,本文做一个简单的总结。涉及部分G6的API,不会对理解全局产生干扰。 需求概述 如下图所示,左侧为GGEditor元素面板React组件,右侧为G6画布,现需要将元素从「元素面板」中拖拽到「画布」上。要求: 拖拽时蓝色虚线框和元素面板的对应元素尺寸相同...
优质文章汇总(长期更新)
Marckon
2019-05-28
阅读 1 分钟
3k
Serverless 1. 阿里蒋航:Serverless 将使前后端从分离再度走向融合 阅读原文 2. Serverless 掀起新的前端技术变革 阅读原文 TypeScript 1. 【速查手册】TypeScript 高级类型 cheat sheet 阅读原文 工程化 1.从头搭建一个react项目 阅读原文 2.30s学会向npm发布TypeScript项目 阅读原文 2.package.json文件 聊聊package....
React组件卸载、路由跳转、页面关闭(刷新)之前进行提示
Marckon
2019-01-16
阅读 2 分钟
34.2k
React组件卸载生命周期、路由跳转和页面关闭三者看起来有些类似的地方,比如都是当前组件即将从视口消失,但实际上所触发的事件均不相同。以一个实际案例出发:
React Hooks实现异步请求实例—useReducer、useContext和useEffect代替Redux方案
Marckon
2018-11-30
阅读 5 分钟
21.9k
本文是学习了2018年新鲜出炉的React Hooks提案之后,针对异步请求数据写的一个案例。注意,本文假设了:1.你已经初步了解hooks的含义了,如果不了解还请移步官方文档。(其实有过翻译的想法,不过印记中文一直在翻译,就是比较慢啦)2.你使用Redux实现过异步Action(非必需,只是本文不涉及该部分知识而直接使用)3.你听...
帮你理清React的生命周期
Marckon
2018-11-28
阅读 2 分钟
8.2k
整体上来讲,React生命周期分为了 挂载(装配) 、 更新 、 卸载 以及 捕错 四个状态阶段。每种状态里需要执行若干个生命周期函数,这些函数可能会在不同的阶段里重新被调用。
React-Redux 中文文档
Marckon
2018-11-19
阅读 37 分钟
82k
React-Redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据,并且向store分发actions以更新数据
Babel配置的不完全指南
Marckon
2018-10-12
阅读 2 分钟
2k
不需要再去手动安装babel-preset-es2015或其他年份,安装@babel/preset-env即可,相当于使用了最新版本的javascript