自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

阿飞

web前端开发

  • 博客(46)
  • 收藏
  • 关注

原创 2022年前端面试题整理,持续更新中

最新的面试题整理,整理了很多的一些基础知识, 适合初中级的前端开发

2022-03-11 18:14:53 54755 34

原创 关于前端开发中常用组件封装的一些思考、技巧分享,基本上所有的项目都适用

看过了大多数文章,都是讲解的知识点,但知识点的话我们很容易查询各种文档、书籍了解到,但实用的技巧就很难, 需要自己工作有一定的经历,经常封装各种组件,思考才能得来。本文的讲解是我本人真实的项目经历总结出来的,目前在我司这些组件在所有的项目中都能用

2022-01-04 19:25:09 11843 8

原创 前端导出excel,前端纯数据导出excel

非常符合前端直接的使用excel导出

2023-08-11 16:17:09 915

原创 blob 数据保存为文件

【代码】blob 数据保存为文件。

2023-08-08 19:47:58 913

原创 vue去掉所有输入框两边空格,封装指令去空格,支持Vue2和Vue3,ElementUI Input去空格

解决Vue v-model.trim 去空格问题, 让你的Input轻松去掉两边空格,支持原生,支持Element UI 的Input,支持 TextArea, Vue2,Vue3

2023-08-08 19:34:18 5851 4

原创 React Hooks 详细使用介绍

React中的useState和useEffect用于管理状态和处理副作用,useMemo能记忆复杂计算结果以提高性能,useCallback则能避免不必要的子组件渲染。合理使用这些Hook能提升React组件的性能和稳定性。

2023-08-08 17:24:39 1113

原创 react Ref 的基本使用

当你在React中创建自定义组件时,如果想在父组件中使用ref引用子组件,你需要使用forwardRef方法。forwardRef允许你将ref从父组件传递到子组件中。下面是使用forwardRef在子组件中使用forwardRef方法:在子组件中使用forwardRef方法来传递ref,并将它与子组件的DOM元素或其他需要引用的元素绑定起来。同时,确保在组件定义中的第二个参数(通常称为ref)中接收传递的ref。});在上面的例子中,我们创建了一个名为的自定义子组件,并在其中使用。

2023-08-02 17:16:22 1319

原创 手把手带你学习CSS的Margin合并、Margin塌陷、BFC

Maring合并,就是上下的两个盒子,他们的垂直方向上的Marin会合并在一起,取最大的margin值。给其中一个盒子套一个外壳,给这个外壳呢设置BFC,因为BFC的规则是盒子内的和盒子外的是不影响。可以不用解决, 我们知道了这个规则,希望多少像素时,给其中一个添加大。我们先正常设置两个盒子,一个父盒子和一个子盒子,给子盒子设置。,会发现没有撑开,并且会带着父盒子一起动。给父盒子设置BFC或者添加border。给父盒子添加border。

2023-08-01 15:26:14 175

原创 TS satisfies操作符,解决类型提示问题

在写TS的时候, 使用 Record导致里面的key没有提示,很不方便,这时候就需要使用 satisfies操作符

2023-07-25 15:49:55 579

原创 前端常用正则

【代码】前端常用正则。

2023-07-19 16:10:39 785

原创 对Element DatePicker时间组件的封装,时间组件开始时间和结束时间绑定

对element 时间插件的开始时间和结束时间绑定,不用自己麻烦处理

2023-07-19 16:04:07 1361

原创 React.memo、shouldComponentUpdate、PureComponent的基本使用

当我们组件内部有大量的计算是,避免组件内部进行不必要的重新渲染,使用React.memo进行缓存组件,避免不必要的重新渲染。默认根据props的浅比较进行来判断子组件是否更新。是否应该更新组件,true更新、false不更新。传递第二个参数是就根据第一个参数返回值判断。是用来判断是否需要重新渲染组件,和。用于class组件方式,而。

2023-05-23 13:39:18 585 1

原创 vue3报错 Uncaught TypeError: Cannot read properties of null (reading ‘isCE‘) at renderSlot

造成这个的原因是有两个不同的vue版本, 就可能下载的其他的第三方和当前的vue版本不相同, 就有两个vue的副本,在引入的时候, npm去尝试引入的地址不对。最近在vue项目中遇到如下报错,项目使用的是vue3+webpack搭建的。

2023-03-14 11:30:38 17768 11

原创 The left-hand side of an assignment expression may not be an optional property access.ts(2779)

