- 博客(42)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 面试必备- 2022 Vue最新面试题总结（持续更新中）
2022年最新面试题整理（包答案）总结最近我和几个同事遇到的面试题，希望对大家有帮助，面试题我分为两类，经常遇到，很少遇到。1、vue的生命周期 2、computed和watch区别？3、深度监听怎么做？ 4、父子组件的生命周期的顺序5、setTimeout是在生命周期的什么阶段销毁的？如果不销毁会怎么样？6、父子组件通信用什么？ 兄弟组件通信呢？7、路由守卫 8、如何实现双向数据绑定？9、vue的修饰符有哪些？10、vuex中mulation和actions的区别和联系? 11、MVC与MVVM的
2022-04-01 14:28:47
17076
1
原创 jsPDF+html2canvas实现html转pdf下载+打印
通过html2canvas转化后有缩放，无论怎么调整，感觉都不够高清，大多数场景都能满足，但是和手动创建word文档打印，还是有差距，若用在重要文档上，业务审核肯定不通过，这个时候就要求无缩放打印，下一章写如何用JsPDF无缩放打印
2024-02-06 15:55:39
760
原创 React+Echarts实现数据排名+自动滚动+Y轴自定义toolTip文字提示
React+echarts实现排名+自动滚动+X轴自定义titleTop
2024-02-06 11:13:20
1295
原创 react+antd+CheckableTag实现Tag标签单选或多选功能
原理: 封装一个受控组件，接受父组件的参数，数据发现变化后，回传给父组件。下一节将分享多层级的标签选中功能，同时支持多选和单选功能。
2024-02-06 10:23:54
1333
原创 React+Antd实现表格自动向上滚动
React+Antd实现表格自动向上滚动，创建一个定时器，修改表格ant-table-body的scrollTop属性实现滚动，监听表层的元素div的鼠标移入和移出实现实现鼠标进入元素滚动暂停，移出元素的时候表格滚动继续。
2024-02-06 10:06:33
1678
原创 Antd+React+react-resizable实现表格拖拽功能
【Antd+React+react-resizable实现表格拖拽功能】常见问题1、拖拽时，鼠标离开，拖拽被还原，80%原因是因为父组件触发了useState更新，column被还原成初始态，2、拖拽要设置最小宽度和最大宽度，防止拖拽过程中找不到元素。二、在antd写入tab，并引用拖拽组件。
2024-02-05 12:58:40
1331
原创 UMI 创建react目录介绍及配置
1、UMI 创建的react项目介绍2、UMI的项目配置（路由的3种配置方式）3、运行时配置 app.ts
2023-02-10 13:13:21
2757
1
原创 React TreeSelect 组件使用和优化
1、React-实现树形下拉组件(TreeSelect)组件自定义选中，选择父组件可以实现收缩或展开，2、优化树形组件体验效果3、关键词：TreeSelect 、Antd、树形控件、React、treeExpandedKeys可控
2022-12-08 23:50:34
3398
9
原创 Vue中父组件如何能监听到子组件的生命周期
Vue中父组件如何能监听到子组件的生命周期 方法1：$emit 方法2：@hook3、为什么要使用@hook以及使用场景 4、Vue 中如何使用 @hook？
2022-04-01 20:20:04
6506
2
原创 Javascipt变量提升、作用域
var a=10;(function test(){console.log(a)var a=15;console.log(a)})();上面一段代码，之前一直以为结果是10,15 实际执行结果为undefined15看到结果很意外，问什么第一次打印结果为undefined，这里就要讲到变量提升，任何函数内部变量都会先提升，你可以理解为执行顺序为:var a=10;(function test(){var a;console.log(a)a=15;console.l.
2022-03-22 20:33:33
1197
1
原创 Vue3 项目创建
安装1、安装nodevue 3需要node10以上版本node官网下载地址以往的版本 | Node.js2、安装vue/cli如果已经全局安装过旧版本的vue-clinpm uninstall vue-cli -g //yarn global remove vue-cli然后安装npm install -g @vue/cli //yarn global add @vue/cli为什么要先卸载vue-cli，在安装vue/cli如果是安装vue3以下版
2022-03-21 21:34:43
7843
原创 Vue3 项目遇到的问题
1、vue3项目安装依赖出现问题时，不要盲目执行npm audit fix --force，会自动把所安装的包升级到最新的版本，但是有些版本是不匹配的，导致项目无法运行。2、defineConfig is not function
2022-03-21 20:58:23
2079
原创 npm install --save 和 npm install -D、npm install -g 的区别
npm install -d 就是 npm install --save-devnpm insatll -s 就是npm install --save我们在使用npm install 安装模块或者插件时，若写到package.json文件中，用--save-dev 或（写入devDependencies）--save （dependencies）devDependencies与dependencies的区别devDependencies用于开发环境，不用于生产环境 例如 webpack
2022-03-14 10:57:20
2657
原创 Vue使用element-UI，路由报错
Invalid prop: type check failed for prop "router". Expected Boolean, got String.prop校验路由时，要求router是一个boolean类型，但是得到的是一个string类型官网上router参数是boolean类型官网地址Element - The world's most popular Vue UI framework报错代码：<el-menu router="t..
2022-03-10 13:32:42
1184
原创 mysql安装教程
mysql安装教程详解遇到初始化数据失败的问题（Initializing database(may take a long time)）
2022-03-09 19:36:33
577
原创 VUE自动生成路由
我们传统路由生成，需要手动配置。使用起来很麻烦，例如：/** * 手动配置路由 * */import Vue from 'vue'import Router from 'vue-router'import index from '@/components/index'Vue.use(Router)export default new Router({ routes: [ { path: '/', name: '/', compone
2021-07-30 22:29:04
1636
原创 vue中data定义对象类型直接报错，定义的属性不可用
当data定义为对象类型时，直接会抛错，内部定义的属性也不可用export default { name: "App", data:{ titlebar:"首页", }}[Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions.[Vue warn]: Property or method "titlebar" i
2021-07-29 22:34:13
1925
原创 vue如何进行源码修改
1、在package.json scripts 添加 "postinstall":"node./build/copy.js"2、在src目录下创建 vendor/vue 目录,将node_moudles 中vue.esm.js 拷入目录中3、在package.json 同级目录创建build目录，并创建copy.js4、编辑copy.jsconst cp = require('child_process')const path = require('path');const s...
2021-07-29 21:59:09
3236
原创 gitee或者git添加ssh公钥之后，克隆项目失败
git 克隆出现如下错误 'gitee.com (180.97.125.228)' can't be established.ECDSA key fingerprint is SHA256:FQGC9Kn/eye1W8icdBgrQp+KkGYoFgbVr17bmjey0Wc. Are you sure you want to continue connecting (yes/no)? Host key verification fai
2021-07-29 21:49:31
845
2
原创 props传值方式和校验
prop 的大小写HTML 中的 attribute 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名，千万不要理解错哦，只有以下场景才是满足的哟 <component-prop postTitle="title" post-name="name" ></component-prop&g
2021-07-11 10:42:20
1556
原创 export default 和new Vue和 Vue.component 有什么区别吗
export default 和new Vue和 Vue.component 三者之间的区别export default 用来导出模块，供其他模块调用new Vue用来实例化，由于vue是单实例的应用，全局只有一个new Vue({})Vue.component 用来全局注册一个组件
2021-07-10 07:35:40
1720
原创 Vue组件局部注册、全局注册详解，以及什么时候使用局部注册组件？什么时候使用全局注册组件？
1、局部注册，每种注册方式的优缺点2、全局注册3、什么时候使用局部注册，什么时候使用全局注册？
2021-07-09 22:27:35
6121
1
原创 git创建账户和ssh免密登录
配置账户信息配置git账户信息命令如下：git config --global user.name "pear"git config --global user.name "xx@qq.com"可以通过以下命令查看自己配置的账户信息git config --global --list配置免密支付1、在终端中输入cd ~/.ssh1 或者打开cmd，输入 cd ./.ssh2、若.ssh文件未创建，创建.ssh 命名如下：ssh-keygen -t rsa -C...
2021-07-07 21:42:05
138
原创 webpack打包保留依赖
在webpack打包的时候，有的依赖不想打入webapck中，可用以下方式保留依赖externals: { 'vscode': 'commonjs vscode'}详细可参考webpack的externals配置
2020-05-17 14:23:05
1052
原创 webpack打包多入口对应多出口（多出口对应多目录）
之前在网上找到很多webpack打包的博客，收益很多，由于项目需要，webpack打包多入口对应多出口，多出口要对应多个目录，网上的方案基本都是多出口的目录对应的都是同一个目录，现在总结一下，多出口如何对应多个目录，我的解决方 案，如果你有更好的方案，谢谢分享const path = require('path');module.exports={ //入口文件的配置项 entry:{ client:'./client/entry1.js', /.
2020-05-17 11:21:52
1382
1
原创 webpack打包基础之配置多入口
webpack配置之前要先理解四个概念1、入口（entry）2、输出（out）3、loader4、插件plugins入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。 简介的说就是启动首先要访问 的文件。webpack.config.js...
2020-04-16 22:07:55
769
原创 vue父组件向子组件传值，子组件接收的三种方式
父组件<A :test="test"> 传给子组件BB组件接收方式1>props:['test','title']接收任意类型2>props:{test:String}3>props:{test:{type:String,default:'test'}}
2020-04-15 23:09:57
4717
JAVA环境变量配置
JDK安装与环境变量配置本文介绍JDK的安装与环境变量配置。工具/原料JDK1.7.0WIN7方法/步骤安装JDK 选择安装目录 安装过程中会出现两次 安装提示 。第一次是安装 jdk ，第二次是安装 jre 。建议两个都安装在同一个java文件夹中的不同文件夹中。（不能都安装在java文件夹的根目录下，jdk和j...
2019-11-20 08:29:55
72
原创 vue项目搭建的完整过程（vue2）
1、node环境搭建2、vue项目配置（vue2环境搭建、vue3环境搭建、vue2与vue3兼容）3、npm和cnpm区别，以及在cnpm上配置淘宝镜像和npm上配置淘宝镜像有啥区别
2019-11-19 22:52:33
8026
原创 redis在spring boot中的集成（单容器和分布式连接配置）
redis在spring boot中的集成方式如下1、配置依赖包compile("com.corundumstudio.socketio:netty-socketio:1.7.12")2、配置 application.ymljedis: isCluster: false # 默认选择集群方式 pool: cluster: #集群模式 url: 172.18.24.128:26379...
2018-06-30 11:30:03
412
React TreeSelect 组件使用和优化 自定义折叠和展开图标+可在title后添加任意组件+优化展开或者收缩
2024-02-06
React+Antd+tree实现树多选功能（选中项受控）
2024-02-06
vuex学习的小例子，包含所有的State、Getter、Mutation、Action、Module的使用
2022-03-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人