TAY
xiaocai

xiaocai

无业游民

我只讲三点...

laravel livewire 安装

```shell composer require livewire/livewire ``` ```shell php artisan livewire:publish --config...

laravel 常用代码汇总

# 路由使用中间件 ```php ->middleware('auth') ``` # 控制器中使用中间件 ```php public function...

laravel 框架安装步骤

使用 composer 安装 # 1. 下载框架 ``` composer create-project laravel/laravel ``` # 2. 生成 ke...

tailwindcss 带文本的分隔线

```html <div class="py-3 flex items-center text-xs text-gray-400 before:flex-[1_1_0%] before:border...

xiaocai

laravel sanctum 不使用 middleware('auth:sanctum') 获取前端用户登录信息

前端传递 headers Authorization ```js Bearer ${auth?._token} ``` laravel 接收 获得用户信息 ```...

xiaocai

tailwindcss 比较low的瀑布流

```html <div class="columns-1 md:columns-3 lg:columns-3 divide-y sm:divide-none"> <div class="bg-...

xiaocai

vue3 中 style新增了哪些特性

Vue3新增style新特性主要有引入了变量和函数,也就是状态驱动的动态css;插槽选择器;自定义注入名称等,其...

xiaocai

laravel 模型关系 多层关联

一对一,多层 句子——文章——作者 ```php Sentence::with('work:id,title,author_id', 'work.author:id,...

xiaocai

vue3 使用事件总线

使用全局事件总线来实现不同组件间的事件通信 创建 src/stores/event-bus.js ```js // bus.js class...

xiaocai

Laravel 裁剪图片 intervention/image 扩展包的使用

安装 ```shell composer require intervention/image ``` 使用 ```php //use Intervention\Image\D...

xiaocai

vue3 使用 unhead 网页标题插件

文档:https://unhead.unjs.io/setup/vue/installation # 安装: ```shell npm install @unhead/vue...

xiaocai

Vue3 深度选择器:deep()、插槽选择器:slotted()、全局选择器 :global()

在Vue中,除了常见的CSS选择器外,还有一些独有的选择器,这些选择器可以更方便地操作Vue组件。 scoped原...

xiaocai

vue 有作用域的 css

当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装...

xiaocai

短小却令人惊叹的 JavaScript 代码

## 1、获取浏览器cookie值 ```js const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).p...

xiaocai

js 取出两个数组中的不同或相同元素

一、使用 concat 和 filter 取出不同的元素(取出两个数组的不同元素==>既在arr1又在arr2) ```js var...

xiaocai

nodejs:听 EACCES:权限被拒绝 0.0.0.0:xx

非特权用户(非 root)无法在低于 1024 的端口上侦听。

xiaocai

js 过滤文本中指定内容

```js function filterText(text, charToFilter) { const pattern = new RegExp(charToFilter, 'g');...

xiaocai

宝塔 laravel vue npm run dev 运行

vite.config.js ```js import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plu...

xiaocai

php 判断访客是否为搜索引擎蜘蛛

```php function fromRobot($except = '') { $ua = strtolower ( $_SERVER ['HTTP_USER_AGENT'] );...

xiaocai

vue3 从数组中移除某项

传递的是 id,数组是 tagList 获取该id项所在序号 ```js let inkey = tagList.value.data.findIndex(i...

xiaocai

laravel livewire 安装

```shell composer require livewire/livewire ``` ```shell php artisan livewire:publish --config...

xiaocai

laravel/ui 登录之后跳转到指定页面

链接加 ``` refer=https://www.tryatry.com ``` 打开 `/app/Http/Controllers/Auth/LoginController....

xiaocai

vue3 获取本地json文件

在 static目录下存放一个json文件 ``` <template> <div v-for="item in texts" :key="item.id" :item...

xiaocai

vue3 中的 nextTick()

在Vue3中,nextTick()是一个非常有用的方法,它可以在DOM更新之后执行一段代码。这在处理DOM操作和异步更新...

xiaocai

tailwindcss 侧边目录

```html <div class="flex-col w-full block"> <div> <button class="flex items-center gap-1.5 grou...

xiaocai

宝塔 Laravel 反向代理和伪静态冲突

1、 清空伪静态 2、 设置反向代理 3、 关闭反向代理 4、 设置伪静态 5、 开启反向代理 这种方式虽然...

xiaocai

Laravel vue3/nuxt3 antdv 分页 pagination

itemRender 用于自定义页码的结构,可用于优化 SEO ```php <a-pagination class="mt-8" v-model:curren...

xiaocai

nuxt3 使用antdv的select多选时,列表选中项√和表单里选中项的x图标无法渲染

换成字符就可以了 ```js <template> <div class="container"> <a-select v-model:value="value...

xiaocai

Laravel-admin 树形无限级分类

# Model ```php <?php namespace App\Models; use Illuminate\Database\Eloquent\Model; use En...

xiaocai

php markdown 内容提取代码块语言

```php $pattern = '/```\s*([a-zA-Z]+)\s*\n(.*?)```/s'; // 匹配三个 ` 开头、结尾的行及其之间的任意字...

xiaocai

laravel 分页带参数

```php {{ $data->appends(request()->except(['page']))->links() }} ```

xiaocai

laravel 按年-月分组列出文章

```php $articles = Article::orderbydesc('created_at')->paginate(20)->toArray(); // 按月分组处...

xiaocai

laravel 按年、月分组统计

```php use Carbon\Carbon; ``` ```php $notes = Note::select('id', 'created_at')->orderBy('creat...

xiaocai