- 博客(46)
- 收藏
- 关注
RSS订阅
原创 关于前端开发中常用组件封装的一些思考、技巧分享，基本上所有的项目都适用
看过了大多数文章，都是讲解的知识点，但知识点的话我们很容易查询各种文档、书籍了解到，但实用的技巧就很难， 需要自己工作有一定的经历，经常封装各种组件，思考才能得来。本文的讲解是我本人真实的项目经历总结出来的，目前在我司这些组件在所有的项目中都能用
2022-01-04 19:25:09
13145
9
原创 vue去掉所有输入框两边空格，封装指令去空格，支持Vue2和Vue3，ElementUI Input去空格
解决Vue v-model.trim 去空格问题， 让你的Input轻松去掉两边空格，支持原生，支持Element UI 的Input，支持 TextArea, Vue2,Vue3
2023-08-08 19:34:18
7552
4
原创 React Hooks 详细使用介绍
React中的useState和useEffect用于管理状态和处理副作用，useMemo能记忆复杂计算结果以提高性能，useCallback则能避免不必要的子组件渲染。合理使用这些Hook能提升React组件的性能和稳定性。
2023-08-08 17:24:39
1159
原创 react Ref 的基本使用
当你在React中创建自定义组件时，如果想在父组件中使用ref引用子组件，你需要使用forwardRef方法。forwardRef允许你将ref从父组件传递到子组件中。下面是使用forwardRef在子组件中使用forwardRef方法：在子组件中使用forwardRef方法来传递ref，并将它与子组件的DOM元素或其他需要引用的元素绑定起来。同时，确保在组件定义中的第二个参数（通常称为ref）中接收传递的ref。});在上面的例子中，我们创建了一个名为的自定义子组件，并在其中使用。
2023-08-02 17:16:22
1419
原创 手把手带你学习CSS的Margin合并、Margin塌陷、BFC
Maring合并，就是上下的两个盒子，他们的垂直方向上的Marin会合并在一起，取最大的margin值。给其中一个盒子套一个外壳，给这个外壳呢设置BFC，因为BFC的规则是盒子内的和盒子外的是不影响。可以不用解决， 我们知道了这个规则，希望多少像素时，给其中一个添加大。我们先正常设置两个盒子，一个父盒子和一个子盒子，给子盒子设置。，会发现没有撑开，并且会带着父盒子一起动。给父盒子设置BFC或者添加border。给父盒子添加border。
2023-08-01 15:26:14
249
原创 TS satisfies操作符，解决类型提示问题
在写TS的时候， 使用 Record导致里面的key没有提示，很不方便，这时候就需要使用 satisfies操作符
2023-07-25 15:49:55
898
原创 对Element DatePicker时间组件的封装，时间组件开始时间和结束时间绑定
对element 时间插件的开始时间和结束时间绑定，不用自己麻烦处理
2023-07-19 16:04:07
1568
原创 React.memo、shouldComponentUpdate、PureComponent的基本使用
当我们组件内部有大量的计算是，避免组件内部进行不必要的重新渲染，使用React.memo进行缓存组件，避免不必要的重新渲染。默认根据props的浅比较进行来判断子组件是否更新。是否应该更新组件，true更新、false不更新。传递第二个参数是就根据第一个参数返回值判断。是用来判断是否需要重新渲染组件，和。用于class组件方式，而。
2023-05-23 13:39:18
692
原创 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
19016
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
3289
原创 Vue封装指令去掉输入框前后空格、支持el-input
当用户输入的时候，我们需要自动去掉输入框两边的空格， 注意，中间是能输入空格的我们一般使用的是 v-model.trim， 这种原生标签input能实现去空格，但是封装的不行了，比如使用 ElementUI的input
2022-01-05 17:47:14
5430
5
原创 vue后台多级路由列表页缓存，详情页不缓存解决方案
在后台管理系统中，我们要在列表页的时候对页面进行缓存搜索条件，页码等， 这样进入详情页面返回列表页的时候数据才不至于清空，但我们又不能对详情页进行缓存，但点击菜单的时候应该重新加载，不要使用缓存
2021-12-24 18:09:59
3063
原创 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
10179
14
转载 将VSCode的Terminal(终端/命令行)从cmd改成bash 支持 ll 命令
转发自：https://blog.youkuaiyun.com/weixin_43141793/article/details/101037016 打开设置(或者Ctrl+,) -> 终端, 找到 在 settings.json 中编辑 点开就可以.在settings.json添加{ "terminal.integrated.shell.windows": "E:\\Git\\bin\\...
2019-11-18 13:21:49
2808
原创 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
2573
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
541
原创 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
7139
原创 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
12009
1
转载 vue props传Array/Object类型值，子组件报错解决办法（已解决）
转自： https://blog.youkuaiyun.com/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
4647
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
9402
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
10380
转载 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
28940
21
原创 C语言俄罗斯方块
C语言俄罗斯方块先看效果代码如下/************************************* * 俄罗斯方块 * 1. 游戏开始界面，显示界面 * 2. 方块的产生,及判断方块产生的位置是否有方块，有就退出游戏 * 3. 方块的移动，旋转，左右移动，是否能移动 * 4. 方块到底，是否满行，产生新的方块 * @author zhoufei * @date 20...
2019-03-16 19:36:16
38475
38
原创 C语言贪吃蛇（队列思想）不闪屏
C语言贪吃蛇（队列思想）用到了队列的出队和入队，对队列不清楚的可以网上看看关于什么是队列注：其中用到了双缓冲来解决闪屏问题效果如下话不多说，代码如下：/******************** *队列思想，根据每移动就吧下一个位置压入队列，把尾部位置变为空，并出队 * * *****************/ #include &lt;stdio.h&gt;#incl...
2019-03-16 19:19:30
1301
6
原创 ES6之Proxy
Proxy概述Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理...
2019-03-14 11:50:01
292
原创 超简单的C语言贪吃蛇 不闪屏 双缓冲
C语言贪吃蛇今天把以前自己写的贪吃蛇总结了一下，发到博客上，怕放在电脑上哪天丢失了都不知道， 有不当之处还望指教 (*･ω&amp;lt; ) ヾ(◍°∇°◍)ﾉﾞ贪吃蛇中， 我们看到的蛇在不断的移动，其实就是在屏幕上不断的打印显示信息，又不断的擦除，就让蛇看起来在移动，在这里要用到语句： system(&quot;cls&quot;)， 但这个就造成了一个问题，打印不能一下打印完，所以造成了 闪屏， 解决闪屏的办法是...
2019-03-10 21:01:59
8944
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
2446
1
原创 npm install 命令的介绍
npm install 命令的介绍npm install 命令npm install (with no args, in package dir)npm install [&amp;lt;@scope&amp;gt;/]&amp;lt;name&amp;gt;npm install [&amp;lt;@scope&amp;gt;/]&amp;lt;name&amp;gt;@
2019-03-10 00:37:00
45998
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人