qq_38210427的博客

原创 01曝光三要素

光圈越大，数值越小，画面越亮，背景越模糊光圈越小，数值越大，画面越暗，背景越清晰。

原创 02、10个富士胶片模拟的设置

有的朋友发现DR400选项是灰色的，大部分机型ISO640 才可以打开。而光比减小的室内，一般选择DR100或者DR200就可以了。这里建议在光线充足下，可以适当减少降噪，保留更多画面细节。因此在大光情况下，可以使用DR400 来降低光比，可以添加复古韵味，同时在一定程度下影响画面清晰度。调整的是画面中暖色调的浓郁程度；色彩调整的是拍摄画面整体的色彩饱和程度。在画面整体变清晰的同时，对比度也会提高。在较高的ISO数值下，有效降低画面噪点。可以同时控制高光和阴影。影响的整个画面的影调。可以压暗画面中的高光。

原创 Vue3+ Vite + Element-Plus + TypeScript 从0到1搭建

按照说明，执行以下命令完成vuetypescirpt模板项目的初始化: 自定义的项目名称vue-tsvuetypescript模板的标识，查看以获取每个模板的更多细节：vue，vue-ts，react，react-ts初始化完成项目位于浏览器访问预览。

原创 上传图片（vue3）

【代码】上传图片（vue3）

原创 Vue3中常用的八种组件通信方式

点击我触发自定义事件xxx

原创 自定义指令简介及用法（vue3）

【代码】自定义指令简介及用法（vue3）

原创 el-setup- 修改样式(vue3)

【代码】el-setup- 修改样式(vue3)

原创 微信登录（VUE3）

点击立即绑定，会跳转到微信登录页面扫码之后，手机会弹出确认框，并手机也出现如下图片手机点击确认之后， 自动重定向到绑定页面。

原创 ElMessageBox消息弹框(vue3总结)

【代码】ElMessageBox消息弹框(vue3总结)

原创 ps 人像学习

ctrl+j。

原创 uniapp编写代码-初

组件：uniapp：uni-app官网uview-plus：DatetimePicker 选择器 | uview-plus - 全面兼容nvue/鸿蒙/uni-app-x的uni-app生态框架 - uni-app UI框架启动：sudo npm run dev:mp-weixin生成dist/dev文件微信小程序导入sudo npm run build:mp-weixin指定页面调试

原创 vue-draggable-plus实现某些子元素不被拖拽

在使用时倘若只是节点里面所有元素都可以拖拽倒还好实现，但遇到某些子元素是作为其他作用不可拖拽或者可拖拽不可替换这些情况，则比较头疼了。

原创 单选 多选混合

【代码】单选 多选混合。

原创 element.scrollIntoView 滚动到指定位置

默认滚动到顶部，滑动过程没有例如：下拉框选中数据后，定位到该位置上，他没有滚动效果。

原创 el-dialog(vue3 总结)

之所以会产生这种问题，是因为elementUi在对Dialog组件做初始化的时候，默认让该Dialog在点击组件以外区域会导致该组件关闭，所以elementUI 一定会将该属性暴露出来让开发人员进行配置。通过查询ElementUI的官方文档，发现在Dialog下有个‘close-on-click-modal’属性，该属性默认值为‘True’，作用为：是否可以通过点击 modal 关闭 Dialog。所以，通过设置Dialog下的close-on-click-modal属性为‘false’，即可解决该问题。

原创 Vue中自定义指令：ClickOutside（点击当前模块外的位置）

假设我们有一个组件，当下拉框展开的时候，点击下拉框之外的元素可以自动关闭下拉框。

原创 前端跨域设置 withCredentials: true

在做登录认证的时候，会出现请求未登录的情况，查看请求头的时候发现并没有把登录时的cookie设置到第二次的请求头里面。查看资料才知道跨域请求要想带上cookie，必须要在ajax请求里加上。再次访问发现请求头可以携带cookie了。

原创 定制elementPlus主题

这里自动导入需要深入到elementPlus的组件中，按照官方的配置文档来。按需定制主题配置 （需要安装 unplugin-element-plus）基于vite的项目默认不支持css预处理器，需要开发者单独安装。自动导入定制化样式文件进行样式覆盖。

