自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(191)
  • 资源 (13)
  • 收藏
  • 关注

原创 如何开发一个自己的包并发布到npm

本文详细介绍了如何创建并发布npm包:首先注册npm账号,构建包含index.js、package.json和README.md的包项目;然后切换npm镜像源并登录账号;最后通过npmpublish发布包,支持72小时内用npmunpublish删除。文中以"thousand_tools"(数据转万元单位工具包)为例,说明了文件配置规范和发布全流程操作指南,包括镜像管理工具nrm的使用方法。

2025-10-24 10:10:33 695

原创 nodejs相关基础知识-第二篇

本文介绍了Node.js中path模块和http模块的使用方法,以及模块化开发和npm包管理的相关知识。主要内容包括:path.extname()获取扩展名;fs.writeFile的使用限制;利用http模块创建Web服务器;模块化概念及Node.js模块分类;module.exports共享模块成员;npm包管理、镜像源切换和包分类等。文章提供了详细的代码示例,帮助开发者掌握Node.js的核心功能模块和包管理工具的使用技巧。

2025-10-23 18:01:26 673 1

原创 nodejs相关基础知识--第一篇

本文介绍了JavaScript在浏览器和Node.js环境中的运行机制。在浏览器中,JS由核心语法和Web API组成,通过V8等引擎解析执行,并可通过内置API操作DOM/BOM。Node.js是基于V8的后端运行环境,无法调用浏览器API但能处理文件系统、构建应用等。重点讲解了fs文件系统模块(读写文件操作)和path路径模块(路径拼接、解析文件名)的使用方法,包括路径动态拼接问题的解决方案(使用__dirname)。文章还对比了浏览器和Node.js两种JS运行环境的差异。

2025-10-11 11:02:14 655

原创 node版本管理工具

使用NVM轻松管理多版本Node环境 NVM是Node.js版本管理工具,可帮助开发者在同一台电脑上切换不同Node版本。安装步骤:卸载原有Node,从NVM中文官网下载安装。常用命令包括:查看可用版本(nvm ls available)、安装指定版本(nvm install)、切换版本(nvm use)以及查看已安装版本(nvm list)。通过NVM可以方便地检查Node(node -v)和npm(npm -v)版本,满足不同项目需求,避免版本冲突问题。

2025-08-11 15:15:54 197

原创 代码打包的时候版本号自增

本文介绍了如何通过npm生命周期脚本实现跨环境自动版本号更新。利用prebuild钩子在构建前执行Node脚本,从线上获取当前版本号并自动递增(格式为major.minor.patch),同时根据环境配置同步更新应用名称和描述。脚本通过解析process.argv获取环境参数,读取不同环境的配置文件,实现版本号自增逻辑(如99版次进位)并回写package.json。这种方法解决了手动更新易出错的问题,确保版本号与线上环境同步更新。

2025-08-08 17:47:30 179

原创 自定义上传本地文件夹到七牛云

本文介绍了一个基于Node.js和七牛云SDK实现的桌面应用安装包自动更新系统。通过配置生产环境和开发环境的不同参数,系统能够递归上传指定目录下的文件到七牛云存储,同时排除特定文件夹(如win-unpacked)。系统会自动识别文件类型并设置正确的MIME类型,特别是针对.exe文件使用"application/x-msdownload"类型以防止被误识别为图片。上传完成后,系统会生成包含版本号、发布日期、更新日志等信息的version.json文件,并一并上传到七牛云。整个流程通过命令

2025-08-08 17:19:03 282

原创 获取微信用户openid

微信授权获取用户openid准备以及开发全部流程

2024-12-13 10:07:10 3417

原创 react hooks讲解--通俗易懂版

useState有两个状态,一个是status,一个是setStatussetStatus修改数据后,会触发的re-renderre-render:重新渲染,,re-render是react自身执行一系列的组件自身生命周期,render,虚拟dom之间diff之后,如果dom发生变化,则更新新的dom,如果没有变化则不更新。如何避免不必要的re-render?

2024-12-04 10:27:51 1103

原创 vscode中json文件的注释飘红

vscode中json文件注释飘红问题

2024-11-27 14:46:56 826

原创 前端截图并保存到本地--html2canvas

前端截图特定区域,方式之一

2024-11-23 15:17:56 227

原创 前端大文件如何切片上传---简易版

简单写一下前端大文件如何切片上传

2024-11-21 16:49:02 181

原创 js超大数字怎么处理?

前端面试会问到的一些问题

2024-11-20 22:33:17 348

原创 如何渲染超大表格,例如一万行数据

前端面试会问到的一些问题

2024-11-20 22:27:44 353

原创 js以formdata的形式上传文件

以formdata形式上传文件

2024-11-19 11:34:12 898

原创 js识别二维码

将二维码转换为链接

