- 博客(49)
- 资源 (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
17189
1
原创 手动搭建并配置react项目（webpack5）
不使用脚手架，利用webpack，手动搭建react项目框架，让你更清楚的知道react搭建过程中所需要的文件以及他运行的原理。
2025-03-28 15:30:27
957
原创 webpack配置详解+项目实战
根据B站老师讲解，集成vue、webpack，内部包含loader、plugin、css压缩等常用用法，后面也带上了项目地址，有兴趣的朋友可以补充拓展。
2025-03-27 12:10:50
1184
原创 2025年前端八股文整理持续更新中（css+js+vue）
流动定位：保持在标准文档流中原有的位置，元素是按从左往右，从上往下的顺序摆放， left,top等属性无效相对定位：相对定位是指相对于盒子元素原有的位置进行偏移，不会脱离标准文档流，也不对其他元素产生任何影响。需设定垂直方向和水平向的偏移量，分别是left、top、right、bottom。绝对定位：绝对定位是以某一个点为基准进行偏移。绝对定位是以最近的一个已定位的父级元素为基准，如果父级元素没有定位或没有父级元素，则以浏览器窗口为基准；会脱离标准文档流，不影响同一级的盒子元素位置。
2025-03-24 13:49:04
727
原创 Lodash的常用方法整理
以上是 Lodash 中一些常用函数的详细解释和示例代码。这些函数可以帮助你在处理数据时更加高效和简洁。如果你有任何进一步的问题或需要更多的示例，请随时提问！
2024-11-12 19:23:58
1502
原创 html转pdf实现超清打印
上篇文章中，已经实现了大多数场景下的打印，但是若是对pdf的清晰度要求较高，上述的方法将达不到你的要求，下面我将告诉大家一种超清打印，无缩放，和word生成的pdf毫无差别，用于上层领导的签章文件毫无问题。这个pdf非常清晰，核心代码如下,若是打印的内容有中文，必须要加中文字体，否则会乱码。
2024-10-08 18:24:15
372
原创 jsPDF+html2canvas实现html转pdf下载+打印
通过html2canvas转化后有缩放，无论怎么调整，感觉都不够高清，大多数场景都能满足，但是和手动创建word文档打印，还是有差距，若用在重要文档上，业务审核肯定不通过，这个时候就要求无缩放打印，下一章写如何用JsPDF无缩放打印
2024-02-06 15:55:39
1181
3
原创 React+Echarts实现数据排名+自动滚动+Y轴自定义toolTip文字提示
React+echarts实现排名+自动滚动+X轴自定义titleTop
2024-02-06 11:13:20
1605
原创 react+antd+CheckableTag实现Tag标签单选或多选功能
原理: 封装一个受控组件，接受父组件的参数，数据发现变化后，回传给父组件。下一节将分享多层级的标签选中功能，同时支持多选和单选功能。
2024-02-06 10:23:54
1679
原创 React+Antd实现表格自动向上滚动
React+Antd实现表格自动向上滚动，创建一个定时器，修改表格ant-table-body的scrollTop属性实现滚动，监听表层的元素div的鼠标移入和移出实现实现鼠标进入元素滚动暂停，移出元素的时候表格滚动继续。
2024-02-06 10:06:33
2338
原创 Antd+React+react-resizable实现表格拖拽功能
【Antd+React+react-resizable实现表格拖拽功能】常见问题1、拖拽时，鼠标离开，拖拽被还原，80%原因是因为父组件触发了useState更新，column被还原成初始态，2、拖拽要设置最小宽度和最大宽度，防止拖拽过程中找不到元素。二、在antd写入tab，并引用拖拽组件。
2024-02-05 12:58:40
1669
原创 UMI 创建react目录介绍及配置
1、UMI 创建的react项目介绍2、UMI的项目配置（路由的3种配置方式）3、运行时配置 app.ts
2023-02-10 13:13:21
3254
1
原创 React TreeSelect 组件使用和优化
1、React-实现树形下拉组件(TreeSelect)组件自定义选中，选择父组件可以实现收缩或展开，2、优化树形组件体验效果3、关键词：TreeSelect 、Antd、树形控件、React、treeExpandedKeys可控
2022-12-08 23:50:34
4014
10
原创 Vue中父组件如何能监听到子组件的生命周期
Vue中父组件如何能监听到子组件的生命周期 方法1：$emit 方法2：@hook3、为什么要使用@hook以及使用场景 4、Vue 中如何使用 @hook？
2022-04-01 20:20:04
6841
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
1237
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
8078
原创 Vue3 项目遇到的问题
1、vue3项目安装依赖出现问题时，不要盲目执行npm audit fix --force，会自动把所安装的包升级到最新的版本，但是有些版本是不匹配的，导致项目无法运行。2、defineConfig is not function
2022-03-21 20:58:23
2119
原创 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
2791
原创 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
1271
原创 mysql安装教程
mysql安装教程详解遇到初始化数据失败的问题（Initializing database(may take a long time)）
2022-03-09 19:36:33
596
原创 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
1722
原创 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
2034
原创 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
3664
原创 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
927
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
1664
原创 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
1821
原创 Vue组件局部注册、全局注册详解，以及什么时候使用局部注册组件？什么时候使用全局注册组件？
1、局部注册，每种注册方式的优缺点2、全局注册3、什么时候使用局部注册，什么时候使用全局注册？
2021-07-09 22:27:35
6610
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
168
React TreeSelect 组件使用和优化 自定义折叠和展开图标+可在title后添加任意组件+优化展开或者收缩
2024-02-06
React+Antd+tree实现树多选功能（选中项受控）
2024-02-06
vuex学习的小例子，包含所有的State、Getter、Mutation、Action、Module的使用
2022-03-15
ArcGIS_基础教程
2014-12-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人