qq_38210427的博客

原创 01曝光三要素

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

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

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

原创 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 中的玩法就更多了。

原创 window.location.hash和window.location.search和window.location.href的区别

window.location.hash 返回 URL 的锚点部分。window.location.search 返回 URL 的查询字符串部分。window.location.href 返回完整的 URL。这些属性可以帮助开发人员在 JavaScript 中获取和操作当前页面的 URL 信息，从而实现相关功能，如处理页面内部导航、传递参数、跳转到其他页面等。

原创 web：pc端企业微信登录-vue版

不需要调用ww.register，直接调用ww.createWWLoginPanel即可。

原创 上传文件（vue3）

使用el-upload 先上传到文件服务器，生成url。然后点击确定按钮： 保存数据。

原创 多选(第一个选择 且不能改)

【代码】多选(第一个选择 且不能改)

原创 添加标签（vue3）

el-form 里边有el-form-item ，el-form-item里边有新的校验。可以对el-form-item 进行单个的校验。点击添加按钮： 最多添加5个。

原创 vue elementUI form组件动态添加el-form-item并且动态添加rules必填项校验方法

【代码】vue elementUI form组件动态添加el-form-item并且动态添加rules必填项校验方法。

原创 vue子组件在什么情况下会更新

子组件的更新主要由以下几种情况引起：父组件的数据变化、子组件的props变化、子组件自身的状态变化以及特定事件触发重新渲染。了解这些情况有助于优化组件的性能，避免不必要的重新渲染。为了更好地控制子组件的更新，开发者可以使用Vue的生命周期钩子和优化技术，如方法来减少不必要的渲染开销。

原创 watch(vue3)

切换时候，重新获取数据渲染。