自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (2)
  • 收藏
  • 关注

原创 useTransition详解

useTransition是一个帮助你在不阻塞 UI 的情况下更新状态的 React Hook。

2024-03-28 16:32:44 1250

原创 typescript基本用法、安装typscript、ts、tsconfig.json配置详解、ts数据类型、泛型写法、类型断言、class类、类的继承、修饰符 private 私有的,外部不能访问

前段必备神技typescript,包含typescript安装、tsconfig.json配置、数据类型、class类、泛型、abstract抽象类、namespace命名空间、decorator修饰器等

2024-03-28 16:15:59 1112

原创 pnpm、monorepo分包管理、多包管理、npm、vite、前端工程化、保姆级教程

1.使用pnpm 的monorope特性,进行多报管理。2.vite创建vue项目3.vite+vue添加支持typescript配置教程4.vite+vu添加支持less配置教程5.pnpm add package --filter -w6.packages多包相互调用,添加workspace依赖

2024-03-25 11:27:17 1018

原创 useCallback详解

首先,useCallback适用于纯函数,即函数的输入和输出完全确定,不会受到外部环境的影响。最后,使用useCallback时,需要确保缓存的函数能够在组件的生命周期内保持稳定。而使用useCallback来缓存状态更新函数,可以确保在多次更新时,只需调用一次缓存内的函数,从而提高性能。最后,在使用useCallback时,需要确保缓存的函数能够在组件的生命周期内保持稳定,否则可能会导致意外的行为。在React中,useCallback是一个强大的Hook,它允许我们在组件中缓存函数,从而提高性能。

2024-03-21 16:28:15 1244

原创 React基础入门

React 没有特殊的语法来编写条件语句,因此你使用的就是普通的 JavaScript 代码。以use开头的函数被称为Hook。useState 是React提供的一个内置Hook。可以通过组合现有Hook来编写自己的Hook。一个组件是 UI(用户界面)的一部分,它拥有自己的逻辑和外观。将变量user.imageUrl 赋值给 img 标签的 src 属性,需要使用{} 而非 “”。你的组件也不能返回多个 JSX 标签。你只能在你的组件(或其他 Hook)的。,请提取一个新的组件并在组件内部使用它。

2024-03-19 17:10:45 848

原创 nodejs、express报错Error[ERR_HTTP_HEADERS_SENT]:Cannot set headers after they are sent to the client

express 中间件中 next() 并不会阻断后面代码执行,如果后面继续对res的操作或者返回 就会导致 第二次响应,即下边的错误。@Error[ERR_HTTP_HEADERS_SENT]:Cannot set headers after they are sent to the client

2022-09-15 15:26:59 1341 1

原创 Express笔记

基于 Node.js 平台,快速、开放、极简的 web 开发框架。

2022-09-12 12:49:35 781

原创 express中间件使用

expres是一个自身功能极简,完全是由路由和中间件构成的一个web开发框架;从本质上来说,一个express应用就是在调各种中间件。

2022-09-12 12:15:56 746

原创 express路由的几种匹配模式

express路由的几种匹配方式,字符串、正则等

2022-09-12 11:42:22 919

原创 node常用api

两种模块化规范、createServer服务、mime、静态资源服务、zlib、gzip、crypto、event、http

2022-09-06 22:47:05 1566

原创 window操作小技巧

window日常操作小技巧

2022-09-06 21:29:37 546

原创 No installations recognized以及nvm use失败问题

No installations recognized以及nvm use失败问题出现报错的原因解决方法第一步第二步第三步出现报错的原因安装nvm-window时没有卸载nodejs,使用nvm ls时就会报 No installations recognized解决方法第一步从卸载程序卸载程序和功能。重新启动(或者您可能会从任务管理器中杀死所有与节点相关的进程)。寻找这些文件夹并删除它们(及其内容)(如果还有)。根据您安装的版本,UAC设置和CPU架构,这些可能或可能不存在:

2021-06-24 15:45:51 5832 9

原创 create-react-app集成antd-mobile,customize-cra扩展配置addLessLoader,lessOptions,fixBabelImports,实现主题定制和按需加载

