vue3 中 style新增了哪些特性

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

laravel 模型关系 多层关联

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

vue3 使用事件总线

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

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

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

vue3 使用 unhead 网页标题插件

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

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

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

vue 有作用域的 css

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

短小却令人惊叹的 JavaScript 代码

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

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

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

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

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

js 过滤文本中指定内容

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

宝塔 laravel vue npm run dev 运行

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

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

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

vue3 从数组中移除某项

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

laravel livewire 安装

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

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

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

vue3 获取本地json文件

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

vue3 中的 nextTick()

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

tailwindcss 侧边目录

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

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

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

Laravel vue3/nuxt3 antdv 分页 pagination

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

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

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

Laravel-admin 树形无限级分类

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

php markdown 内容提取代码块语言

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

laravel 分页带参数

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

laravel 按年-月分组列出文章

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

laravel 按年、月分组统计

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

livewire 命令

安装 ``` composer require livewire/livewire ``` 发布配置 ``` php artisan livewire:publish --...

laravel 多对多 更新和删除中间表数据

groups 和 users 表 中间表 group_user group 模型定义关系 members 更新中间表 status 字段，`$reque...

使用 laravel ui登录 开启邮箱验证

# User模型 ```php use Illuminate\Contracts\Auth\MustVerifyEmail; ``` ```php class User extends...