youde_yin-CSDN博客

原创 vue $set 失效

图中圈起来的部分，设置了 $set 之后，期望是表单对应的 gstjbm 字段会自动改变数据，然而实际是 mainForm 的值变了，但是页面没有刷新。问：问什么 $set 失效了？解决：打断点进源码看看逻辑代码执行到 1085 行（第一个断点的地方）就 return 了。这个是因为我们一开始就执行了this.mainForm.gstjbm = ''这样设置之后，就会满足第一个断点的逻辑。代码就没有跑下去我们知道 vue2 是通过 get set 方式进行...

2021-08-13 10:20:44 3387 1

原创玩转 vscode git

插件：gitLens：核心，可以查看每一行的提交记录以及拓展 git 功能git History：查看代码操作，可以实现查看文件提交记录，按人员查询，按提交信息查询commit Message editor：生成规范的提交格式git 拉取代码、合并冲突1、存储更改 git stash2、拉代码 git pull3、暂存内容出栈git stash pop4、出栈后有冲突会提示解决冲突，有问题可以找到对应人员协商5、...

2021-07-15 10:03:02 1826

原创 elementUI 表单校验不生效

场景，正常绑定是OK的，但是如果一些字段一开始是不显示的，只有在表单的其他字段等于特定值的时候才显示，并且该字段为必填字段。那么当该值显示的时候，改变输入框的值不会自动触发校验。因为 elementUI 的表单校验是在 mounted 的时候初始化，如果中间改变了 rules，需要手动更改，具体的调用方法是 addValidateEvents...

2021-07-05 17:38:07 1435

原创 IOS H5 输入框输入后不显示内容，需要失焦后才显示

input 框输入文本后，还在 focus 的状态，输入的内容显示空白，点击完成失去焦点后内容才出来解决方案：input 框增加一个样式transform: translateZ(0);

2021-06-16 14:52:57 717 2

原创 Vue data 为什么是一个函数

看到一些面试题：为什么 data 是一个函数，不能是一个对象？vue 的组件是可以复用的，但是并不是单例的，A 组件引用了 M，B 组件引用了 M，那么就创建了两个 M 组件。假如 data 是一个对象（引用数据类型），当我们创建两个 M 组件的时候，它的 data 实际上都指向了堆里面的同一个值。如果是一个函数的话，两个 M 指向的就是同一个函数，通过 return 返回想要 data，就实现了两个 M 组件都有他们自己的 data。...

2021-04-07 10:07:26 100

原创 H5 IOS 文本保存问题

// IOS 中文输入法，输入了字母之后直接点击确定，会显示有空格的字母，但是这个空格是个特殊编码，// 不是空格，保存数据库的话会变成 ?toUtf8 (str) { var out, i, len, c out = '' str = str + '' len = str.length for (i = 0; i < len; i++) { c = str.charCodeAt(i) if (c === 8198) {

2021-03-23 09:12:38 120

原创 es5实现批量的并发请求

假设有一个场景，需要在一个方法里面请求多个接口，并且要在所有的接口都返回了数据之后才能往下面走逻辑。在 es6 里面，我们可以用 promise.all 来实现，但是如果项目是 es5 的话，可能要自己写一下方法了。下面给一个我自己的解决方案：function multiRequest (requestOptions, callback, finishReq) { if (requestOptions.length === 0) { return } var sel

2021-03-15 14:24:57 562

原创 nginx配置vue(history模式)

问题的原因：项目本来使用 hash 的路由模式来部署，因为需要关系，现在要改成 history 的模式来部署了（路径上不要有 # 号）第一步：修改项目的 router/index.js 的配置const router = new VueRouter({ mode: 'history', // 将 hash 改成 history routes: [ ...pages ]})修改 config/index.js assetsPublicPathassetsPublicPat

2021-03-12 21:40:47 1519 1

原创 bind 用法小技巧

正常来说，我们写一个回调因为这个回调方法是在组件内部调用的，我们没有办法把参数传过去，如果 rightMethod 要用到 resp 或者 review 参数的话，可能就要建全局参数，this 的指向也会有问题，很尴尬使用 bind...

2020-12-14 21:51:40 424

原创 shiro跨域问题

在后台使用shiro权限框架的时候，如果前后端分离，则每个请求都是跨域请求，shiro对跨域请求每次都是生成一条session。这样会导致很多bug，比如在登录的时候，获取验证码和登录用的不是同一个session，所以验证就无法比较，在登录的session里面获取验证码会一直获取到一个空值。解决方案是如果后台要进行跨域配置，然后前端的请求配置里面一定一定要加上withCredentials: ...

2019-04-09 11:37:37 899

原创对[(ngModel)]的理解

有三种情况（ngModel）、[ngModel]、([ngModel])以input框为例子： 1、<input type='text' (ngModel)='username' /> 这种时候数据的传递方向是 input ----> 组件一般使用单括号的绑定方式会出现在一些操作行为上比如 <button...

2019-04-09 11:08:40 16816 1

原创 angular4解决资源加载分散

问题产生的原因：使用svg的时候每个要用svg的组件都要去注入加载一遍svg首先是初始版本：import { Component, OnInit, Output, EventEmitter } from '@angular/core';import { MdIconRegistry } from '@angular/material';import { DomSanitizer } fr...

2019-04-01 23:12:26 190

原创 RXJS部分操作符解释

RXJS部分操作符解释<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title></head>...

2019-04-01 23:05:42 161

m0_37634363的博客