join 拼接 方法
今天发现后端接口有点问题，人家后台没有返回值只给了一个数组，只能自己把返回的数组值拼接在一块。successCallBack这个是返回的值 console.log(successTableRef.dataSource);如下图 => { const records = successTableRef.dataSource; records.forEach((item) => { if (item.itemCatePath) { var itemCatePathName = item.itemCatePath; var ..
js 中 空值赋值运算符 的用法
**空值赋值运算符 (??=)**含义解说 ：当空值赋值运算符 ??= ，左侧的值为null、undefined的时候, 才会将右侧变量的值赋值给左侧变量。其他所有值都不会进行赋值。同样在一些场景下,可以省略很多代码. 即 xx ??= 00 ,也就是说xx 为null / undefined 时候 会把00 赋值给xx ,否则保留xx的本值。上例子let b = '你好';let a = 0let c = null;let d = '123'console.log(b ??= a
前端 关于汇率的计算
汇率是各个国家之间流通货币的单位换算在项目中通常是金额之间的换算才会用到好了，直接看图看代码吧。其实就是拿到本位币 和币种，在去调汇率的接口进行查询匹配的汇率结果返回来。我这里获取的是公司里的本位币，币种有人民币，美元等上图可以知道我们是选取的form表单里面的字段，所以嘞我们要用组件里的form，你用你们的组件就行了** * 基本信息改变 * @param changedFields 改变的字段信息 */ onValuesChange = async (change
vu3响应式原理 代码分析
上个文章我们说了vue2的原理，看这里。现在简单说一下vue3的原理。vue3 建议大家还是多多看看官网，毕竟语法都变了，虽然兼容vue2，但是最好按照官网说的取用vue3 .不然会有一系列的报错。很是头疼。例如 vue2中用 data(){return { }}等， vue3 就舍弃了这个，直接用的是setup(){…, return{导出定义的属性/对象、数组等、函数等}}vue3的响应式：实现原理通过Proxy（代理）：拦截对象中任意属性的变化，包括：属性值读写。属性的添加，属性的删除等。
vue3中 setup注意点
1 props:值 为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。2 context：上下文对象。（1）attrs: 值为对象，包含：组件外部传递过来，但没有在props配置中声明的属性，相当于this. $attrs。（2）slots: 收到的插槽内容，相当于this. $slots。（3）emit: 分发自定义事件的函数，相当于 this. $emit。解析注意的是setup接收参数的时候，必须有props接收声明，否则就会警告，跟vue2是不一样的。context是一个对象
vue3的 computed 计算属性 与 watch监听
看下（有this ,但是 vue3 是没有的，我们说过vue3的this是undefined）与vue2 中的computed 配置功能一致。(注意的是简写会在修改的时候警告，所以我们按照完整写法写入。)写法：引入 computed先看下vue2 中深度监听和立即监听不过有两个坑要注意：1：监听reactive定义的响应式数据时：oldvalue无法正确获取。强制开启了深度监听（deep配置失效）。2：监听reactive定义响应式数据中某个属性时，deep配置有效。代码展示情况二情况
vue3技术 watch时 value问题
要不要 .value取决于 ref 还是 reactive基本数据 不要 .value ，不然会报警告哦多层可以 .value 也 可以添加deep:true。刚开始学，如果有问题，请指正，谢谢
vue3 watchEffect 函数
watch 的套路是：既要指明监视的属性，也要指明监视的回调watchEffect的套路是：不用指明监视的那个属性，监视的回调中，用到哪个属性，那就监视哪个属性。watchEffect有点像computed：但computed注重的是计算出来的值（回调函数的返回值），所以必须要写返回值；而watchEffect 更注重的是过程（回调函数的函数体），所以不用写返回值。...
vue3生命周期钩子函数
vue2生命周期钩子函数视图vue3生命周期钩子函数视图代码 // 通过配置项beforeCreate () {console.log(‘beforeCreate’);},created () {console.log(‘created’);},beforeMount () {console.log(‘beforeMount’);},mounted () {console.log(‘mounted’);},beforeUpdate () {console.log(‘befor
vue3 自定义hook函数 和 toRef
如果有多个的对象，可以直接用 toRefs(‘一个参数’)/ 使用可以用 …toRefs(‘参数’)代码实例我们假设及时获取页面鼠标位置即打点。如果要是有人要用这个组件就要变化，进行封装然后封装一下在引入下toRef...
vue3 祖孙组件通讯传值 provide 与 inject 以及 响应式数据的判断
父组件有一个provide 选项来提供数据，子组件有一个inject 选项来开始使用这些数据写法：1 在祖组件中 写入 provide（‘传递的变量名’，自定义变量名）2 在孙组件中写入inject（‘接收的传递的变量名’）代码演示记得导入 provide祖组件文件中孙组件文件 接收 inject效果响应性数据的传递与接收。要先在祖组件中 provide 数据出去，在孙组件拿到的也是响应式的，并且可以通自身定义的响应式变量一样，直接return给template使用。一旦数据有变化，视图
vue3父子组件传值 以及注意事项
当你在进行父子组件传值的时候报警告：Property “value” was accessed during render but is not defined on instance.at warn]: Extraneous non-emits event listeners (xxx) were passed to component but could not be automatically inherited because component renders fragment or text
vue项目 初始化 解决页面闪屏问题 v-cloak
vue指令：v-cloak渲染指令(v-cloak 指令是解决屏幕闪动的好方法)项目中：vue使用axios请求使用Loading时，请求时页面闪动。解决方案：在最外层的标签上添加就可以加上v-cloakv-cloak要放在什么位置呢，是不是每个需要渲染数据的标签都要添加这个指令，经过试验发现，v-cloak并不需要添加到每个标签，只要在el挂载的标签上添加就可以，而且，在css里面要添加[v-cloak] {display: none;}或者这样但是有的时候会不起作用，可能的原因有二：1
vue3实现 TodoList 运用到的点 组件传值props, ref, onMounted, reactive, toRefs, watch
vue3 实现简单的todolist，运用到的知识点： 组件传值props, ref, onMounted, reactive, toRefs, watch实现功能如下图。介绍下，我这里进行了封装和父子组件传值。App文件（父组件）type封装就一点不在上代码，看图就行utils 存储封装也很少head 头部代码list文件Item 文件底部的 footer 文件就这样结束了。如果不想这样来回的组件封装。在一个文件中直接展示，可以看下个文件......
vue3 实现 todoList 知识点 reactive, toRefs, computed, watchEffect， filters，localStorage数据存储、获取
上图实现简单的增删改查reactive, toRefs, computed, watchEffect， filters，localStorage数据存储、获取。如果想要实现多组件封装，请看这个代码如下
基于注解的Dubbo服务配置方法(实例讲解)
基于注解的Dubbo服务配置可以大大减少dubbo xml配置文件中的Service配置量，主要步骤如下：一、服务提供方1. Dubbo配置文件中增加Dubbo注解扫描2.Service实现类上添加Dubbo Service注解import com.alibaba.dubbo.config.annotation.Service;@Servicepublic class DubboServiceImpl implements DubboService {}二、服务消费方1. Dubbo配置文
今日推荐
周排行