2024-11-16 17:01:04 464

原创 java helloworld

2、在cmd中运行:javac HelloWorld.java应该生成一个.class文件。3、然后运行java HelloWorld会显示打印HelloWorld。如下图将whera java返回的路径放进最上面,点击确定,那么运行java -version 如果这个命令也没有反应。出现这个,在运行上面的123就不会出错啦。再次运行java -version。1、新建一个java文件。运行where java。按照下图步骤打开环境变量。关于java的第一篇。

2024-10-22 23:21:32 298 1

原创 js的一些工具函数以及方法

js 处理数据的基本方法和一些工具函数,助力开发

2023-06-12 13:34:59 780

原创 h5 canvas绘制网络图片并导出

canvas 绘制多张网络图片;canvas 导出图片;canvas 绘制方形图片为圆形;

2023-05-10 11:18:06 1029

原创 以promise方式调用微信小程序的api

以promise方式调用微信小程序的api

2023-04-04 11:46:24 506

原创 微信小程序获取微信运动步数

微信小程序获取微信运动步数

2023-04-04 11:41:42 990

原创 vue 打包完成之前不清除上次打包的内容

vue 项目在构建项目之前不清除目标目录的内容

2023-02-09 14:03:12 1906

原创 文字对齐问题

包含标点符号的文案换行问题

2023-02-09 13:55:34 153

原创 uni-app动态修改manifest.json中的参数

动态修改uniapp manifest.json文件中的参数

2023-01-04 19:07:13 3236 1

原创 uniapp老项目添加自动化部署并配置多环境

我司其他项目都是通过jenkins打包部署的,只有uniapp项目要前端通过hbuilderx手动打包上传到git,为了方便操作,配置多环境,线上打包,改造老项目!

2022-11-01 11:43:55 2035

原创 本地搭建nginx

适用于前端测试打包后的文件,比如uniapp打包后的dist文件在本地运行

2022-09-23 11:10:52 1339

原创 使用微信开放标签wx-open-launch-app实现从h5跳转至app

wx-open-launch-app 打开第三方app

2022-09-20 15:14:59 3571 1

原创 在web端使用oss上传

react web端使用oss直传。

2022-06-20 16:23:27 893

原创 在Vue3.0中定义vant的toast全部提示

在vue3中挂载全局方法

2022-06-20 16:00:05 4901 5

原创 mac升级vue/cli2.9.6

尝试vue3.0项目的时候,新建失败,提示应该升级vue/cli,且附带了卸载和升级的命令:npm uninstall -g vue-clinpm install -g @vue/cli执行了好几次,查看vue版本还是2.9.6发现,卸载vue/cli的时候,执行vue -V还是可以看到vue存在的,且版本号为2.9.6上网查资料总结卸载及升级方法如下;查看vue存在路径 which due 看到vue存在usr/local/bin(每个人的不一样)下面; 进入.

2022-04-02 17:52:21 1337 1

原创 display:flex布局实现 上面两个,下面三个的布局

布局如上图。html 部分: <view class="cardList flex"> <view class="cardList_item" v-for="(item,index) in 5" :key="index"> <view>{{item}}</view> </view> </view>css 部分:.cardL...

2022-01-07 19:13:16 2905

原创 微信小程序调用客服消息,右下角提示“可能要发送的小程序”

想要实现效果如下:点击小气泡弹窗之后,自动回复对应内容。参考文档:button | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/component/button.html重点是以下部分:我司用的芝麻客服。看芝麻客服关于收到消息时回复,有个帮助文档,位置如下:文档地址:带参数的收到消息回复 · 芝麻小客服帮助文档 · 看云看云是一个现代化文档写作、托管及数字出版平台,基于Mar...

2021-12-17 14:32:50 2624 2

原创 微信小程序调用子组件事件

微信小程序父级组件调用自定义组件中事件的方法如下:假设自定义组件引入如下:(id是必须的) <count-down id="countDown"></count-down>count-down中有事件:Component({ methods: { closeGold() { console.log('close gold'); }, }})在父级组件中,调用count-down中cl

2021-12-16 16:05:34 1113

原创 微信小程序中使用svga动画

微信小程序中渲染svg动画

2021-12-16 15:56:54 4602 3

原创 关于console的知识点

table():用表格的形式显示数组或对象 数组: const a=[1,2,444,66];console.table(a) 对象: const a=[{a:'this a',b:'this b'},{a:'this a1',b:'this b1'}];console.table(a) 只打印部分对象: const a=[{a:'this a',b:'this b',c:'this c'},{a:'this a1',b:'this b1',c:'this c1'}];con

2021-10-29 16:44:51 197

原创 js 的 try/catch/finnally之间的关系