写 ts 和 react ref 时 有如下报错意思就是 可能为空, 我们不能这样直接赋值,那我们只要告诉编辑器 有值再进行赋值就可以了

2022-07-04 17:11:10 2569

原创 CSRF攻击原理和防护措施讲解

CSRF(Cross Site Request Forger)跨站请求伪造详细讲解

2022-04-16 00:44:01 3769

原创 请问JSON.stringify 序列化有什么问题?

平时我们在使用JSON.stringify时用注意哪些问题

2022-04-11 00:09:41 267 2

原创 有N个台阶,一步可以走一梯或者两梯,请问有多少种走法

最近面试,被问到了这个问题,由于没有看过算法这方面的题,自然这题就凉凉了

2022-03-30 00:44:53 4510

原创 Vue插槽用法,在JSX中的用法

Vue插槽的用法, 使用JSX写法该如何写插槽呢,$scopedSlots和$slots有什么区别呢?

2022-03-11 17:01:00 7336

原创 Vue封装指令去掉输入框前后空格、支持el-input

当用户输入的时候,我们需要自动去掉输入框两边的空格, 注意,中间是能输入空格的我们一般使用的是 v-model.trim, 这种原生标签input能实现去空格,但是封装的不行了,比如使用 ElementUI的input

2022-01-05 17:47:14 4932 5

原创 Vue页面未保存时离开页面做弹框提示

当用户编辑了当前页面,而没有进行保存, 离开路由时做提示

2022-01-05 16:55:47 4578

原创 vue项目中使用workspaces

vue多个项目中不同模块互相引用vue、yarn wrokspace、monorepo

2021-12-29 14:45:07 3635 1

原创 vue后台多级路由列表页缓存,详情页不缓存解决方案

在后台管理系统中,我们要在列表页的时候对页面进行缓存搜索条件,页码等, 这样进入详情页面返回列表页的时候数据才不至于清空,但我们又不能对详情页进行缓存,但点击菜单的时候应该重新加载,不要使用缓存

2021-12-24 18:09:59 2825

原创 windows下安装nvm教程,nvm use 乱码解决

windows下安装nvm教程,安装成功之后 nvm use 乱码解决办法

2021-12-07 22:40:42 9054 9

原创 vue项目在IE上显示空白 报错SCRIPT1006: 缺少 ')'

文章目录1.项目中安装`babel-polyfill`,进行配置2.在ie浏览器中调试出错位置vue项目在ie中不能显示,一直报错,根据网上教程安装了babel-polyfill,可还是不行,本文教你如何解决该问题1.项目中安装babel-polyfill,进行配置如果你已经配置了可以跳过该步骤安装: npm instatll babel-polyfill --save在 web...

2019-11-18 14:40:31 10069 14

转载 将VSCode的Terminal(终端/命令行)从cmd改成bash 支持 ll 命令

转发自:https://blog.csdn.net/weixin_43141793/article/details/101037016 打开设置(或者Ctrl+,) -> 终端, 找到 在 settings.json 中编辑 点开就可以.在settings.json添加{ "terminal.integrated.shell.windows": "E:\\Git\\bin\\...

2019-11-18 13:21:49 2611

原创 git bash闪退解决方案 c盘操作文件没有权限问题

git bash闪退解决方案 c盘操作文件没有权限问题打开 git bash 会出现闪退,就一直打不开解决方案打开命令行窗口(一定要以管理员的身份运行)输入以下命令sc query null sc start null如果该服务能正常启动就没有问题了,如果不能的话就还行配置把C:\Windows\System32\drivers\null.sys 文件,从别的电脑上拷贝一份来替换...

2019-11-16 15:13:08 2351 1

原创 用 nodejs 操作 MySql 数据库

用 nodejs 操作 MySql 数据库文章目录用 nodejs 操作 MySql 数据库安装使用封装方法封装之后的方法/db/databse.config.jsindex.js使用插入数据插入多条数据更新数据删除数据in语句执行多条in语句文档:在 npmjs 中搜索 mysqlhttps://www.npmjs.com/package/mysql安装npm install my...

2019-10-05 15:11:10 492

原创 nodejs获取文件所在路径、启动命令路径、node.exe路径

nodejs获取文件所在路径、启动命令路径、node.exe路径process.cwd() 执行命令时所在的目录__dirname 该js文件所在的目录process.execPath 执行此js脚本所用的nodejs程序文件路径例子 :在 C:\Users\admin\nodejs>下创建 index.js// index.jsconsole.log(' proc...

2019-10-05 14:50:51 6836

