WKWebView有一个内容交互控制器，该对象提供了通过JS向WKWebView发送消息的途径。需要设置MessageHandler，我把这个功能简称为MessageHandler。首先了解下iOS开发中需要调用的方法- (void)addScriptMessageHandler:(id)scriptMessageHandler name:(NSString *)name;和- (void)removeScriptMessageHandlerForName:(NSString *)name;下面看下如何调用添加MessageHandler[self.webView.configuration.userContentController addScriptMessageHandler:self name:@"showAlert"];移除MessageHandler[self.webView.configuration.userContentController removeScriptMessageHandlerForName:@"showAlert"];JS调用window.webkit.messageHandlers..postMessage()这个name就是设置MessageHandler的第二个参数window.webkit.messageHandlers.getStrin ...继续阅读 (128)

State Property Wrappers 的用法示例如下struct MyView: View {     @State var myString: String = "Hello"     var body: some View {         OtherView(shareText: $myString)     } }Binding Property Wrappers 的用法示例如下struct OtherView: View {     @Binding var shareText: String          var body: some View {         Text(shareText)     } }最后调用下MyView，如下（建议Playground中运行）MyView(myString: "Hello world") ...继续阅读 (131)

测试服务器动态绑定多个域名 比如我现在有一个api.domain.com但是测试需要给不同分支代码绑定一个不同的域名方便访问需求类似如下api1.domain.com api2.domain.com api2.domain.com可以像下面这样添加nginx配置server {     listen 80;     server_name ~^api(?\d*)\.domain\.com$;     access_log  logs/api.domain.com.access.log main;     error_log   logs/api.domain.error.log; }server {     listen 443 ssl;     server_name ~^api(?\d*)\.domain\.com$;     access_log  logs/api.domain.com.443.access.log main;     error_log   logs/api.domain.443.error.log; }这样我们就可以拿到$which_domain_id变量，为后面的测试提供用途比如upstream的配置比如root的配置比如我们配置三个upsteamupsteam api1 {     // ... } upsteam api2 {     // . ...继续阅读 (124)

这个提示意思是AFHTTPSessionManager中没有这个方法原因：升级后导致，原来方法被废弃，应该换成新的方法，需要增加一些参数，具体看文档我遇到的问题解决了 是因为我的AFNetworking版本是4.0所以见上面的方法替换为下面的方法POST:parameters:headers:progress:success:failure:类似的GETDELETEPUT都需要加对应的headers参数 ...继续阅读 (100)

问题：error: Unable to load contents of file list ......原因是：升级了一下 cocoapods的版本后，由于版本不同导致重新安装或者升级一下就好gem install cocoapods --pre然后把工程里面的 Pod 文件夹和 Podfile.lock 文件删掉，然后 cd 到项目根目录，然后重新运行一下 pod install 命令，重新编译即可。 ...继续阅读 (104)

mysql 替换字段中某几个字符并更新UPDATE `database`.`table` SET `column` = REPLACE(column,'旧字符串','新字符串'); ...继续阅读 (94)

TypeScript Challenge - 实现一个通用MyReadonly2，它带有两种类型的参数T和K题目实现一个通用MyReadonly2，它带有两种类型的参数T和K。K指定应设置为Readonly的属性集（如果T）。如果未提供K，则应使所有属性都变为只读，就像普通的Readonly一样。例如interface Todo { title: string description: string completed: boolean } const todo: MyReadonly2= { title: "Hey", description: "foobar", completed: false, } todo.title = "Hello" // Error: cannot reassign a readonly property todo.description = "barFoo" // Error: cannot reassign a readonly property todo.completed = true // OK测试用例import { Alike, Expect } from '@type-challenges/utils' type cases = [ Expect, Readonly>>, Expect, Expe ...继续阅读 (91)

新手入门，了解Nest.js的Modules在Nest.js中，一个带有@Module()装饰器的类，即是一个Module每个Application都至少有一个Module，root module同时Nest.js强烈建议使用一个Module作为一个有效的方式来管理你的组件下面看下如何创建一个Module创建一个module创建module的命令如下nest g module cats运行后结果如下$ nest g module cats CREATE src/cats/cats.module.ts (81 bytes) UPDATE src/app.module.ts (603 bytes)创建后默认的代码如下import { Module } from '@nestjs/common'; @Module({}) export class CatsModule {}使用module下面修改下cats.module.ts，修改后的结果如下import { Module } from '@nestjs/common'; import { CatsController } from './cats.controller'; import { CatsService } from './cats.service'; @Module({ controllers: [CatsCont ...继续阅读 (103)

laravel升级记录，laravel from 5.2 upgrade 5.3升级之前我们要知道的第一个点，在5.3中被移除的方法如下，详情点击这里1 -Illuminate\Contracts\Bus\SelfHandlingcontract. Can be removed from jobs.2 - The lists method on the Collection, query builder and Eloquent query builder objects has been renamed to pluck. The method signature remains the same.3 - Implicit controller routes usingRoute::controllerhave been deprecated. Please use explicit route registration in your routes file. This will likely be extracted into a package.4 - The get, post, and other route helper functions have been removed. You may use the Route facade instead.5 - The ...继续阅读 (115)

最近使用mongodb进行统计查询，遇到了下面的错误提示mongo 错误提示:OperationFailed: Sort operation used more than the maximum 33554432 bytes of RAM. Add an index, or specify a smaller limit也许你遇到了跟我一样的问题，不知道如何解决其原因是Mongodb的sort操作是把数据拿到内存中再进行排序的，为了节约内存，默认给sort操作限制了最大内存为32Mb，当数据量越来越大直到超过32Mb的时候就自然抛出异常了.值得注意是,如果你使用 skip 和 limit 联合使用实际也会产生排序.下面是两种方式，仅供参考方法1:增加缓存//查询值 db.runCommand({ "getParameter" : 1, "internalQueryExecMaxBlockingSortBytes" : 1 } ) //设置新值 db.adminCommand({"setParameter":1, "internalQueryExecMaxBlockingSortBytes":335544320})方法2:增加索引根据业务对排序的key进行建立索引 我采用的方式是第二种方法 参考文章，点击这里 ...继续阅读 (115)

TypeScript Challenge - 实现 Omit题目实现 Omit不使用Omit实现 TypeScript 的Omit范型。Omit 会创建一个省略K 中字段的T 对象。例如：interface Todo { title: string description: string completed: boolean } type TodoPreview = MyOmitconst todo: TodoPreview = { completed: false, }测试用例import { Equal, Expect } from '@type-challenges/utils' type cases = [ Expect>>, Expect>> ] interface Todo { title: string description: string completed: boolean } interface Expected1 { title: string completed: boolean } interface Expected2 { title: string }答案type MyOmit= { [P in Exclude]: T[P] } ...继续阅读 (96)

TypesScript Challenge 学习记录 - 获取函数返回类型题目不使用 ReturnType 实现 TypeScript 的 ReturnType范型。例如：const fn = (v: boolean) => { if (v) return 1 else return 2 } type a = MyReturnType// 应推导出 "1 | 2"测试用例import { Equal, Expect } from '@type-challenges/utils' type cases = [ Expect<() => string>>>, Expect<123, MyReturnType<() => 123>>>, Expect<() => ComplexObject>>>, Expect, MyReturnType<() => Promise>>>, Expect<() => 'foo', MyReturnType<() => () => 'foo'>>>, Expect<1 | 2, MyReturnType>>, Expect<1 | 2, MyReturnType>>, ] type ComplexObject = { a: [12, 'foo'] bar: 'hello' prev(): ...继续阅读 (107)

今天在执行brew doctor的时候出现如下错误：$ brew doctor Error: Cask 'java' is unreadable: undefined method `undent' for #原因为某次更新之后，配置文件增加了某些不必要的字段。更要命的是，不能执行卸载命令来删除出问题的安装包。解决方法为删除这个字段。方案如下：$ find "$(brew --prefix)/Caskroom/"java'/.metadata' -type f -name '*.rb' | xargs grep 'EOS.undent' --files-with-matches | xargs sed -i '' 's/EOS.undent/EOS/'或者下面（我的是java）$ find "$(brew --prefix)/Caskroom/"java7'/.metadata' -type f -name '*.rb' | xargs grep 'EOS.undent' --files-with-matches | xargs sed -i '' 's/EOS.undent/EOS/'操作完之后在更新下brew下面的操作是基于java（因为我的是java）$ brew uninstall java$ brew cleanup$ brew update$ brew upgrade参 ...继续阅读 (102)

git version 2.28.0出现问题时执行的命令git pull origin masterwarning提示如下warning: 不建议在没有为偏离分支指定合并策略时执行 pull 操作。 您可以在执行下一次pull 操作之前执行下面一条命令来抑制本消息： git config pull.rebase false # 合并（缺省策略） git config pull.rebase true # 变基 git config pull.ff only # 仅快进您可以将 "git config" 替换为 "git config --global" 以便为所有仓库设置缺省的配置项。您也可以在每次执行 pull 命令时添加 --rebase、--no-rebase，或者 --ff-only 参数覆盖缺省设置。 ...继续阅读 (95)

Providers是什么，看下官网的解释Providers are a fundamental concept in Nest. Many of the basic Nest classes may be treated as a provider – services, repositories, factories, helpers, and so on. The main idea of a provider is that it can inject dependencies; this means objects can create various relationships with each other, and the function of "wiring up" instances of objects can largely be delegated to the Nest runtime system. A provider is simply a class annotated with an @Injectable() decorator.Services通过命令行创建 Servicesnest g service cats执行后结果类似如下$ nest g service cats CREATE src/cats/cats.service ...继续阅读 (110)

学习记录 - If题目实现一个utils If，它接受条件C，True返回类型T，以及False返回类型F。 C可以是True或False，而T和F可以是任何类型。比如type A = If// expected to be 'a' type B = If// expected to be 'b'测试用例import { Equal, Expect } from '@type-challenges/utils' type cases = [ Expect, 'a'>>, Expect, 2>>, ] // @ts-expect-error type error = If答案type If= C extends true ? T : F ...继续阅读 (107)

学习记录 - 实现内置的Exclude题目简介实现内置的Exclude从T中排除可分配给U的那些类型测试用例import { Equal, Expect, ExpectFalse, NotEqual } from '@type-challenges/utils' type cases = [ Expect<"a" | "b" | "c", "a">, Exclude<"a" | "b" | "c", "a">>>, Expect<"a" | "b" | "c", "a" | "b">, Exclude<"a" | "b" | "c", "a" | "b">>>, Expectvoid), Function>, Excludevoid), Function>>>, ]答案type MyExclude= T extends U ? never : T; ...继续阅读 (99)

学习记录 - 获取元素长度 - 对于给定的元组，您需要创建一个通用的Length，选择元组的长度题目简介对于给定的元组，您需要创建一个通用的Length，选择元组的长度例如type tesla = ['tesla', 'model 3', 'model X', 'model Y'] type spaceX = ['FALCON 9', 'FALCON HEAVY', 'DRAGON', 'STARSHIP', 'HUMAN SPACEFLIGHT'] type teslaLength = Length// expected 4 type spaceXLength = Length// expected 5测试用例import { Equal, Expect } from '@type-challenges/utils' const tesla = ['tesla', 'model 3', 'model X', 'model Y'] as const const spaceX = ['FALCON 9', 'FALCON HEAVY', 'DRAGON', 'STARSHIP', 'HUMAN SPACEFLIGHT'] as const type cases = [ Expect, 4>>, Expect, 5>>, ]答案type Length= T extends ...继续阅读 (113)

第一个元素 - 实现一个通用First，它接受一个数组T并返回它的第一个元素的类型。学习记录如下题目简介实现一个通用First，它接受一个数组T并返回它的第一个元素的类型。例如type arr1 = ['a', 'b', 'c'] type arr2 = [3, 2, 1] type head1 = First// expected to be 'a' type head2 = First// expected to be 3测试用例import { Equal, Expect } from '@type-challenges/utils' type cases = [ Expect<[3, 2, 1]>, 3>>, Expect<[() => 123, { a: string }]>, () => 123>>, Expect<[]>, never>>, Expect<[undefined]>, undefined>> ]答案type First= T extends never[] ? never : T[0] ...继续阅读 (97)

这里记录下使用Nest.js中，在控制器中如何添加所有请求方式的方法第一种请求方式Get@Get() findAll() { return 'This action will return all dogs'; } @Get(':id') findOne(@Param('id') id: string) { return `This action will return one ${id} dog`; }第二种请求方式Post@Post() create(@Body() createDogDto: CreateDogDto) { return `This action will add a dog`; }第三种请求方式Put@Put(':id') update(@Param('id') id: string, @Body() updateDogDto: UpdateDogDto) { return `This action will update a dog`; }第四种请求方式Delete@Delete(':id') remove(@Param('id') id: string) { return `This action will remote a dog`; }完整的代码如下import { Body, Controller, Delete, ...继续阅读 (103)

控制器payloads请求如果通过Post请求来接收客户端的payloads参数Nest.js通过使用@Body装饰器首先创建一个DTO类，create-cats.dto.tsexport class CreateCatDto { name: string; age: number; bread: string; }然后修改create方法import { CreateCatDto } from 'src/create-cats.dto'; @Post() async create(@Body() createCatDto: CreateCatDto) { console.log(createCatDto); return 'This action will create a new cat'; }运行npm run start:dev我们测试下$ curl -d 'name=durban&age;=12&bread;=ddd' http://127.0.0.1:3000/cats This action will create a new cat可以看到console.log的输出结果如下{ name: 'durban', age: '12', bread: 'ddd' } ...继续阅读 (96)

异步机制Nest.js也是支持现在javascript的异步机制的，async/await同时每个async函数必须返回一个Promise看个简单的例子import { Controller, Get, HostParam } from '@nestjs/common'; @Controller('account') export class AccountController { @Get() getInfo(@HostParam('account') account) { return account; } @Get('all') async findAll(): Promise{ return []; } }同时Nest.js还可以处理observable streams.例子如下import { Controller, Get, HostParam } from '@nestjs/common'; import { Observable, of } from 'rxjs'; @Controller('account') export class AccountController { @Get() getInfo(@HostParam('account') account) { return account; ...继续阅读 (106)

子域路由@Controller装饰器提供了一个host选项可用，主要用来判断这个控制器在被访问的时候，限制具体的域名来访问代码如下@Controller('cats') @Controller({ host: 'api.gowhich.com' }) export class CatsController { @Get() findAll(@Req() request: Request): string { return 'This action will returns all cats'; } }再举个例子@Controller('cats') @Controller({ host: 'api.gowhich.com' }) export class CatsController { @Get() getInfo(@HostParam('account') account) { return account; } } ...继续阅读 (111)

开始记录前的说明表名：users表中字段名：id,name,age,ctime创建索引创建语句语法db.COLLECTION_NAME.ensureIndex(keys[,options]) 用于3.0及以下版本db.COLLECTION_NAME.createIndex(keys[,options]) 用于3.0及以上版本keys:要建立索引的参数列表。如：{KEY:1}，其中key表示字段名，1表示升序排序，也可使用使用数字-1降序。options:可选参数，表示建立索引的设置。可选值如下：background: Boolean - 在后台建立索引，以便建立索引时不阻止其他数据库活动。默认值为false。unique: Boolean - 创建唯一索引。默认值 false。name: String - 指定索引的名称。如果未指定，MongoDB会生成一个索引字段的名称和排序顺序串联。partialFilterExpression: document - 如果指定,MongoDB只会给满足过滤表达式的记录建立索引.sparse: Boolean - 对文档中不存在的字段数据不启用索引。默认值是 false。expireAfterSeconds: integer - 指定索引的过期时间storageEngine: document - 允许用户配置索引的存储引擎第一个情况，创建单字 ...继续阅读 (95)

重定向Nest.js提供了一种方式可以重定向路由方式可以通过使用装饰器@Redirect和res.redirect这里记录下如何使用装饰器来重定向@Get('items') @Redirect('https://www.gowhich.com', 302) getItems(@Query('version') version) { if (version && version == 5) { return { url: 'https://www.gowhich.com/cats/items/v5', }; } }当访问http://127.0.0.1:3000/cats/items，URI会被重定向到https://www.gowhich.com当访问http://127.0.0.1:3000/cats/items?version=5，URI会被重定向到https://www.gowhich.com/cats/items/v5获取路由参数这里说的路由参数值的是，当访问cats/1这样的路由的时候，能否获取到1这个参数值当然Nest.js也提供了一个非常好用的装饰器@Param这个装饰器，我们可以使用两种方式来获取到参数第一种@Get(':id') getOne(@Param() param): string { return `This ac ...继续阅读 (105)

如何设置状态码Nest.js通过装饰器@HttpCode来设置状态码，状态码默认200@Get() @HttpCode(204) itemError(): string { return 'This action return 204 error'; }HttpCode从@nestjs/common包中导入如何设置Header信息Header信息是可以自定义的，Nest.js也提供了一个@Header装饰器来帮助我们添加Header信息@Get() @Header('Cache-Control', 'none') itemCustomHeader(): string { return 'This action custom header'; }Header从@nestjs/common包中导入 ...继续阅读 (104)

我们在使用php的框架的时候，比如laravel、yii2等会用到composer这个安装包的工具，类似于nodejs的npm、python的pip但是总有因为各种限制，安装包的时候不能访问到指定的资源这个时候就有各种的第三方镜像资源可以供我们使用我想说的是，第三方资源没问题，但是网上写文章的人就有问题了，以为你只告诉了如何配置，但是如果历史已经安装成功的，会有相关的安装历史记录的记录比如composer会有composer.lock比如nvm会有package-lock.json等类似的，方便下次安装的时候，保证对应的版本号不变今天记录下如下正确的使用composer1、安装composer，已经安装的可以跳过2、配置源镜像可以像下面这样全局配置composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/也可以像下面这样配置当前项目composer config repo.packagist composer https://mirrors.aliyun.com/composer/如果遇到不想用的情况，可以使用下面的命令取消composer config -g --unset repos.packagistcomposer config --unset repos.packagist ...继续阅读 (120)

Nest.js控制中的Resources前面介绍了路由中如何通过GET方式访问路由，Nest.js还支持Post、Delete、Patch、Options、Head和All等下面看下如何使用Postimport { Controller, Get, Post, Req, Request } from '@nestjs/common'; @Controller('cats') export class CatsController { @Get() findAll(@Req() request: Request): string { return 'This action will returns all cats'; } @Post() create(): string { return 'This action will create a new cat'; } }项目运行起来后，做个简单的测试$ curl -d '' http://127.0.0.1:3000/cats This action will create a new cat可以看到，post请求的时候访问到了create()方法Route通配符看个简单的例子@Get('x*z') find() { return 'This action uses a wildcard ...继续阅读 (95)

一个控制器的目的是接收来自应用的一个请求那么如何来处理这个请求，以及如何接收一个请求Nest.js提供了一个Request Object先看下之前写的一个例子import { Controller, Get, Render, Res } from '@nestjs/common'; @Controller('cats') export class CatsController { @Get() findAll(): string { return 'This action will returns all cats'; } }我们想知道如何在这个例子中获取request中的参数修改代码如下import { Controller, Get, Render, Req, Request } from '@nestjs/common'; @Controller('cats') export class CatsController { @Get() findAll(@Req() request: Request): string { return 'This action will returns all cats'; } }http obejct包括了所有http的属性，比如http query 参数、http header、body、para ...继续阅读 (117)

一个控制器的目的是接收来自应用的一个请求路由机制控制了控制器接收哪个请求通常每个控制器都有多于一个的路由，而且不同的路由能够执行不同的操作为了创建一个基本的控制器，Nest.js使用了一个类和装饰器。装饰器关联类然后允许Nest.js创建一个路由Map路由下面看个简单的例子，如下代码import { Controller, Get, Render, Res } from '@nestjs/common'; @Controller('cats') export class CatsController { @Get() findAll(): string { return 'This action will returns all cats'; } }这里提示一点Nest提供了一个非常方便的创建控制的命令nest g controller cats执行后得到下面的结果$ nest g controller cats CREATE src/cats/cats.controller.spec.ts (478 bytes) CREATE src/cats/cats.controller.ts (97 bytes) UPDATE src/app.module.ts (322 bytes)我们看下src/app.module.ts文件diff --git a/src/ap ...继续阅读 (104)