- 博客(17)
- 收藏
- 关注
RSS订阅原创 记一次react公共组件打包发布流程
最近有个需求，需要我做一个公共组件并且发布在npm上，由于之前并没有这方面经验所以在过程中耗费了比较多的时间（大部分时间在疯狂百度），所以在完成需求后写一篇博文记录一下。
2023-06-06 17:41:41
2343
原创 react项目利用webpack从0开始配置多入口
最近在项目开发中遇到许多关于webpack打包配置问题，特意写一篇博文进行总结。1、webpack打包react项目 2、打包.scss类型文件3、打包图片类型文件【小于10kb转为base64格式】，并将打包后的图片放置指定目录下4、copy-webpack-plugin插件的使用5、html-webpack-plugin插件的使用6、配置多入口7、clean-webpack-plugin插件的使用
2022-11-03 10:08:03
982
1
原创 nodejs核心模块以及相关常用api
使用： var path = require('path');：将一系列路径或路径段解析为绝对路径。1、存在多个路径段时，只有最右边的有效2、如果没有参数传递，path.resolve()将返回当前工作目录的绝对路径3、如果调用后没有产生绝对路径，如：path.resolve("index.html")，则会默认拼上当前工作目录的绝对路径，效果等同于：path.resolve(__dirname, "index.html")
2022-11-02 15:22:00
484
原创 webpack打包将public目录下的文件复制在打包后的build目录中
webpack打包将public目录下的文件复制在打包后的build目录中copy-webpack-plugin插件作用是在用webpack进行打包代码时，可以将指定目录下的文件原样复制到另一个指定目录下【默认是打包后的目录下】。
2022-11-02 10:22:35
3452
原创 js获取指定日期范围的所有日期列表
最近开发的时候遇到一种情况，就是后台只返回开始日期和结束日期，但是页面需要展示这一段时间的日期列表，所以写个工具函数处理一下这类问题。
2022-10-19 09:58:31
2142
原创 webpack构建报错，Can‘t import the named export ‘SetArray‘ from non EcmaScript module
之前运行得好好的项目，在删除node_modules目录后，重新npm i，突然启动不起来了，提示Can't import the named export 'SetArray' from non EcmaScript module。经过了解和排查，发现可能是因为某个依赖项升级后导致与其他依赖版本不匹配，解决方案如下：在webpack.config.js里添加一段代码
2022-09-08 16:27:09
2488
原创 富文本编辑器UEditor更换上传图片以及上传音频接口
打开ueditor.all.js文件，搜索UE.plugin.register("simpleupload"，然后定位到以下位置：server就是你文件上传的接口路径，然后可以在formData里设置额外参数，因为上传文件时，formData中默认file【文件对象】的key是”file“，如果需要修改，则设置fileVal: "xxx"，其他具体参数的了解与使用可以去官网查看：WebUploader API文档 - Web Uploader http://fex.baidu.com/webuploader
2022-06-17 15:00:27
1225
2
原创 react-intl-universal实现中英文语言切换（国际化）
最近公司为了跟上时代潮流，要求我把之前的项目都进行国际化，实现中英文双语言切换功能，然后我只能连夜调研各大国际化组件，最终选择了这个react-intl-universal，它相比于 react-intl、react-i18next最大的亮点就是支持在js中使用，并且配置简单，提供的API也简单好用。npm安装：npm install react-intl-universal --save一、编写好中、英文json配置文件...
2022-05-07 11:46:15
3653
1
原创 js新增运算符?.、? ?、? ?=的介绍和使用
使用场景：平时在开发项目的时候经常会读取某些对象的属性值，而当这个对象为undefined或者null时，如果直接利用.运算符操作，那么将会直接报错：所以为了避免出现这种情况，我们需要在读取属性值之前对对象进行空值判断，常用的方法就是三元运算符、if else条件语句判断，以及&&运算符，这些方法会导致代码比较冗余，影响代码可阅读性，维护起来也比较麻烦。?.（可选链运算符）let obj = { name: "ggb" };let obj2;...
2022-04-18 10:08:27
867
原创 解决Array.sort()只能对10以下数字进行排序问题
最近在使用sort方法进行排序时发现没有效果，去了解了一下原来Array.sort()方法只对10以下数字排序有效，不过可以通过传参来设置排序规则。解决方法：let arr = [1, 20, 1423, 3, 633, 22];//arr.sort() 无效arr.sort(function(a, b){ return a-b; // a-b是由小到大，b-a是由大到小});console.log(arr); //[1, 3, 20, 22, 633, 1423]..
2022-04-15 17:11:52
298
原创 js将指定内容复制到粘贴板上
最近有个需求要实现图片分享功能，将图片地址复制到粘贴板上供用户发给其他人查看。查阅了一些资料，总结一下实现步骤。1、利用document.createElement创建一个input或者textarea标签2、将需要复制的内容作为innerText赋值给该标签3、将该标签插入到body中4、利用这两个标签特有的select方法将文本选中5、执行document.execCommand("Copy")命令，将选中内容复制到粘贴板上...
2022-04-11 17:05:18
2083
原创 Vue3学习小记
由于是学习基础知识，所以就先不用vue-cli脚手架构建项目，从基础搞起。搭建环境：<scriptsrc="https://unpkg.com/vue@next"></script>一、创建应用（1）语法：Vue.createApp()（2）使用：二、常用属性（1）v-bind：为标签属性绑定变量，当变量值改变时绑定的属性值也会改变（单向绑定）（2）v-model：常用于输入框，将输入框内的值与某一变量绑定，无论哪一方的值发生变化，另一方都会随之变化.
2022-03-04 17:21:48
762
原创 react利用ajax实现文件上传显示上传进度
在项目使用过程中，有时候因为网络过慢或者服务器响应时间较长，点击文件上传后一直转圈圈，也不知道上传进度咋样，就傻等，所以感觉需要显示一下上传进度，然后查阅资料找到一种解决方法，特此记录一下。解决方案：简单的制作了一个组件，用来处理文件上传，并实时显示上传进度import React, { useState} from "react";import $ from "jquery";function MyUpload(props){ const [uploa...
2022-03-01 20:13:56
965
原创 js实现文字颜色渐变（兼容IE）
利用svg来实现文字颜色渐变效果，并且可以很好地兼容IE。一、封装一个组件，接收文字import React from "react";function TextColor(props){ //计算名字的字节数，用于计算svg宽度 const computeLength = (str) => { var bytesCount = 0; for (var i = 0; i < str.length; i++){ ...
2022-02-22 20:15:50
1936
原创 前端下载后台返回的文件流zip类型文件
之前开发的项目中都是单个下载文件，可以利用的方法有很多，例如:1、FileReader实例的readAsDataURL()方法2、window.URL对象的createObjectURL()方法（需要注意下载完成后利用revokeObjectURL()方法释放内存）3、直接window.open且基本都是通过GET请求来获取，然后这次碰到情况跟以前有点不一样。第一这次是通过post请求来获取文件流；第二需要下载的是zip类型的文件（因为是批量下载），这就让我有点摸不着头脑，然后经过我花费
2022-02-17 17:46:34
10325
5
原创 深拷贝与浅拷贝
平时在开发过程中我们会经常遇到对于数组以及对象的操作，因为数组、对象可以对多条数据进行存储，并且存在内置方法可以很好地遍历、读取他们，但是有些时候如果我们需要改变存储在里面的数据，不恰当的操作往往会导致修改结果跟自己预期结果不太一样，这是由于数组、对象属于引用数据类型造成。 引用数据类型：他们存储的不是真实的数据，而是指向真实数据的地址的引用，当你直接修改数组或者对象的值时，那么真实数据会同步修改，这就会导致所有指向它们的数组和对象的引用的值都会被修改。以下文为例：所以...
2021-10-22 19:19:29
338
原创 使用pm2管理node服务
最近在做项目的时候有个需求，需要将nodeJS写的接口部署到服务器上，并且要求服务器重启后该node进程也会自动启动，我在搜索相关资料后选择了使用pm2进程管理工具。pm2管理工具相关优势：（1）动态监控文件变动，0秒热启动（2）对 CPU 进行负载均衡（3）监控 CPU、内存的使用状况（4）自动重启异常服务当然最主要还是看中了它的自动重启功能。那我们该如何利用pm2管理工具管理我们的node服务呢？1、安装node直接去官网下载稳定版后一路next安装即可。2、安装
2021-10-22 08:58:31
2329
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人