基本语法:function test(e){try { //必须执行的代码 if(e==3){ throw('是3')//抛出错误 }else{ console.log('不是三') }}catch(err) {//捕获try 抛出的异常 console.log('输入的值==3'+err)}finally {//finnally 可选是否执行 console.log('输入的值'+e)}}执行:te

2021-10-27 19:31:34 627

原创 js 捕获鼠标右键事件

window.oncontextmenu=()=>{console.log('鼠标点击了右键')}

2021-10-27 18:52:23 1903

原创 移动端抓包

电脑抓包我司app。抓包工具:charles(电脑下载即可。)抓包工具界面如上图。左侧就是请求的接口,右侧是返回的数据。抓包过程:启动charles,保证电脑和手机处于同一wifi下; 手机安装ssl证书,没有安装的用手机浏览器打开网址,不要用微信:chls.pro/ssl 我的是iOS系统,以iOS系统举例。 下载完毕是上面界面。 打开手机设置--通用--关于本机--证书信任设置,打开下面的按钮 2,3步骤是为了保证抓包的时候出现unknown的情况。 如下图处于勾选.

2021-10-27 10:21:23 303

原创 react+umi+antdesign+typescript从零构建后台系统

确保电脑有node,查看方式:node -v2.确保电脑有umi,查看方式:umi -v没有umi的安装方式:npm install -g umi3.执行以下代码:npm create umi 文件名或者 yarn create umi 文件名出现以下选择,直接回车即可。出现以下选择,直接回车。出现以下选择,这个是新建出来的模版是简易版本,还是比较完善版本。可以直接回车,也可以选择complete4.执行:npm inst...

2021-10-22 17:50:54 621

原创 地址栏拼接参数,页面请求报错。

页面报错:The page at ###was loaded over HTTPS, but requested an insecure resource '###'. This request has been blocked; the content must be served over解决办法,在页面入口页头添加:<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">..

2021-09-26 17:47:37 601

原创 npm install安装插件失败

参考:npm 在安装时候报错 npm ERR! request to https://registry.npmjs.org/express failed, reason: unable to verify_AdleyTales的技术博客-CSDN博客原因是https的自签名失败临时解决办法:关闭sslnpm config set strict-ssl falsehttps://blog.csdn.net/adley_app/article/details/107400613安装插件:npm ins

2021-09-24 16:00:43 928

识别二维码转化为链接,目前只做了识别微信微信二维码的测试

识别二维码转化为链接,目前只做了识别微信微信二维码的测试

2024-11-16

[3500个常用汉字]3500个常用汉字.txt

常用的3500个汉字。 用处为,项目中需要用到的特殊字体,可以自己压缩。 压缩需要用到这个文件。 压缩方式我也写的有哈。

2020-05-15

3D旋转图片滑动轮播,适配移动端

和图片轮播类似,但是3张图片同时显示,而且新添加了3D功能,图片来回滑动,形成一个封闭的圈。

2018-12-12

移动端跑马灯抽奖特效

点击抽奖开始跑马灯特效,随机抽中某个奖品,概率随机

2018-12-12

小程序上传文件到阿里云所需jsutils.rar

小程序上传文件到阿里云oss所需所有js,只需修改config.js里面的参数为自己的就可以,js内部有注释,按照注释来即可。

2020-04-15

跑马灯抽奖特效-固定概率

由前端计算固定抽到每个奖项的概率,跑马灯抽奖特效,并且每天抽奖次数不得超过3次

2018-12-12

保存和获取cookie的插件cookie.js

保存和获取cookie的插件cookie.js html中引入方式为: import {setCookie} from './cookie.js'

2020-05-05

实现一个鸡肋的功能————写汉字

功能复刻一个叫写汉字的小程序。 引入hanzi-writer.min.js,和jquery的js。

2020-07-13

clipboard.min.js

有一个需求:类似于我们平时自己做的选中网页上面的某段文字,然后复制到粘贴板上。 实现复制功能。 可以自己定义提示,具体用法可以看我的博客。

2020-05-29

实现一个鸡肋的功能————写汉字

功能复刻一个叫写汉字的小程序。 引入hanzi-writer.min.js,和jquery的js。

2020-07-13

pinyinjs-master.rar

根据上一个资源,继续是实现下一个功能,将汉字转化为拼音,要带声调。 根据项目需求引入自己需要的js。

2020-07-17

前端缩小上传的图片大小

用户上传图片的大小不一,从前端方面限制图片的大小,不改变图片的比例进行缩小。

2019-04-08

test_webpack.zip

从零用webpack构建一个vue项目 参考本人博文:https://blog.csdn.net/impossible1994727/article/details/106949687

2020-06-30

rem.js适用于移动端

适用于移动端的单位转换工具,设计图是375的话直接可以用的。 100px=2rem。 使用时要放到引用的最前边。

2020-06-03

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

TA关注的人

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