原创 导出（vue3）

【代码】导出（vue3）

原创 暂存-级联选项

【代码】暂存-级联选项。

原创 el-select 进行分组，同时可以多层选择

【代码】el-select 进行分组，同时可以多层选择。

原创 步骤条和按钮联动（上一步下一步）

【代码】步骤条和按钮联动（上一步下一步）

原创 el-upload（封装图片上传功能）

请求调用上传接口，返回url , 存到form的字段上。

原创 js 方法的使用

定义函数的标准方式 就是 命名函数 , 也就是之前讲过的 声明函数;函数 声明后 , 才能被调用;functionName 是 函数名称;parameters 是 函数 的 形式参数列表 , 多个参数之间用逗号分隔;expression 是 函数返回值;

原创 git 本地操作

这将会撤销最后一次的提交，但是保留工作区以及暂存区的内容，方便重新提交。请注意，使用--hard选项会丢失所有未提交的更改，所以在使用前请确保你不需要这些更改。替换<file>为你想要撤销更改的文件名。

原创 vue3探索——使用ref与$parent实现父子组件间通信

在vue3中，可以使用vue3的API函数结合ref或者$parent，实现父子组件数据的传递。

原创 返回结果处理注意：

返回结果 :如果没有数据应该返回[],但是后端返回啦null。

原创 node包管理工具n(mac版本)

window的话用nvm来管理nodemac 使用n 管理node。

原创 uni-data-select文字过长显示省略号问题修复

组件uni-data-select.vue显示修复过此bug。下拉框选项文字超过25字符但是未满一行时会出现省略号。满一行再出现省略号而非25字符。满25字符就出现省略号。

原创 el-backtop(返回顶部)

【代码】el-backtop(返回顶部)

原创 【无标题】

在项目的src/stores目录下（如果没有该目录，需手动创建）新建一个token.js文件，用于定义与 token 相关的状态。在token.js文件中，首先导入函数：调用函数来定义一个 store，它接受两个参数：第一个参数是状态的名称，要求具有唯一性，这里我们命名为token。第二个参数是一个函数，在函数内部定义状态的具体内容，包括变量、修改状态的函数和移除状态的函数。// 定义响应式变量token，初始值为空字符串// 定义修改token值的函数。

原创 常用场景胶片的参数

一日出日落一样的参数二 海边

原创 el-divide（vue3总）

分割线使用

原创 el-table (自定义单选功能)

每一行添加一个el-checkout，给每一个对象添加一个字段来控制选中未选中。change事件： 对该行进行选中，其他都改为不选中。定义一个变量：将选中的ID赋值给他。

原创 分配权限（vue3）

【代码】分配权限（vue3）

原创 ES6&tip1——forEach()能不能改变原数组？

forEach()方法需要一个回调函数（这种函数，是由我们创建但不是由我们调用的）作为参数...})第一个参数，就是当前正在遍历的元素第二个参数, 是当前元素的索引第三个参数，是当前的数组})

原创 滚动条 css

原创 编辑， 抽成组件

问题： currentDept 发生改变， depth也发生了改变，因为是浅拷贝， 用了json.pase(json.stringify(value))因为watch监听dept，你在进入编辑弹框，还是没有变化，不会重新赋值给currentDept。还有问题： 修改后，取消，再点进去，发现currentpet 还是变化后的值，监听visible，而不是currentDept： 只要进入一次，就重新赋值。1 dept不能修改， 用watch监听一下：赋值给新的变量进行修改，

原创 vue中computed和watch的使用场景

computed适用于对数据的计算和处理，而watch适用于监听数据的变化并执行相应的操作。两者都能满足计算和响应的需求，但是在不同的场景下选择合适的工具可以使代码更加清晰和高效。computed和watch是Vue中两种常用的数据观察和计算属性的方式。computed属性是基于它的依赖进行缓存的。只有当依赖发生变化时，computed属性才会重新计算。所以它适合用来处理需要进行复杂计算的属性，并且计算结果会被多次使用的场景。下面是。

原创 v-model（Vue3）

是 Vue 的一个语法糖。在 Vue3 中的玩法就更多了。