Hello,小伙伴们。我是老梁,16年11月份开始在魔都工作,直到20年6月回老家,入住郑州,运气有点儿背,郑州第一个东家就拖延工资,so 我裸辞了。休息了一个星期再准备去找工作,这时接到了之前同事介绍的一个小项目,好久没更了,决定跟大家分享一下这个项目,大家共同学习。项目目标是做一款小程序 实现房间预订、在线点单、会员卡券积分管理的功能,并且同步实现一套H5版。没错,最佳实现方案是uni-app或者taro。听之前同事说uni-app坑多(高手勿喷,本人小白,没学过uni,不了解,仅仅听别人说,勿

2020-11-06 23:24:44 4769 1

原创 安装yarn后,cmd可以运行yarn命令,但是vscode中却无法识别

在使用VScode的终端时,全局安装的插件无法使用,如:yarn、cnpm、vue/cli、live-server、umi等。yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 2可以执行以下步骤来

2020-09-15 15:07:08 5149 5

原创 使用immutable.js让你的react程序更加高效

使用immutable.js让你的react程序更加高效第一步npm i redux-immutable immutable -S//喜欢 yarn的同学yarn add redux-immutable immutable 第二步//接下来需要在你的reducer里修改defaultStateimport { Map,List,fromJS } from 'immutable';...

2020-04-15 18:09:26 631

原创 import和require的区别(AMD和CMD规范)

import和require的区别import和require都是被模块化使用1. a. require是CommonJs的语法(AMD规范引入方式),CommonJs的模块是对象。 b. import是es6的一个语法标准(浏览器不支持,本质是使用node中的babel将es6转码为es5再执行,import会被转码为 ...

2020-03-29 20:51:07 1305

原创 使用js的defineProperty简单实现vue的双向数据绑定

原生js简单实现vue双向数据绑定废话不多说直接上代码废话不多说直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...

2020-03-28 19:09:57 610

原创 git查看远程地址,更新代码,提交代码,切换分支命令总结,git常用命令,git命令大全,git常见命令,git命令解决冲突,git代码冲突,创建Tag

查看远程git地址:git remote -v 拉去远程所有分支:git fetch -p 删除远程项目地址:git remote rm origin 添加远程代码仓库:git remote add origin http://jcode.cbpmgt.com/git/epp_saas_m_mht_man.git 更新远程分支列表:git remote update origin --p...

2020-03-04 21:12:28 1157

原创 js,javascript操作dom,原生js进行dom操作

添加和删除节点(HTML 元素)创建新 HTML 元素(节点)如需向 HTML DOM 添加新元素,您必须首先创建这个元素(元素节点),然后将其追加到已有元素。实例<div id="div1"><p id="p1">这是一个段落。</p><p id="p2">这是另一个段落。</p></div>&l...

2019-08-31 11:26:46 674

转载 2020最全的前端面试题,react、redux、vue\vuex\vue-router、es6\7

Vue面试题生命周期函数面试题1.什么是 vue 生命周期2.vue生命周期的作用是什么3.第一次页面加载会触发哪几个钩子4.简述每个周期具体适合哪些场景5.created和mounted的区别6.vue获取数据在哪个周期函数7.请详细说下你对vue生命周期的理解?vue路由面试题1.mvvm 框架是什么?...

2019-08-06 13:00:24 1063

原创 前端开发-apache本地配置、反向代理、根目录配置、apache配置、接口转发

前端项目开发,大多数时候需要模拟服务器环境,以及多个项目之间涉及到接口跨域等问题,接下来给大家介绍一下apach做接口转发。1.apach的安装①可以去apach官网根据自己系统的版本自行选择下载(喜欢折腾的小伙伴可以这样操作)②如果你比较赶时间或者跟我一样比较懒,可以下载一个360软件管家,搜索 apache ,点击安装即可(虽然lower了一点,但是还是挺快的,省的翻墙什么的了)...

2018-10-22 17:00:06 3443

原创 vue中如何使用less、stylus

一、使用less第一步当然是先安装依赖啦npm install less less-loader --save第二步修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,添加{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",}第三步...

2018-09-01 07:21:36 973

progress.zip

可根据需求转换为vue或react项目

2021-06-28

vue内部指令实例,大家快来学习吧

vue内置指令实例,刚入坑的小伙伴们快来试一下吧。老流氓吴喷

2018-07-22

空空如也

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

TA关注的人

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