KID-1912’s Blog

初来乍到，请多指教

移动Web开发 视口设置 <meta name="viewport" content="width=device-width,viewport-fit=cover,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta name="viewport" content="width=device-wid...

Posted by KID-1912’s Blog on December 2, 2024

Lottie

一个适用于 Android、iOS、Web 和 Windows 的库，可以解析用 Bodymovin 导出为 JSON 格式的 Adobe After Effects 动画，并在移动设备和网络上进行原生渲染！

Lottie Lottie官网 Lottie动效 安装 npm i lottie-web -S 基础使用 加载动画到DOM lottie.loadAnimation({ container: trophyAnimationContainerRef.value, // 动画挂载DOM，将被动画svg撑起 path: trophyAnimationJson, // 动画 j...

Posted by page on December 1, 2024

区块链基础

通过后一个区块对前一个区块的引用，并以加密技术保证了区块链不可修改

区块链基础 区块链（Blockchain）技术源于 比特币。为了保证每笔交易可信并不可篡改，它通过后一个区块对前一个区块的引用，并以加密技术保证了区块链不可修改。 本质：一个分布式的，不可篡改的数据库； 特性：天生具有可验证、可信任的特性 用途：不但可用于支持比特币等数字货币，也可用于数字身份验证，清算业务等传统的必须由第三方介入的业务，从而降低交易成本（当然也增加了另一些成本）。 ...

Posted by page on November 1, 2024

Vue3 with Typescript

为 vue 项目使用 TypeScript 能力

Vue3 Typescript vite-ts-template 定义组件 没有结合 <script setup> 使用组合式 API 时，通过 defineComponent 定义组件，以便TypeScript 正确地推导出组件选项内的类型 export default defineComponent({ // 启用了类型推导 props: { name...

Posted by page on September 27, 2024

Firebase

由 Google 提供的移动和 Web 应用开发平台，提供数据库、身份验证、托管等多种服务，帮助开发者快速构建和优化应用

Firebase Firebase官网   Firebase控制台 Firebase应用 引入 npm install firebase --save 初始化 Firebase 控制台创建项目并添加应用，本地项目初始化逻辑： // Import the functions you need from the SDKs you need import { initializeA...

Posted by page on August 27, 2024

React鉴权

React项目的登录/权限验证实现

React鉴权 登录验证 登录状态 context实现 import { UserProvider } from "@/context/user.tsx"; export default function App() { return ( <UserProvider> <Router></Router> </...

Posted by page on August 27, 2024

TypeScript开发

TypeScript开发汇总

TypeScript开发 CSS Module 默认无法将 CSS/SCSS Modules作为TypeScript有效类型，需要额外声明类型： declare module '*.scss'; typescript-plugin-css-modules  使TypeScript 项目中支持 CSS 模块，更能提供自动补全的插件： "compilerOptions": { "...

Posted by page on August 21, 2024

React开发

用于构建 Web 和原生交互界面的库

React ReactApp import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App.tsx"; const container = document.getElementById("root") as HTMLDivElement; ReactDOM.cre...

Posted by page on August 21, 2024

react-router

react路由管理库

React Router官方文档   中文文档 核心库：路由管理的核心库，提供了路由的基本功能和 API。 平台无关：可以在任何 React 环境中使用，包括 web、native、electron 等。 react-router-dom Web 专用：基于 react-router 提供的核心功能，添加了与 DOM 相关的功能和组件。 附加组件：提供了 BrowserRouter...

Posted by page on August 21, 2024

SpringSecurity+JWT

Spring Security框架我们主要用它就是解决一个认证授权功能

Spring Security 工作流程 Spring Security 的web基础是Filters，即通过一层层的Filters来对web请求做处理。 一个web请求会经过一条过滤器链，在经过过滤器链的过程中会完成认证与授权，如果中间发现这条请求未认证或者未授权，会根据被保护API的权限去抛出异常，然后由异常处理器去处理这些异常。 Spring Security 自带的过滤器...

Posted by page on July 20, 2024

FEATURED TAGS
JavaScript 类库 vue
ABOUT ME

弱者道之动 反者道之用

✉️ heyutongxue@gmail.com

FRIENDS