小弟调调-CSDN博客

原创 React 签字手写签名组件 react-signature

【代码】React 签字手写签名组件 react-signature。

2023-11-29 11:54:50 659

原创如何在 SwiftUI macOS 应用程序中显示和隐藏边栏

本文将告诉您如何通过添加其他选项来显示和隐藏边栏来缓解此问题。侧边栏一旦折叠，就无法恢复。拖动左边缘会调整窗口大小，而不是将侧边栏带回来。有两种方法可以解决这个问题。

2022-12-29 10:12:29 1826 3

转载 macOS包管理器 Homebrew 备忘清单

Homebrew 是 macOS(或Linux)的包管理器，备忘清单包含 brew 命令的使用与安装

2022-10-20 00:36:04 469

原创微信公众号 Markdown 编辑器

微信公众号文章 Markdown 在线编辑器，使用 markdown 语法创建一篇简介美观大方的微信公众号图文。

2022-09-03 15:49:15 1407

正则表达式实例搜集，通过实例来学习正则表达式。本仓库实例搜集整理来自于《一些正则表达式随记》，通过一个单独仓库专门整理这些正则实例，提供一个实例网站，方便正则实例验证和查询。也方便添加新的正则实例大家共同维护。Github: @jaywcjlove/regexp-example如果有一些基础知识，通过实例理解，将会更快速入门，写出自己的正则。如果对基础还不是很了解，你可以通过《Learn regex the easy way》去学习基础知识，这个仓库教程被翻译成十几种语言了，包含了中文翻译，它通过极其简

2021-12-14 14:46:02 945

原创如何在 Xcode 中添加创建 Swift 包依赖？

到目前为止，我们一直在编码的所有东西都是我们从头开始构建的，因此您可以确切地看到它是如何工作的，并将这些技能应用到您自己的项目中。但是，有时从头开始编写一些东西是有风险的：也许代码很复杂，也许很容易出错，也许经常更改，或者任何其他无数的原因，这就是存在依赖关系的原因——获取第三方代码的能力并在我们的项目中使用它。Xcode 内置了一个依赖管理器，称为 Swift Package Manager (SPM)。你可以告诉 Xcode 一些在线存储的代码的 URL，它会为你下载它。您甚至可以告诉它下载哪

2021-10-20 09:17:58 1901

原创 SwiftUI 如何使用HStack，VStack，ZStack进行 Spacer 间隔和对齐