原创 JavaScript new Function的使用教程

JavaScript new Function 的使用new Function, 可以往函数里动态的传递内容,语法let func = new Function ([arg1[, arg2[, ...argN]],] functionBody)arg1…是参数,可以有任意个,最后一个参数是函数体这三个意思相同:new Function('a', 'b', 'return a + b'...

2019-10-05 14:40:08 11635 1

转载 vue props传Array/Object类型值,子组件报错解决办法(已解决)

转自: https://blog.csdn.net/Nalaluky/article/details/82746875 问题: Props with type Object/Array must use a factory function to return the default va...

2019-07-10 14:43:00 4583 1

原创 elementUI点击行时选中复选框

elementUI点击行时选中复选框在 el-table 部分加上 @row-click 和 ref <el-table ref="handSelectTest_multipleTable" tooltip-effect="dark" :data="tableData" style="width:1...

2019-06-03 10:13:27 9323 5

原创 在echarts中使用百度地图,卫星地图

在echarts中始用百度地图,卫星地图<!-- 首先引入百度地图 --><script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts.min.js"></script> <script src="https://api.map.baidu.com/api?v=2....

2019-05-04 00:25:47 10134

转载 vmware 装机报错VMware Workstation 未能启动 VMware Authorization Service。您可以尝试手动启动 VMware Authorization Servi

背景:想装一台SAP ECC服务器,先预装XP,在装XP的时候就报错:VMware Workstation 未能启动 VMware Authorization Service。您可以尝试手动启动 VMware Authorization Service。如果此问题仍然存在,请联系 VMware 支持部门。看这描述的意思是服务没起起来。WIN+R 输入 services.msc,找到 ...

2019-05-03 19:27:06 28665 21

原创 黑白打印机M268 dw安装教程

黑白打印机M268 dw安装教程

2019-04-30 16:27:27 2732

原创 C语言俄罗斯方块

C语言俄罗斯方块先看效果代码如下/************************************* * 俄罗斯方块 * 1. 游戏开始界面,显示界面 * 2. 方块的产生,及判断方块产生的位置是否有方块,有就退出游戏 * 3. 方块的移动,旋转,左右移动,是否能移动 * 4. 方块到底,是否满行,产生新的方块 * @author zhoufei * @date 20...

2019-03-16 19:36:16 38098 37

原创 C语言贪吃蛇(队列思想)不闪屏

C语言贪吃蛇(队列思想)用到了队列的出队和入队,对队列不清楚的可以网上看看关于什么是队列注:其中用到了双缓冲来解决闪屏问题效果如下话不多说,代码如下:/******************** *队列思想,根据每移动就吧下一个位置压入队列,把尾部位置变为空,并出队 * * *****************/ #include &amp;lt;stdio.h&amp;gt;#incl...

2019-03-16 19:19:30 1244 6

原创 ES6之Proxy

Proxy概述Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作,可以译为“代理...

2019-03-14 11:50:01 240

原创 超简单的C语言贪吃蛇 不闪屏 双缓冲

C语言贪吃蛇今天把以前自己写的贪吃蛇总结了一下,发到博客上,怕放在电脑上哪天丢失了都不知道, 有不当之处还望指教 (*・ω&amp;amp;lt; ) ヾ(◍°∇°◍)ノ゙贪吃蛇中, 我们看到的蛇在不断的移动,其实就是在屏幕上不断的打印显示信息,又不断的擦除,就让蛇看起来在移动,在这里要用到语句: system(&amp;quot;cls&amp;quot;), 但这个就造成了一个问题,打印不能一下打印完,所以造成了 闪屏, 解决闪屏的办法是...

2019-03-10 21:01:59 8643 7

原创 nodejs 中 path.join() 和 path.resolve()的区别

nodejs 中 path.join() 和 path.resolve()基本介绍__dirname:返回当前文件所在的绝对路径引入 path模块const path = require('path')使用path.join()path.join() 主要作用是拼接路径path.join方法用于连接路径。该方法的主要用途在于,会正确使用当前系统的路径分隔符,Unix系统是”/“,...

2019-03-10 14:37:42 2402 1

原创 npm install 命令的介绍

npm install 命令的介绍npm install 命令npm install (with no args, in package dir)npm install [&amp;amp;lt;@scope&amp;amp;gt;/]&amp;amp;lt;name&amp;amp;gt;npm install [&amp;amp;lt;@scope&amp;amp;gt;/]&amp;amp;lt;name&amp;amp;gt;@

2019-03-10 00:37:00 45758 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除