- 博客(46)
- 收藏
- 关注
RSS订阅原创 next.js 如何实现动态路由？
在 Next.js 12 中，动态路由和参数传递主要通过文件系统路由（File-system Routing）实现。
2025-04-20 21:58:36
628
原创 npm 常用指令介绍
npm（Node Package Manager）是一个非常流行的包管理工具，用于管理JavaScript项目中的依赖关系。在日常开发中，我们经常会使用npm来安装、更新、删除和发布包。本文将详细介绍npm的常用指令，帮助读者更好地了解和使用npm。
2024-05-08 11:02:44
974
原创 简单聊下 Vue 3.0 和 React 18 框架有什么区别
随着Vue3和React 18的相继发布，前端开发领域再次迎来了技术革新的热潮。这两款框架各自迭代升级，不仅优化了原有特性，还引入了许多新概念，使得开发者在构建现代Web应用时拥有更多选择。本文旨在浅层的探讨Vue3与React 18之间的异同，通过理论分析与实战代码示例，帮助开发者理解何时何地选用最适合的工具。
2024-05-07 16:54:53
1405
原创 Vue 3 父子组件通信语法糖 .sync 实现
vue3父子组件通信方式,语法糖,vue2,vue3,react,next.js,nuxt.js,vite
2024-04-30 15:52:49
696
原创 React 中 useContext 的用法与性能问题详解
React 中 useContext 是什么？useContext 有什么用？useContext 的使用方式，使用场景。React 父子通信方式。使用 useContext Hook 的组件都将重新渲染。使用 useContext 可以帮助你避免复杂的组件结构并简化数据传递。
2023-11-23 09:00:00
7892
8
原创 深入探究 Next.js 中的 getServerSideProps 和 getStaticProps 用法及区别
Next.js 中的 getServerSideProps 和 getStaticProps 用法及区别
2023-10-24 23:23:51
2395
2
原创 react中使用redux，但是通过useEffect监听不到redux中的数据变化？
redux, useSelector, 监听 redux 中 state 变化
2023-07-14 18:31:17
2801
3
原创 CSS：background-blend-mode 属性实现同时设置背景颜色和背景图片叠加在一起显示
css，background-blend-mode，背景渐变色，背景图片，渐变色背景和背景图片同时叠加显示
2023-05-22 17:42:20
8221
9
原创 Vue-cli 3.x 脚手架搭建的 Vue 2.x 项目进行 npm install 安装时报错: npm ERR! code 1……
vue 脚手架项目，vue 2.0，npm install 报错，npm ERR! code 1npm ERR! path D:\Gree_project\web_cloud_wms\node_modules\node-sassnpm ERR! gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
2023-04-25 19:22:24
10663
1
原创 程序员与你共观世界杯：Javascript 简易绘制世界杯旗帜（含足球元素）
世界杯，足球，canvas，绘图，js绘制，html5，css3
2022-12-07 17:18:47
1934
40
原创 js中call,apply,bind如何使用，使用场景及区别
call,apply,bind 怎么使用，有什么区别，call,apply,bind使用场景，手写 call,apply,bind, call,apply,bind区别
2022-11-30 11:01:08
1811
1
原创 Vue 3 中 Ant Design Vue 如何自定义表格 Table 的表头（列头）内容？
Vue3，Ant Design Vue 组件，Table 组件，表格组件，自定义表头，自定义列头，自定义单元格
2022-11-23 15:55:42
10851
原创 Vue 3 与 Vue 2 的区别，相比 Vue 2 有哪些升级、改变之处
Vue 3, Vue 2, 区别，对比，Vue 3新特性，Vue 3 和 Vue 2 不同点，对比
2022-11-17 08:30:00
1102
5
原创 JavaScript 实现寻找两个正序数组的中位数 ( LeetCode 热题 HOT 100 )
力扣，算法题，js，前端实现，两个正序数组找中间值，给定两个大小分别为 m 和 n 的正序（从小到大）数组 nums1 和 nums2。请你找出并返回这两个正序数组的 中位数 。
2022-10-31 16:13:03
504
原创 前端设计模式，观察者模式和发布订阅者模式的区别及JS手写实现
前端，设计模式，常见设计模式，观察者模式，订阅发布者模式，两种模式的区别，JS手写设计模式
2022-10-23 10:00:00
857
原创 前端html/js/css实现无限级目录树结构，点击目录展示当前子目录
无限级，无级别限制，目录树前端实现，点击目录展示当前所有子目录，js，html
2022-10-10 17:12:20
2813
原创 海尔（西安卡奥斯）前端社招三年面经（后续继续更新）
海尔，卡奥斯，西安，前端，社招，三年，面经，近期，9月份，腾讯，百度，阿里，美团，滴滴，美的
2022-09-21 17:03:05
1502
原创 Vue2中 keep-alive 使用，如何清除 keep-alive 缓冲的组件
vue2，清除keep-alive缓冲，include, exclude, VNode, cache, keys
2022-09-16 11:23:21
7294
6
原创 Bug记录: 路由无法跳转 TypeError: Cannot convert undefined or null to object at Function.keys (＜anonymous＞)
bug，路由无法跳转，路由报错
2022-08-19 19:00:47
3550
转载 CommonJS和ES6模块化的区别
CommonJS(CMD)，ES6，模块化，CommonJS和ES6模块化export区别，export,import
2022-08-19 09:46:29
3072
原创 CVTE（广州视源）前端三年社招面经，6、7月份本3最新前端社招面经
前端面试，社招面经，三年，大厂，CVTE，广州视源，百度，阿里，腾讯，美团，滴滴，饿了么，华为，小米，美的，引流
2022-07-04 18:07:01
2133
4
原创 js中创建对象的几种方式及Object.create()与new Object()的区别
1. 创建对象方式。有以下三种：1. const obj1 = new Object()2. const obj2 = {}3. const obj3 = Object.create()2. 三种创建方式的区别。① new Object()：可以接收 number、string、boolean、object 等任意类型参数，可不传入参数，默认为 {} 。const numObj = new Object(3)console.log(numObj) // Number {4}注意：
2022-05-21 22:21:11
1465
1
原创 ant design vue 中数字输入框a-input-number限制只能输入大于等于0的整数，且有最大输入值限制
Ant Design Vue 输入框组件，数字输入框，只能输入大于等于0的数字
2022-05-16 11:51:39
18022
原创 详解JS中的instanceof使用及手写instanceof
instanceof 是什么？instanceof 是用来判断左侧对象是否是右侧构造函数的实例化对象，或则说左侧对象能否通过其隐式原型 **[[proto]]**在原型链上一层层向上查找到右侧函数的原型对象，即函数原型对象出现在实例对象的原型链上就返回 true。通俗的理解： 右侧是不是左侧的爸爸、爷爷、祖宗，只要左侧对象继承自右侧函数就为 trueinstanceof 使用方式：object instanceof 构造函数，左侧必须为对象类型，右侧必须为函数类型。手撕instanceof, 原理
2022-05-10 15:34:23
18206
原创 前端常用input输入框正则校验总结及输入框输入限制处理
1.下面是封装好后的工具方法，进行输入框常见的正则校验:// 中文姓名校验器(只能输入汉字，最多10个)export const checkName = name => { return /^[\u4E00-\u9FA5]{1,10}$/.test(name)}// 手机号码校验（只能输入数字，1开头,第二位为3~9，后面9位为1~9）export const checkPhone = phone => { return /^1[3456789]\d{9}$/.test(ph
2022-04-26 13:53:24
11308
原创 js手写深拷贝数组、对象、函数类型数据
什么是深拷贝？深拷贝就是将拷贝后的对象放在一个新开辟的内存空间，拷贝后的变量和原变量中的任何一个被修改都不会对另一个有影响（多层嵌套的数组、对象如果有任意一层值改动影响拷贝后的值都不是深拷贝）。不会像浅拷贝那样只是简单的对指针地址的拷贝，这样两个变量指向的仍然是同一个存储对象，修改任何一个都会做相同改变，属于公用同一个数据。盗用一张图看下基本类型数据和引用类型数据的存储方式，通过它们存储方式不同来理解。js中基本数据类型Number、String、Boolean、Null、undefined、sy..
2022-04-10 19:01:02
1570
原创 瀑布流布局：CSS3多列属性column实现
使用CSS3多列属性所踩得坑多列属性会将容器平分成对应设置列数如图：column-count: 2， 会将容器分成两列。需要注意：每列之间会有个默认间距，大概是16px，间隔如图红线所处的空白空间。这个空白空间即列之间间隔可以通过column-gap属性调整，若设为0，列之间也就没有间隔啦.列宽column-width属性不生效问题在实现瀑布流的父容器.waterfall（最下面附有代码图）中直接设置column-width:100px;属性未生效，每列的内容都会撑满列宽（因为用的是块元素），如
2022-03-17 15:45:21
1455
1
原创 VUEX模块化处理时，在不同模块调用其它模块的state，mutations，actions
VUEX模块化时该怎么在不同模块调用其它模块的state，mutations，actions？下面是我的项目中VUEX模块化目录结构app.js, tag.js, user.js 这些都是将不同模块的state,mutations,actions给抽离出来了，问题来了，我要在user.js中调用其他模块中的state,mutations,actions，该怎么调用呢？state当前模块的state和mutation中是无法获取其它模块的state，actions中可通过第一个参数中的rootSt
2022-02-16 21:16:50
6911
原创 Vue中的computed和methods有什么区别？
很多使用过vue框架的开发者，虽然做的时间有一两年啦，但是还是有些不明白vue中的计算属性和方法有什么区别？什么时候该用方法？什么时候该用计算属性？大多数开发者都是凭借着积累的开发经验和感觉来使用这两者，但若是具体说出来什么情况下使用以及区别，就有些困难。computed计算属性，顾名思义就是属性，不是方法，类似于组件中data的返回对象里定义的响应式数据，可以在template模板中任何地方直接通过属性名读取。计算属性是一个含有方法（也可以是对象）的对象，方法名就是属性名，格式形如下面例子：c
2021-11-30 16:35:32
426
空空如也
前端有必要学Node.js吗？
2022-09-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人