- 博客(30)
- 收藏
- 关注
RSS订阅原创 ant-design-react遇到的坑
2）不能用控件的 value 或 defaultValue 等属性来设置表单域的值。被设置了 name 属性的 From.Item 包装的控件，表单控件会自动添加 value或 valuePropName 指定的其他属性、onChange或 trigger 指定的其他属性，数据同步将被 Form 接管。3）一个Item内只能有一个子元素，放的多了，就只有最后一个元素的值。1.From.Item 的数据变化（被 Form 接管，自动变化）注： 1）不应该再用 onChange 来做数据收集同步。
2023-06-13 18:35:10
178
原创 报错：custom validator check failed for prop “value“
报错：custom validator check failed for prop "value"
2022-10-31 15:24:40
1626
原创 v-model是什么？vue的v-model绑定一个对象中没有的属性会怎么样？
v-model就是vue的双向绑定的指令，view层输入值影响data的属性值，data属性值发生改变会更新view层的数值变化。v-modal绑定一个对象中没有的属性是可行的。
2022-10-26 11:36:31
3285
1
原创 Vue eslint报错：Component name “index“ should always be multi-word.eslintvue/multi-word-component-names
Vue eslint报错：Component name “index“ should always be multi-word.eslintvue/multi-word-component-names
2022-10-11 14:43:19
514
原创 理解作用域
1.理解引擎、编译器、作用域传统编译：分词/词法分析、解析/语法分析、代码生成比起编译步骤只有三部分的语言的编译器，javavscript引擎更加复杂得多，在语法分析和代码生成阶段有特定的步骤来对运行性能进行优化，包括对冗余元素进行优化等引擎：负责编译器和作用域的调度，并执行编译好的代码。编译器：负责语法分析及代码生成等脏活累活作用域：的外表是一对大括号（块作用域）或一个函数（function(){}），负责收集并维护由所有声明的标识符（变量）组成的一系列查询，并实施一套非常严格的规则，
2022-04-16 15:41:07
532
原创 webpack5的js语法检查，eslint-webpack-plugin的使用
在webpack5中eslint-loader已经弃用，而是使用插件eslint-webpack-pluginwebpack官方文档-eslint-webpack-plugin：EslintWebpackPlugin | webpack 中文文档下载： npm i eslint-webpack-plugineslint-D使用airbnb规范还需下载： npm i eslint-config-airbnb-base eslint-plugin-imp...
2022-03-15 13:58:29
2531
原创 webpack5开发环境配置
样式资源打包、html资源打包、图片资源打包、其他资源打包、devServer配置/*下载汇总： style-loader、css-loader、less、less-loader html-webpack-plugin url-loader file-loader html-loader webpack-dev-server*//* 开发环境配置：能让代码运行 运行项目指令： webpack 会将打包结果输出出去 n.
2022-03-15 13:39:25
160
原创 html文本框与按钮对不齐，不能挨一起的问题
文本框和按钮利用flex布局横向排列后两个问题1.文本框、按钮没有对齐2.文本框、按钮没有贴在一起问题1，解决办法：（1）给文本框添加vertical-align: bottom（2）不用flex布局，改为用浮动float来横向排列详细讲解vertical-align：从vertical-align看基线对齐方式 - 简书问题2，解决办法：（1）改变html结构，两个input标签写一行，不换行（2）不用flex布局，改为用浮动float来...
2022-01-21 16:32:10
3551
原创 javaScript逻辑与、逻辑或
为什么逻辑与或结果返回值各式各样呢？又遵循怎么样的规则？JavaScript的与或是一种逻辑短路与或。它不同于其他语言的与或，它结果返回值不仅仅有布尔值，它还可以是数值、字符串、undefined、对象等。规则：1.逻辑与符号：&&：只要“&&”前面的逻辑结果是false，无论“&&”后面怎么样，都返回“&&”前面的表达式;只要“&&”前面的逻辑结果是是true，无论“&&”后面怎么.
2022-01-19 19:46:16
850
原创 vscode自定义背景图片(两种：仅工作区&全屏)
第一步：以管理员身份运行vscode第二部：下载background插件第三步：找到以下位置第四步：修改配置代码段：{ "update.enableWindowsBackgroundUpdates": true, "background.customImages": [ "file:///D:/tool/vscode/285c.jpeg" //图片的路径 ], "background.style": { .
2022-01-06 14:24:40
5591
3
原创 VUE组件为什么data用函数式，而不用对象式？
data用函数式 ：当一个组件被定义,data必须声明为返回一个对象的函数因为组件可能被用来创建多个实例，也就是说在很多页面中，定义的组件可以复用在多个页面如果data是一个纯碎的对象，则所有的实例将共享引用同一份data数据对象，无论在哪个组件实例中修改data，都会影响到所有的组件实例如果data是函数，每次创建一个新实例后，调用data函数，从而返回初始数据的一个全新副本数据对象。这样每复用一次组件，会返回一份新的data数据，类似于给每个组件实例创建一个私有的数据空间，让各个组件的实例
2022-01-06 13:45:59
1196
原创 DBAS的生命周期
（1）项目规划系统规划与定义任务陈述、确定任务目标、确定系统范围和边界、确定用户视图可行性分析技术可行性、经济可行性、操作可行性、开发方案选择项目规划项目团队、项目环境、项目活动、成本预算、进度计划（2）需求分析数据需求分析 功能需求分析 性能需求分析数据操作响应时间(或数据访问响应时间): 从提交请求到返回结果的时间;...
2021-12-16 18:39:12
1285
原创 Hive与传统数据库的差异
hive是基于Hadoop的一个数据仓库工具，用来进行数据提取、转化、加载，这是一种可以存储、查询和分析存储在Hadoop中的大规模数据的机制。1.查询语言。专门针对Hive的特性设计了类SQL的查询语言HQL。。2.数据存储。传统数据库则可以将数据保存在块设备或者本地文件系统中。Hive 是建立在 Hadoop之上的，所有 Hive的数据都是存储在 HDFS中的。3.数据格式。传统数据库数据格式由系统决定，而Hive 中没有定义专门的数据格式，数据格式可以由用户指定。4.数据更改。传统数据库中
2021-12-16 18:23:54
5016
原创 HBase与关系数据库的区别
HBase(Hadoop DataBase)是一个分布式的、面向列的开源数据库,也是一个比较流行的 NoSQL 数据库。主要解决非关系型数据库的数据存储问题。1.数据类型，HBase只有简单的字符类型，所有的类型都是交由用户自己处理，它只保存字符串。而关系数据库有丰富的类型和存储方式。2.数据操作：HBase只有很简单的插入、查询、删除、清空等操作，表和表之间是分离的，没有复杂的表和表之间的关系，而传统数据库通常有各式各样的函数和连接操作。 3.存储模式：HBase是基于列存储的。而传统的关系型.
2021-12-16 18:22:26
8783
原创 脚手架，yarn serve？npm serve？，修改vue create project创建项目时的包管理器为yarn或npm
在执行vue create project后如果显示如下yarn run serve则表示你使用的是yarn创建的项目。显示如下 npmrun serve则表示你使用的是npm创建的项目。如何切换包管理器呢？管理器和淘宝npm镜像源会存入~/.vuerc此文件如果是windows环境，则存在了C:/user下：按需求修改成yarn 或npm...
2021-12-09 21:06:56
2127
原创 Vue组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-12-08 17:17:54
81
原创 Vue事件
v-on：绑定事件监听,可简写为@//v-on 传递自定义参数,事件修饰符<div id="app"> <input type="button" @click="dolt(p1,p2，$event)"/> <input type="text" @keyup.enter="sayHi"> //只有按下回车才触发</div>var app = new Vue({ el: "#app", methods: {
2021-12-05 21:57:59
327
原创 vue生命周期
基础：1.又名:生命周期回调函数、生命周期函数、生命周期钩子。2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。4.生命周期函数中的this指向是vm 或 组件实例对象。常用的生命周期钩子:1.mounted:发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。2.beforeDe...
2021-12-05 21:38:39
328
原创 Vue中的this
如果是vue实例本身的属性和方法,那么this指向就是vue实例本身,比如methods对象,computed对象,watch对象里的方法。要用方法名(){}写,就代表this指向是vue实例,如果使用()=>{}箭头函数的方式定义方法,则this指向window,因为箭头函数中的this指向的是外部函数的this指向,普通函数的this指向的是它的调用者,而vue中的methods和computed和watch他们都是vue本身的方法所以只要他们使用普通函数定义this当然指向他们的调用者即th
2021-11-22 22:14:49
15843
2
原创 js中this指向
1.函数调用模式当一个函数并非一个对象的属性时，那么它就是被当做函数来调用的。在此种模式下，this被绑定为全局对象，在浏览器环境下就是window对象2.方法调用模式当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一个方法被调用时，this被绑定到这个对象上。如果调用表达式包含一个提取属性的动作（. 或 []），那么它被称为方法调用3.构造函数调用模式如果在一个函数前面加上new关键字来调用，那么就会创建一个连接到该函数的prototype成员的..
2021-11-13 00:45:20
586
原创 Object.defineProperty()&数据代理&Vue中的数据代理原理
let number 18;let person = { name: '张三', sex: '男'， age: number;}number = 19console.log(person)在没有数据代理的时候，上面代码输出的person对象的age依旧是18。那如何实现改变number的值后person跟着变化呢？这就要说到数据代理了。先了解一个方法，Object.defineProperty()<!DOCTYPE html><html&g.
2021-10-27 23:53:10
143
原创 如何在自己写的html访问其他服务器的数据？jsonp解决同源限制，以及访问腾讯天气示例。
jsonp解决同源限制1．将不同源的服务器端请求地址写在script标签的src属性中 <script src="www.example.com"></script> //script的src特殊，不受同源政策影响2．服务器端响应数据必须是一个函数的调用，真正要发送给客户端的数据需要作为函数调用的参数。 const data = ' fn ( {name:"张三", age : "20""} ) '; res.send(data) ;3．在客户
2021-09-05 23:11:34
482
原创 nodejs在下载模板npm install太慢或失败怎么办？
解决方法：在powershell命令行工具运行命令，更换下载源地址更改下载源地址：npm config set registry https://registry.npm.taobao.org查看下载源地址：npm config get registry该回初始下载源地址：npm config set registry https://registry.npmjs.org...
2021-08-23 22:24:33
260
原创 js怎么实现pc端和移动端运行不同代码？
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Age...
2021-08-23 13:34:29
657
原创 jQuery动画停止--$.shop()方法使用
（1）知识点：.stop( [clearQueue],[jumpToEnd] )：方法停止当前正在运行的动画。clearQueue: 布尔值，默认是 false;此值处理是相关的动画队列是否移除，如果为 false 时，则停止当前的动画，后面的动画按队列进行。如果为 true,则全部移除动画jumpToEnd:布尔值，默认是 false,此值处理的是相关动画是立即完成还是按队列顺序完成，如果为 false,则按队列顺序完成，如果为 true,即立即完成完成队列的动画。例子：.stop(): .
2021-08-23 13:09:03
400
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人