深入了解堆栈(HStack，VStack和ZStack) 通过组合水平和垂直堆栈中的视图来为复杂的用户界面进行布局已经有一个介绍 SwiftUI 中的对齐(VStack,HStack,ZStack)指南有了一次了解之后，使用 Stack 堆栈配合 Spacer，进行更复杂的界面视图布局。VStack 垂直布局VStack允许您从上到下垂直堆叠视图。您可以通过向VStack添加对齐方式或间距来进一步自定义视图。VStack(alignment: .leading, spacing: 16) {

2021-05-02 00:08:25 1561

原创 SwiftUI: 如何使用 AppStorage 存储日期

默认情况下，@AppStorage 属性包装器支持 Int，String，Double，Data或URL值。如果使其他类classes、结构structs、枚举enums符合 RawRepresentable 协议，则可以存储它们。本教程将学习如何将日期保留在 @AppStorage 处理的UserDefaults 中。@AppStorage("savedDate") var date: Date = Date()上面示例，Swift 编译器给您一个错误，因为 @AppStorage 属性包装器

2021-04-23 13:40:28 304

原创 SwiftUI：如何设置文本视图的样式

您可以使用一堆专用的 ViewModifiers 设置 SwiftUI 文本视图的样式。在本文中了解它们。如何应用斜体文字样式？您可以使用 italic 修饰符将字体切换为斜体。Text("斜体") .italic()如何应用粗体文字样式？您可以使用 bold 修饰符将字体切换为粗体。Text("粗体") .bold()当然，您可以堆叠这两个修饰符以创建斜体和粗体字体。Text("粗体 & 斜体") .bold() .italic()如何更改

2021-04-22 17:09:04 195

原创 SwiftUI: 从 React 开发人员的角度看 SwiftUI

最近我通过学习 SwiftUI 时，令我印象最深的就是我对它的熟悉程度，因为我已经在 React 和 TypeScript上工作了几年了。确实，有使用 React 库/框架和类型的经验可以极大地加快我的学习速度。我的第一个SwiftUI代码对我过去在 React 中构建的东西感到非常陌生，而且我可以看到设计模式有很多重叠之处。现在，我开始自己开发应用程序，我想分享一些常见的设计模式以及 SwiftUI 和 React 之间的微小差异，通过这些差异我一直遇到这些差异，通过总结这些差异帮助我更好的开发自

2021-04-19 16:22:05 230

原创 Swift 中使用 Apple CryptoKit 和用户指定的密码进行加密和解密

Apple 发布了 Swift Crypto，这是 iOS 13 和 macOS Catalina 中附带的CryptoKit 框架的开源实现，使我们能够在 Linux 上使用相同的 API 进行加密和哈希处理。Apple CryptoKit 文档中提供的示例。但是这些示例它没有说明这实际上是如何工作的。您如何制作钥匙，以及如何在实践中使这种东西起作用。创建密钥import CryptoKit// 根据给定的密码创建加密密钥/// - 参数 password：用于生成密钥的密码func key

2021-04-14 15:22:18 537

原创 SwiftUI @ObservedObject，@State 和 @EnvironmentObject 有什么区别？

在任何现代应用中，状态都是不可避免的，但是使用 SwiftUI 时要记住，我们所有的视图只是其状态的简单功能 - 我们不直接更改视图，而是操纵状态并由其决定更改结果。SwiftUI 为我们提供了几种在应用程序中存储状态的方法，但是它们有些微的不同，因此，重要的是要了解它们的不同之处，以便正确使用框架。@State使用状态的最简单方法是 @State 属性包装器，其用法如下：struct ContentView: View { @State private var tapCount = 0

2021-04-13 10:21:44 252

原创 SwiftUI 中使用 Alerts, Action Sheets, Modals 和 Popovers

Alerts & Action SheetsAlerts 和 Action Sheets都使用类似的两种方式将其呈现给用户。让我们从一个简单的开始。我们必须描述一个可以由SwiftUI观察到的布尔绑定，一旦布尔值为true，SwiftUI就会立即显示操作表或警报。struct ContentView: View { @State private var showActionSheet = false var body: some View { VStack

2021-04-09 18:38:29 218

原创 SwiftUI 中的对齐(VStack,HStack,ZStack)指南

SwiftUI 为我们提供了一些容器视图，可用于构建布局。您可能已经熟悉VStack，HStack和ZStack。所有这些容器视图都使用对齐方式来调整子视图在容器内的位置。让我们看一个非常基本的例子。 VStack(alignment: .leading) { Text("苹果????") Text("橘子????") Text("桃子????") Text("栗子????") }在上面的示例中，我们有一个垂直的容器视图，从上到下显示子视图。我们将对齐

2021-04-09 00:15:35 1614

原创 SwiftUI 如何使用 Touch ID 和 Face ID?

苹果公司的绝大多数设备都标配有生物识别认证，这意味着它们使用指纹和面部识别来解锁。我们也可以使用此功能，这意味着我们可以确保仅当有效用户解锁后才能读取敏感数据。在编写任何代码之前，您需要向 Info.plist 文件中添加一个新密钥，向用户说明为什么要访问 Face ID。由于只有 Apple 知道的原因，我们在代码中传递了 Touch ID 请求原因，而在 Info.plist 中传递了 Face ID 请求原因。立即打开 Info.plist，右键单击一些空间，然后选择 Add Row。滚动键列表

2021-04-07 17:33:31 266 1

转载 SwiftUI 如何隐藏和显示 NavigationView 侧边栏？

在 macOS 中，希望通过手动控制 Sidebar 的展示也隐藏。幸运的是，我们可以使用下面方法实现：struct ContentView: View { var body: some View { NavigationView { }.toolbar { ToolbarItem(placement: .navigation) { Button(action: toggleSidebar, label

2021-04-07 10:30:25 758

原创 SwiftUI 如何使用其偏移量 offset 调整视图的位置？

所有视图在层次结构中都具有自然位置，但是 offset() 修饰符使您可以相对于该自然位置移动它们。这在ZStack内部特别有用，可以在其中控制视图的重叠方式。重要提示：使用 offset() 将使视图相对于其自然位置移动，但不会影响其他视图的位置或在偏移之后放置的任何其他修改器的位置。这意味着您需要仔细考虑如何使用它，尤其是要使视图不重叠时（并非出于您的意图）。例如，在此 VStack 中，我们可以使用 offset() 将第二项向下移动15点，以便它开始与第三项重叠：VStack { Te

2021-04-07 09:53:01 852

原创本地离线预览 React/ReactNative 等开源工具官方文档网站

外网访问组件库官方文档网站、React 官方等文档网站太慢，解决办法，是将他们克隆到本地预览，即可离线预览，速度也快。这是一个小技巧分享给大家。所有文档 Docker 镜像。安装 Docker官网下载 docker： https://www.docker.com/ant.designPort: 60001 - ant-design - Githubdocker pull wcjiang/ant.design:latest运行服务docker run --name ant.desi

2020-11-26 12:40:13 837 2

原创 React 组件中使用百度地图 API，懒加载百度地图 SDK

这是一个基于 React 封装的百度地图组件，帮助你轻松的接入地图到 React 项目中，Gitee 镜像仓库。文档实例预览: Github | Gitee特性♻️ 自动加载百度地图 SDK（通过创建 Script 标签的形式加载），包括第三方 SDK。???? 使用 Typescript 编写，集成百度地图 SDK @type 声明文件（包括中文注释）。⚛️ 支持 React Hook ...

2019-12-04 23:58:48 1150

原创最全最新中国【省、市、区县、乡镇街道】json,csv,sql数据

中华人民共和国行政区划代码中华人民共和国行政区划（五级）：省级、地级、县级、乡级和村级。来自中华人民共和国民政部，用于查询中国省，市和区数据的网站。中华人民共和国行政区划代码，更新时间：2019-11-25统计用区划和城乡划分代码，更新时间：2019-01-31Github: https://github.com/uiwjs/province-city-china数据更新 Diff...

2019-12-04 23:27:18 19937 2

原创 GitHub 全球用户排行榜

排行榜预览网址：Github | Githack | UNPKG | GiteeGithub 中国用户排名，全球仓库 Star 最多排名，通过 Github API v3 来生成页面数据，排行榜预览，最近还添加了 SegmentFault 思否近期热门、开发者头条最近热门分享、36Kr 快讯预览。Github 全球用户 Followers 排名预览Github 中国用户 Follow...

2019-08-01 21:26:58 2820

原创本地离线预览 React/Vue 等开源工具官方文档网站

外网访问组件库官方文档网站、React 官方等文档网站太慢，解决办法，是将他们克隆到本地预览，即可离线预览，速度也快。这是一个小技巧分享给大家。这是一个小技巧分享给大家，文档归档在这里。安装预览工具将文档克隆到本地，通过 sgo 工具预览本地各种文档的。npm install -g sgo # 安装 sgosgo --fallback index.html # 创建静态服务，预览...

2019-07-31 09:42:56 1905 1

原创非常方便的将 SVG 图标生成 TTF/EOT/WOFF/WOFF2/SVG 字体

uiw-iconfont v1.2.4 已发布，uiw-iconfont 是从 uiw 组件库抽离出来的图标字体，基于 svg 图片生成的图标字体。更新内容新增 environment, eye, folder, man, user-add, user-delete, usergroup-delete, woman, 等8个图标.

2017-11-15 13:58:34 10803

原创 uiw 1.2.16 发布，基于 React 16 的组件库

发布，高品质的UI工具包，React 16+的组件库。文档网站：https://uiw-react.github.io 开源仓库：https://github.com/uiw-react/uiw�� 删除冗余代码。 : @Xing-He 1f9a409⛑ Alert组件添加测试用例。 : @Xing-He 3b19d4a�� 删除Alert冗余props和函数格式化remove : ...

2017-11-12 00:29:48 1275

原创 MySQL入门教程系列－1.5 如何学习MySQL

共同编辑，修正错误，这里点击进去如何学习 MySQL 这是一个伪命题，每个人都有适合自己的一套学习方法，各不相同，所以如何学习 MySQL 这个活儿，我没有办法告诉你我的这个学习方法就是你做好的学习方法，所以在学习 MySQL 数据库之前，必须找准自己学习 MySQL 最舒服的姿势。我来分享一下我的学习方法，你可以做个参考，只能做个参考，因为我零基础，非计算机专业，没有这方面的使用场景和工作经验（

2016-12-17 13:52:05 412

转载常见 HTTP/FTP/WebSocket 错误代码大全

常见HTTP/FTP/WebSocket错误代码大全 https://github.com/jaywcjlove/handbook/blob/master/other/HTTP-Status-codes.mdHTTP1xx消息这一类型的状态码，代表请求已被接受，需要继续处理。这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束。由于HTTP/1.0协议中没有定义任何1xx状态码，所

2016-12-17 13:49:44 1108

转载推荐轻量高效无依赖的开源JS插件和库

在这里维持一个持续更新的地方图片baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demoLightgallery.js - 是一个功能齐全的JavaScript图像灯箱插件。demoviewerjs - 是一个图像预览插件。democropperjs - 是一个图片编辑器插件。demophoto-editor - 是一个本地图片编辑器插件。demo

2016-12-17 13:45:03 456

原创 MySQL入门教程系列－1.3 什么是MySQL

MySQL原本是一个开放源代码的关系数据库管理系统（DBMS），原开发者为瑞典的MySQL AB公司，该公司于2008年被昇阳微系统（Sun Microsystems）收购。

2016-09-30 17:11:03 452

原创 MySQL入门教程系列－1.2 数据库技术构成

数据库技术的出现是为了更加有效的管理和存取大量的数据资源。简单的来讲，数据库技术主要包括数据库系统，SQL语言，数据库访问技术。数据库系统数据库系统有3个主要的组成部分。数据库数据库（Database System）：用于存储数据的地方。数据库管理系统数据库管理系统（Database Management System，DBMS）：用户管理数据库的

2016-09-30 17:07:47 338

原创 MySQL入门教程系列－1.1 数据库基础

数据库(Database，DB)是按照数据结构来组织、存储和管理数据的建立在计算机存储设备上的仓库。简单来说是本身可视为电子化的文件柜——存储电子文件的处所，用户可以对文件中的数据进行新增、截取、更新、删除等操作。数据管理不再仅仅是存储和管理数据，而转变成用户所需要的各种数据管理的方式。数据库有很多种类型，从最简单的存储有各种数据的表格到能够进行海量数

2016-09-30 17:06:39 415

原创 Stylus插件开发教程

由于Stylus的强大，它支持SCSS LESS 灵活的书写方式，然后它不用像SCSS安装Ruby，不是特别出名，流行的工具没有使用它，只是在小的圈子里面挺火滴。它的强大不用赘述了，我正在使用了它。开始吧：最近为了方便自己将px转换成rem写了一个基于Stylus的插件，我就以它为例子吧，源码在此stylus-px2rem准备工作你本机需要安装node，现在我假设你已经安装好了node，建立好你的...

2016-04-14 21:26:03 629

原创一个使用最简单的px转rem预处理工具

如果你使用 Stylus 作为你的预处理CSS的工具，那么 px2rem 是你使用最简单处理 px 转 rem 工具，stylus-px2rem 使用方法如此简单：首先安装工具npm install stylus-px2rem --save-dev然后只要在你的index.styl 文件引用就可以里@import "node_modules/stylus-px2rem"div{ ma...

2016-04-12 15:06:26 1685

原创 github 上fork过来的项目，更新上游代码的方法

# 列出远程仓库 URL$ git remote -v# List the current remotes （列出当前远程仓库）# origin https://github.com/user/repo.git (fetch)# origin https://github.com/user/repo.git (push)# 添加上游仓库URL$ git remote add up...

2016-04-12 13:44:08 2237

原创如果你是前端工程师，把你的网站或者你知道的网站加进来吧

是不是很酷的样子，http://jsdig.com/方法一Fork 到自己仓库修改根目录的data.json文件Pull requests 给我哈！哈！哈！{ // 必填－名字 "name":"JSLint", // 必填－网址 "url":"http://jslint.com/", // 选填－图标 "ico":"http://eas.

2016-04-02 10:14:07 127

原创 CSS设置网页在Safari快速滚动和温柔的回弹

要实现这个效果很简单，只需要加一行css代码即可：-webkit-overflow-scrolling : touch;可用以下网页测试：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <meta charset="utf-8...

2016-03-31 16:20:31 917

原创 Translater.JS巧用HTML注释翻译页面

translater.js 官方页面：https://jaywcjlove.github.io/translater.js/这是一个利用HTML注释的页面翻译解决方案。对于少量的静态页面，这种解决方案显得更简单。它没有依赖，压缩只有只有(~4kb)。支持 IMG 文本切换支持 URL 加载语言支持本地缓存选择作为模块安装$ npm install translater.js传统使用...

2016-03-27 21:22:57 857

原创正则表达式中/i,/g,/ig,/gi,/m的区别和含义

/i (忽略大小写) /g (全文查找出现的所有匹配字符) /m (多行查找) /gi(全文查找、忽略大小写) /ig(全文查找、忽略大小写)

2016-03-21 17:45:18 613

原创本地存储localStorage的封装

安装https://github.com/jaywcjlove/store.js bower$ bower install storejsnpm$ npm install storejs本地存储APIsstore(key, data); //单个存储字符串数据store({key: data, key2: data2}); //批量存储多个字符串数据st...

2016-03-21 09:18:05 1034

原创 JSLite v1.1.11 官方文档更新

JSLite如有疑问欢迎到这些地方交流，欢迎加入JSLite.io组织团伙共同开发！ segmentfault社区 | 官方网站 | 官方文档-更详细 | Issues jQuery 的目标是兼容所有主流浏览器，这就意味着它的大量代码对移动端的浏览器是无用或者低效的。而 JSLite 只针对先进浏览器(支持HTML5,CSS3)、移动端浏览器编写，使用js新方法实...

2016-03-18 16:57:52 927