Lottie动画:从制作到播放 Lottie 是由 Airbnb 开源,适用于 iOS、Android 和 React Native 的移动库。它解析 Adobe After Effects 动画,使用 Bodymovin 将这些动画导出为 json,并在移动设备上本地渲染它们!这里主要介绍如何制作 lottie 动画,通过脚本动态修改动画内容。 2023-09-18 前端开发 #JavaScript #动画 #Lottie #AE #前端动画
桌面客户端插件可扩展架构 插件式可扩展架构是一种设计应用程序的方法,可以在运行时动态加载和卸载插件。该架构的目的是使应用程序更加灵活和可扩展。使用插件式可扩展架构,应用程序的各个部分可以独立开发和更新,而不需要对整个应用程序进行修改或重新编译。 2023-09-09 架构设计 #Electron #桌面应用 #插件架构 #架构设计
基于 editorjs 块编辑器开发及跨平台数据渲染 editorjs 块编辑器的开发核心是插件系统,本文主要介绍 inlineTool、blockTool 插件编写,以及将富文本解析为 JSON,实现跨平台渲染。 2023-08-22 前端开发 #JavaScript #富文本编辑器 #Editor.js #插件开发
使用WSL在Windows上安装Linux 安装使用 wsl –install 命令安装的新 Linux 安装将默认设置为 WSL 2。 查看有效分发列表123456789101112131415161718PS C:\Users\DELL> wsl --list --online以下是可安装的有效分发的列表。请使用“wsl --install -d <分发>”安装。NAME 2023-06-19 运维部署 #Linux #运维 #Windows #WSL
主流WEB前端框架兼容性 浏览器平台/发布年份 年份 Android Chrome Safari Firefox IE 2018 9.0 64 - 71 12(对应iOS12) 58 - 64 2017 8.0 - 8.1 56 - 63 1 2023-04-12 前端开发 #Vue #React #浏览器兼容性 #Vite
Polyfills 一、Babel Polyfill 与 core-js 概述在现代前端开发中,我们使用 ES6+ 甚至 ES202x 的新语法和 API 编写代码,但为了兼容旧版浏览器(如 IE、老版本 Chrome/Firefox),需要引入 Polyfill(垫片) 来为这些环境“补充”缺失的原生方法。 core-js 是目前业界最主流、模块化程度最高的 JavaScript 标准库 polyfill 2023-04-11 前端开发 #JavaScript #前端 #Polyfill #Babel #core-js
贝塞尔曲线 引言贝塞尔曲线(Bézier Curve)是现代图形设计中定义平滑曲线的核心工具,由法国数学家皮埃尔·贝塞尔(Pierre Bézier)在20世纪60年代用于汽车车身设计,如今已广泛应用于UI设计、动画路径、字体渲染等领域。 在Canvas中,我们可以通过原生API轻松绘制2阶和3阶贝塞尔曲线,甚至可以自行实现更高阶的曲线。本文将从原理到实战,带你彻底掌握Canvas中的贝塞尔曲线。 一、2阶 2023-03-31 前端开发 #JavaScript #Canvas #贝塞尔曲线 #图形绘制
油猴插件之表格数据获取 插件的作用是辅助我们精准且快速获取信息,提升效率。表格数据获取核心逻辑都在python后台程序。主要流程如下: 将交互按钮插入页面 点击按钮后发送页面信息到后台 后台通过插件获取数据并清洗 存入数据库 2023-03-13 工具使用 #Python #油猴插件 #Tampermonkey #爬虫 #数据抓取 #Flask