链滴
社区愿景和功能特性
优雅的 Markdown 所见即所得编辑
快捷键交互
随时自由编辑分享内容
支持注销账号来去自由
分布式社区网络
开放 API
产品
Symphony 社区系统(Java)
Solo 博客系统(Java)
Vditor 编辑器(TypeScript)
思源笔记(Electron、Go)
Pipe 博客平台(Vue、Go)
发展计划表
发展简史
榜单
GitHub 仓库排行
帖子打赏排行
Solo 博客端排行
积分排行
活跃度排行
贡献排行
本站基于开源项目 Sym
编程代码问答
登录
注册
好玩
前端
后端
工作
B3
推介
查看所有领域
Vue.js
webpack
Node.js
HTML
CSS
JavaScript
Angular
React
Flutter
思源笔记 v3.0.17 发布,支持 Windows arm64 和 Linux arm64
概述 该版本支持了 Windows arm64 和 Linux arm64,改进了网页剪藏,修复了一些缺陷并改进了许多细节。 变更记录 以下是此版本中的详细变更。 改进功能 [链接] [链接] [链接] [链接] [链接] [链接] [链接] 支持 Windows arm64 支持 Linux arm64 改进导入 M ..
3.5K
4 周前
分享一个最近撸的一个扫雷小游戏
前段时间想玩扫雷小游戏,复古怀旧的那种,在网上找了一圈,要么太花哨了,要么太简陋,还挂了一堆广告,总之没找到满意的。 自己用的 mac,而且 window98 系统也不太好搞得到,决定自己撸一个! [图片] [图片] 特性: 具备经典扫雷游戏的所有功能 Win98、WinXP 风格界面 原声声效:默认关闭 游戏记录:自 ..
405
8 个月前
VUE 和 React 混用导致 TSX 报错的原因
I tried a demo in an existing project. This project is not a pure React project, and I'm not very familiar with React. I created a TSX file with the code as fol ..
189
1 年前
【FCM 与 APN 接入】使用 Expo 的推送服务接入 ReactNative 项目
接入前准备 本文使用 Expo 开发,使用 dev-client 构建来进行的真机测试。 由于通知服务只支持物理设备,所以为了方便调试,使用 eas 的开发构建打包 需要一个谷歌账号,一个苹果开发者账号,iOS 真机,Android 真机调试。 需要 Firebase 云消息服务(FCM),APN(苹果通知)。 接收推 ..
287
1 年前
ReactNative 接入 walletConnect 后出现 ReferenceError: Can't find variable: TextEncoder 解决方法
使用最新的 wc 协议 rc2 后,按照官方流程添加了补丁还是报这个问题。注入 APP 全局变量后还是报错。 最后尝试在 node 包里的下文件: node_modules/multiformats/cjs/src/codecs/json.js 顶部加入以下包 import * as encoding from 'te ..
176
1 年前
【海狸 ETH 钱包开发笔记】记录一下一个 ETH 钱包开发进度 (支持 walletConnect) 已完成。
前言 从简单着手,慢慢来,最开始我是写了一个关于 IPFS 的小应用,主要是熟悉存储的概念与流程。(起初对 NFT 应用比较感兴趣),现在准备从钱包入手为了多熟悉一下钱包交互,后面如果工作是 dapp 也能有帮助。 目前要做的是 ETH 钱包,名字叫海狸 🦫,核心功能: 1.多账户钱包管理(创建钱包,导入钱包) 2. ..
199
1 年前
【envato】业余发布了一个 ReactNativeBookingUI 模板基于 Expo 开发的,已上线到 envato,
omiBeaver Booking - mobile React Native travel app template BookingUI is a set of ReactNative UI suite, which is suitable for house rental, hotel and other proj ..
154
1 年前
【Expo 小记】修复:使用预先准备的 SqliteDB,Android 真机与 Expo Go 正常,iOS 模拟器与真机无法找到该数据库的问题:File not database.
这几天写了一个粤小词词典应用,打算做个离线版的,于是使用了自己的 sqliteDB 文件。 Android 上一切正常,Expo Go 调试正常,一到 eas build iOS 就文件不是数据库文件。 如果直接解析 DB 后缀的是没法使用的,更改一下 Metro 的配置,支持 db 文件,也可以项目使用其他的。 ` ..
163
1 年前
发给你的好友,让 TA 请你吃炸鸡!
整活了,可以通过 App ( iOS + Android )来快速拷贝疯狂星期四文案了。 另外呢,虽然是 RN 的项目,也给正在学习 React 的孩子一些启发。 源码如下: [图片] GitHub - shensven/Crazy-Thursday: 🎉 发给你的好友,让 TA 请你吃炸鸡! 🎉 发给你的好友,让 ..
674
1 年前
个人随意编写的组件库——Casual UI,支持 Vue3+、React17+、Svelte3+
Github [图片] GitHub - Casual-UI/casual-ui: An ui components lib that supports React17+, Vue3+ and Svelte3+ An ui components lib that supports React17+, Vue3+ and ..
540
2 年前
React Router 6 (React 路由) 最详细教程
[图片] React Router 经历多个版本的发展,现在已经到了 React Router 6。虽然网络上写 React-Router 路由本身的教程很多,但真正讲到 React-Router 6 的并不多。同时因为第 6 版引入了很多新的概念,以及大量使用 Hook,因此网上的很多旧教程已经不实用了。这篇文章里我 ..
223
2 年前
最好的 6 个 React Table 组件详细亲测推荐
[图片] 本文首发卡拉云技术博客:《最好的 6 个 React Table 组件详细亲测推荐》 在日常开发中,特别是内部使用的后台系统时,我们常常会需要用表格来展示数据,同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好,但如果要在 React 中实现一个功能丰富的表格,其实是非常不 ..
238
2 年前
最好的 6 款 React 后台管理系统模板和框架
[图片] 本文首发:《最好的 6 款 React 后台管理系统模板和框架》 React admin 框架繁多,在本文里我们介绍 React 下最好的 6 款后台系统,每款均严格测试后,整理它们的优缺点方便你来挑选。同时我们给出一些实用建议,帮你避免选型时不注意可能导致的埋坑。 为什么后台系统极其重要 一个成熟好用的后台 ..
210
2 年前
HV-Com——一个全程使用 Vditor 的评论系统
HV-Com WIP - 功能和结构可能迅速变化,且兼容性不被保证 [链接] 简介 HV-Com 是一个使用 TypeScript 编写的评论系统。它使用 [链接] 作为 markdown 编辑器,[链接] 作为 markdown 引擎。 特性 HV-Com 的 HV 有很多个意思: HeaVy - 这套评论系统的规模 ..
659
2 年前
React Vue Web 前端主流技术栈⽐较
在底层的前端框架领域中,最早是 jquery 称霸互联网,近几年 MVVM 类型的框架慢慢成为主流,Vue、React 和 Angular 三大框架并驾齐驱。可以说,目前这三种是开发者用的最多使用最广的底层框架,也由此衍生了大量基于这些框架的 I 库。 这些年不断有新的框架冒出来,又不断有旧的框架被淘汰,在这里重点总结 ..
490
2 年前
开源一个 PoemKit 工具包, 基于 React 从零完整构建一个前后端分离网站
打杂到一定时候,也要总结总结,4 年前 UI 工作做得蛮多,目前开发工作接触的蛮多,其实就是为了项目的落地不求人,不知不觉学了些东西,闲暇之余做了一些东西。 今天有无数的 React UI 工具包和库。那面对这么多选择,面对新的项目挑战,我下一步应该做什么?是学习新框架,还是自己造轮子,还是去挖掘一些工具,总之,我需要 ..
249
2 年前
90% 高仿 iOS 天气 APP
高仿 iOS 天气 [图片] [图片] demo Demo 如有加载不出来,请科学学习 ImitationiOSWeather: 90%Imitation iOS Weather (gitee.com) ImitationiOSWeather: 90%Imitation iOS Weather (github.com) ..
311
2 年前
vite 构建 react 项目——与 webpack 构建进行对比
为什么使用 vite https://cn.vitejs.dev/ 开发时能提高效率。 vite 让浏览器接管了打包程序的部分工作,以原生 ESM 方式提供源码。所以 vite 只需要在浏览器请求源码时进行转换并按需提供源码,根据情景动态导入代码,即只有在当前屏幕上使用时才会被处理。 安装 npm init vite@ ..
316
2 年前
快速学会使用 react redux
redux 的快速使用 这里以在 react 当中的使用为例。 搭配 React Router 一般都会使用 react router ,以便于路由处理器可以访问 store。尤其是在需要时光旅行和回放 action 来触发 URL 改变的需求下。 从 React Redux 导入 Provider : import ..
186
2 年前
redux 概念简述
如果已经简单了解过 redux 的概念,可以直接看 redux 的快速使用。 redux 的核心概念 掌握了 redux 的核心概念,才能更加快速的领悟 redux 的写法。 还记得 react 的哲学吗? 将设计好的 UI 划分为组件层级、创建静态版本、确定 UI state 的最小(且完整)表示、添加反向数据流。 ..
108
2 年前
在 React 中使用 Vditor 的新姿势
又一个新轮子诞生 Vditor 和 Lute 的源代码我都通读过, 每次在 React 项目中使用 Vditor 的姿势都让我觉得蛮麻烦的, 在 npm 上面也看到有老哥给 Vditor 包装了一层 React 组件。为了代码的绝对安全可控, 自己基于 Vditor 的特性实现了 React 组件的包装并拓展了部分常用 ..
671
2 年前
在 React 中获得纯粹的函数式编程体验
使用 React Hooks 以及 Typescript,采用函数式编程风格编写组件 Todo 组件 Todo.tsx import React, { useState } from 'react' interface TodoItem { label: string; date: string; } type Tod ..
180
2 年前
Ant Design Pro 从零到一 (总结)
[图片] ES6 语法 要好好学习一下 ES6 语法的,建议看看 ES6 入门教程 - ECMAScript 6 入门 (ruanyifeng.com) 1.1 ES6 教程 | 菜鸟教程 (runoob.com) let 与 const let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只 ..
337
3 年前
Ant Design Pro 从零到一(Mock 使用)
[图片] 认识 Mock 学到这里就算是开始踏入 AntD 的门,然后我们还得学习一下常用的一些操作,例如 Mock。 针对与 Mock 他大致就是用来模拟数据的,为什么会有它的出现呢?因为现在前后端开发基本是分离的,但是数据结构一般都会先定好,在日常开发中,为了前端的进度不受到后端的影响,常用 Mock 来做虚拟数据 ..
496
3 年前
React 从零到一 Demo 演练(下)
废话 这一部分比前一篇难懂些,但是还是的了解、掌握,至于用嘛,后面自己在好好研究,由于写这套教程时候我才学习一个周,所以可能有错的地方,多包涵。 React API React 的 Api 有很多,这里为了后面 AntD 的上手,就简单介绍 6 个,够用就行,分别是: 设置状态:setState 替换状态:replac ..
118
3 年前
React 从零到一 Demo 演练(上)
[图片] 废话 有的人会很懵逼把,为什么我想学习 Ant Design Pro,却来学习 React,这是因为 Ant Design Pro 作为开箱即用的中台框架,你需要有 React 基础,因为里面全 TM 是 JS 或者 TS(typeScript),如果有 React 基础的请跳过 React 教学部分。 PS ..
134
3 年前
React 用 Await 组件来控制依赖 promise 的渲染
背景 慢慢在前端挖坑,各类框架都有接触学习,在学 Svelte 的过程中看到了一个好玩的语法——await 块。然后我就寻思可不可以在 React 也实现这样的组件呢?因为总感觉类似于 ejs 的方式有点奇怪,然后就整出来了一个 [链接] 这个库,挺好玩的。 在 Svelte 中 下面的这个是官方的示例 {#await ..
192
3 年前
「信达」更新啦——支持上行下行的双向消息推送服务
快速开始 注册及关注微信服务号 首先,你需要注册一个账号,从而获取 secretkey。这是调用信达 API 的鉴权方式。 https://sender.xzhsh.ch/signup 关注公众号并取得 Secretkey。 [图片] 接收通知 调用下面的接口即可通过公众号发送消息。接口参数和 Server 酱一样。 ..
365
3 年前
React Hook: useContext
React Hook: useContext 介绍 React.createContext(默认值): 创建一个 React 的 上下文 默认值:对组件进行单元测试(组件并未嵌入到父组件中) useContext: 获取上下文 应用场景 组件之间需要共享状态(共享值,方法) 父组件 Provider 提供上下文 val ..
121
3 年前
「信达」用微信作为服务器的控制台
就像名字「信达」一样,这是个在用户和服务器之间“送信的应用。 信达 - https://sender.xzhsh.ch/ [图片] 这个需求源自于调试时频繁的 docker pull、NAS 上按需触发的打卡脚本等待。于是需要一个从用户手机到服务器的消息发送工具。(不给脚本暴露 API 是因为懒而且 NAS 没公网) ..
400
3 年前
react-native unknown type bn_ulong 初始化新项目报错解决办法。
具体请看这个 issues: [链接] 解决办法:更新 pod 文件:pod 'OpenSSL-Universal', '~>1.0.2.20'
327
3 年前
纪念我完成首个实用的前端
[图片] 电脑端 [图片] 手机端,可见响应化设计 这个前端的功能是通过调用 bilibili API 获得特定 BV 号的视频推荐列表,然后将其渲染出来。 框架为 React+material-ui,使用 axios 进行请求。 现在各项功能已经基本完成,故公开地址,欢迎来玩。 附:芬兰赫尔辛基大学全栈公开课(免费, ..
282
3 年前