前端 - 领域 - 链滴

登录注册

查看所有领域

关于 SiYuan v3.1.12 后默认自动清理超过 180 天快照的调查
目前思源加入了自动的快照清理功能，触发时机如下：手动触发同步每 24 小时执行一次默认的配置是保留 180 天内的快照，每天保留两份。在启动、退出时的同步不会触发，但是 30s 的自动同步会触发。我个人不喜欢这个设计，因此以下的描述可能会有偏颇。不喜欢的原因如下：清理功能是自动的且没有开关默认开启，这导致假 ..

348 2 小时前
分享一个最近撸的一个扫雷小游戏
前段时间想玩扫雷小游戏，复古怀旧的那种，在网上找了一圈，要么太花哨了，要么太简陋，还挂了一堆广告，总之没找到满意的。自己用的 mac，而且 window98 系统也不太好搞得到，决定自己撸一个！ [图片] [图片] 特性：具备经典扫雷游戏的所有功能 Win98、WinXP 风格界面原声声效：默认关闭游戏记录：自 ..

438 1 年前
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 ..

191 1 年前
【FCM 与 APN 接入】使用 Expo 的推送服务接入 ReactNative 项目
接入前准备本文使用 Expo 开发，使用 dev-client 构建来进行的真机测试。由于通知服务只支持物理设备，所以为了方便调试，使用 eas 的开发构建打包需要一个谷歌账号，一个苹果开发者账号，iOS 真机，Android 真机调试。需要 Firebase 云消息服务（FCM），APN（苹果通知）。接收推 ..

291 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 ..

177 2 年前
【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 ..

157 2 年前
【Expo 小记】修复：使用预先准备的 SqliteDB，Android 真机与 Expo Go 正常，iOS 模拟器与真机无法找到该数据库的问题：File not database.
这几天写了一个粤小词词典应用，打算做个离线版的，于是使用了自己的 sqliteDB 文件。 Android 上一切正常，Expo Go 调试正常，一到 eas build iOS 就文件不是数据库文件。如果直接解析 DB 后缀的是没法使用的，更改一下 Metro 的配置，支持 db 文件，也可以项目使用其他的。 ` ..

164 2 年前
发给你的好友，让 TA 请你吃炸鸡！
整活了，可以通过 App （ iOS + Android ）来快速拷贝疯狂星期四文案了。另外呢，虽然是 RN 的项目，也给正在学习 React 的孩子一些启发。源码如下： [图片] GitHub - shensven/Crazy-Thursday: 🎉 发给你的好友，让 TA 请你吃炸鸡！ 🎉 发给你的好友，让 ..

676 2 年前
个人随意编写的组件库——Casual UI，支持 Vue3+、React17+、Svelte3+
Github [链接] 在线示例 & 文档 [链接] [链接] [链接]（目前仅英文）安装 & 使用 Vue3 用户安装依赖 npm install @casual-ui/vue 全局使用 import { createApp } from 'vue' import CasualUI from '@ ..

543 2 年前
HV-Com——一个全程使用 Vditor 的评论系统
HV-Com WIP - 功能和结构可能迅速变化，且兼容性不被保证 [链接] 简介 HV-Com 是一个使用 TypeScript 编写的评论系统。它使用 [链接] 作为 markdown 编辑器，[链接] 作为 markdown 引擎。特性 HV-Com 的 HV 有很多个意思： HeaVy - 这套评论系统的规模 ..

665 2 年前
React Vue Web 前端主流技术栈⽐较
在底层的前端框架领域中，最早是 jquery 称霸互联网，近几年 MVVM 类型的框架慢慢成为主流，Vue、React 和 Angular 三大框架并驾齐驱。可以说，目前这三种是开发者用的最多使用最广的底层框架，也由此衍生了大量基于这些框架的 I 库。这些年不断有新的框架冒出来，又不断有旧的框架被淘汰，在这里重点总结 ..

494 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) ..

312 3 年前
vite 构建 react 项目——与 webpack 构建进行对比
为什么使用 vite https://cn.vitejs.dev/ 开发时能提高效率。 vite 让浏览器接管了打包程序的部分工作，以原生 ESM 方式提供源码。所以 vite 只需要在浏览器请求源码时进行转换并按需提供源码，根据情景动态导入代码，即只有在当前屏幕上使用时才会被处理。安装 npm init vite@ ..

317 3 年前
快速学会使用 react redux
redux 的快速使用这里以在 react 当中的使用为例。搭配 React Router 一般都会使用 react router ，以便于路由处理器可以访问 store。尤其是在需要时光旅行和回放 action 来触发 URL 改变的需求下。从 React Redux 导入 Provider ： import ..

186 3 年前
redux 概念简述
如果已经简单了解过 redux 的概念，可以直接看 redux 的快速使用。 redux 的核心概念掌握了 redux 的核心概念，才能更加快速的领悟 redux 的写法。还记得 react 的哲学吗？将设计好的 UI 划分为组件层级、创建静态版本、确定 UI state 的最小（且完整）表示、添加反向数据流。 ..

110 3 年前
在 React 中使用 Vditor 的新姿势
又一个新轮子诞生 Vditor 和 Lute 的源代码我都通读过, 每次在 React 项目中使用 Vditor 的姿势都让我觉得蛮麻烦的, 在 npm 上面也看到有老哥给 Vditor 包装了一层 React 组件。为了代码的绝对安全可控, 自己基于 Vditor 的特性实现了 React 组件的包装并拓展了部分常用 ..

681 3 年前
在 React 中获得纯粹的函数式编程体验
使用 React Hooks 以及 Typescript，采用函数式编程风格编写组件 Todo 组件 Todo.tsx import React, { useState } from 'react' interface TodoItem { label: string; date: string; } type Tod ..

180 3 年前
Ant Design Pro 从零到一（总结）
[图片] ES6 语法要好好学习一下 ES６语法的，建议看看 ES6 入门教程 - ECMAScript 6 入门 (ruanyifeng.com) 1.1 ES6 教程 | 菜鸟教程 (runoob.com) let 与 const let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只 ..

338 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 酱一样。 ..

366 3 年前
React Hook: useContext
React Hook: useContext 介绍 React.createContext(默认值): 创建一个 React 的上下文默认值：对组件进行单元测试（组件并未嵌入到父组件中） useContext: 获取上下文应用场景组件之间需要共享状态（共享值，方法）父组件 Provider 提供上下文 val ..

122 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 进行请求。现在各项功能已经基本完成，故公开地址，欢迎来玩。附：芬兰赫尔辛基大学全栈公开课（免费， ..

285 3 年前
做了个 web 版的苹果小组件库站点
苹果的小组件概念已经出来一段时间了，一直想做一个 Web 版本的。初始想法：页面上所有功能区块均是小组件，可拖拽，可增删改，可定义大小，甚至可以独立访问。经过将近一个月的打磨迭代，终于有点眉目了。✿✿ ヽ (°▽°) ノ ✿ 访问地址：https://nicegoodthings.com/ 当前积累了将近 16 个小 ..

381 3 年前