- 博客(62)
- 资源 (5)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 WEB 前端学 JAVA（二）Java 的发展与技术图谱简介
生态壁垒：2000万开发者，1000万+企业应用（金融/电信/政务）稳定性：LTS版本支持10年（Java 11→2026年），适合长期项目云原生进化：从Spring到Quarkus，完美适配K8s/Docker语言韧性：持续吸收新特性（模式匹配、虚拟线程），保持活力（注：内容更新至2025年，包含Java 21虚拟线程等前沿技术，适合入门学习与面试准备）
2025-05-04 19:47:58
669
原创 程序员控糖减肥方案
该方案充分结合程序员的技术偏好和职业场景，用系统化思维解决控糖难点。建议先试行2周，根据体重变化和疲劳感动态调整蛋白质与碳水的比例。
2025-03-24 09:14:44
694
原创 WEB前端学习JAVA的一些建议
作为web前端开发，需结合已有编程思维（如JS异步、组件化），聚焦Java核心差异（强类型、JVM、框架生态），以**“项目驱动+前后端联动”**加速上手。
2025-03-13 09:49:58
580
原创 2025 年前端开发趋势展望，开启新征程
React 依旧是 Web 开发的中流砥柱，React Server Components（RSC）不断完善，在服务器端渲染组件，大幅减少客户端 JavaScript 的使用，让应用加载更快、性能更优，在 2025 年，RSC 将成为高性能 React 开发的核心要素。Svelte 5 凭借构建时编译组件的特性，成为 JavaScript 生态中速度最快的框架之一，2025 年企业对 Svelte 和 SvelteKit 的采用会增加，其生态系统也会不断完善，在实时应用领域大放异彩。
2025-02-06 17:29:23
863
原创 JavaScript 获取浏览器唯一标识方案之一
需要在单设备上跨浏览器获取相同的标识，可以选择合适的 browser independent component；由于不同系统的显卡在绘制 canvas 时，渲染参数和抗锯齿等算法存在差异，导致绘制成的图片数据的 CRC 校验也各不相同。总之，通过 JavaScript 获取浏览器唯一标识是一个在前端开发中具有一定挑战性但又非常实用的技术。在前端开发中，有时需要获取浏览器的唯一标识。
2024-10-11 09:37:52
1164
原创 前端响应式开发剖析
响应式设计是当今网页开发中至关重要的理念和技术手段，其核心目标是确保同一个网站能够在多种多样的设备上，无论是传统的PC端，还是日益普及的移动端（涵盖平板设备、手机的横屏以及竖屏等不同状态），都展现出高度的兼容性和良好的视觉效果。这意味着用户无论使用何种设备访问网站，都能获得流畅、舒适且一致的浏览体验，无需为不同设备的适配问题而困扰。例如，一个电商网站采用响应式设计后，用户在PC端可以清晰地看到丰富的商品分类、详细的产品介绍和高清的图片展示，方便进行细致的筛选和比较；
2024-10-07 19:55:40
1088
原创 JavaScript 中数字添加千位分隔符的方法（三位分节法，财务记数法）
在前端开发中，经常需要对数字进行格式化处理，比如给一个数字每三位添加一个逗号。本文将详细介绍如何用 JavaScript 实现这一功能,主要是实现类似于。在现实中添加千位分隔符通常是从后到前，每三位添加一个逗号。在 JavaScript 中，我们可以将输入的数据先转换成字符串，然后利用。通过以上方法，我们可以方便地在 JavaScript 中对数字进行千位分隔符的添加，提升数字的可读性和展示效果。方法的输入负数参数从后取的特点来实现。方法的简化版，不考虑负数和小数，答案不唯一。
2024-10-02 09:53:31
561
原创 当 PC 端和移动端共用一个域名时，避免 CDN 缓存页面混乱（nginx）
PC 端和移动端共用一个域名，避免 CDN 为 PC 端缓存移动端页面
2024-09-19 17:32:46
832
原创 vue 踩坑记录
proxy的changeOrigin如果设置为false：请求头中host仍然是浏览器发送过来的host；如果设置成true：发送请求头中host会设置成target。设置代理，并把changeOrigin设为true。允许axios请求携带cookie等凭证。
2024-09-04 10:28:12
724
1
原创 大屏适配各分辨率屏幕方案及整合动画性能
每个公司都不可避免会有一些数据可视化的需求，大数据时代，更是一发不可收拾，各种花里胡哨的大屏效果，让前端既烦恼又有些许刺激，刺激是新的挑战带来的，完成了各种风骚的展示效果，那种成就感让人身心愉悦。。。近日笔者也刚从一个大屏项目中展缓一口气，抽时间将遇到的坑，及一些问题的解决方案记录一下。
2024-09-04 10:10:30
667
原创 shell 脚本 查找当前目录下所有js、html文件中，是否包含某关键字
shell 脚本 查询当前目录下 js html 文件中是否包含某关键字
2024-01-17 17:57:43
624
原创 微信小程序开发实战记录
小程序开发1 微信小程序 打开问卷星2 微信小程序 wxs 使用正则的问题3 微信使用 echarts 层级问题4 h5 中判断是否在小程序环境中5 嵌套 h5 中实现分享企微、微信和下载功能6 vant weapp 样式覆盖处理
2023-08-31 17:37:59
743
原创 vue3 ts报错：模块的默认导出具有或正在使用专用名称“Item”。ts(4082)
vue3 ts报错：模块的默认导出具有或正在使用专用名称“Item”。ts(4082)
2022-11-09 09:35:01
4838
1
原创 openssl自签https证书
自签发https证书1、https实现原理2、使用场景在本地开发过程中，需要调用浏览器的隐私权限（定位，摄像头，麦克风等）时或者开发PWA应用时，必须要使用https的协议。在不受域的限制时使用localhost也能直接调用。在微信开发中也需要用https才能调用相关接口。3、操作步骤1）通过openssl生成私钥openssl genrsa -out server.key 10242）根据私钥生成证书申请文件csropenssl req -new -key server.key -out
2022-05-19 11:30:07
471
原创 appium 使用
获取apppackage通过cmd命令，前提是先打开手机中你要获取包名的APPadb shelldumpsys activity | grep mFocusedActivityadb 链接模拟器端口adb connect 127.0.0.1:21503 (逍遥模拟器的端口)获取设备名称adb devices -l...
2022-05-01 09:00:00
184
原创 moviepy封装问题
moviepy是个好东西，但封装起来就不那么友好了，先看报错：脚本在没有封装的情况下可以正常使用，但是用pyinstaller -F 封装后运行就会直接报错："module ‘moviepy.audio.fx.all’ has no attribute ‘audio_fadein’“或者” module ‘moviepy.audio.fx.all’ has no attribute ‘audio_fadein’"然后闪退这两个错是因为moviepy包下子包audio.fx.all、video.fx.a
2022-04-24 15:57:25
562
原创 flutter 开发 （一）
flutter 链接模拟器 在bin目录 执行 shell ： adb connect 127.0.0.1:porthost 可以在模拟器配置中查看 如逍遥模拟器的配置目录：放模拟器的文件盘\Microvirt\MEmu\MemuHyperv VMs\MEmu\MEmu.memu这个文件中 的hostport...
2022-04-11 10:30:00
2657
原创 安卓项目嵌入flutter
https://flutter.cn/docs/development/add-to-app第1步 在 Android Studio 打开现有的 Android 项目并点击菜单按钮 File > New > New Module… ，这样就可以创建出一个可以集成的新 Flutter 模块，或者选择导入已有的 Flutter 模块问题：Android Studio 中没有找到flutter module解决1：在settings 中找到plugins 下载flutter 插件 安装解决2
2022-03-09 15:49:09
552
原创 查看windows电脑凭证密码 -Invoke-WCMDump
Invoke-WCMDump用于从凭据管理器转储 Windows 凭据的 PowerShell 脚本Invoke-WCMDump 在凭据管理器中枚举 Windows 凭据，然后提取有关每个凭据的可用信息。为“通用”类型凭证检索密码，但不能通过相同方法为“域”类型凭证检索密码。仅为当前用户返回凭据。资源下载：Invoke-WCMDumpPS>Import-Module .\Invoke-WCMDump.ps1PS>Invoke-WCMDump Username :
2021-06-10 12:51:39
2985
原创 前端RSA ，ASE 加解密踩坑记录
Rsa 加解密使用的插件：JSEncrypt.js加密方式： let encryptor = new JSEncrypt(); encryptor.setPublicKey(pubkey); // 加密公钥 return encryptor.encrypt(data); // data: 要加密的数据解密方式： let decryptor = new JSEncrypt(); decryptor.setPrivateKey(PrivateKey); // 私钥
2021-05-13 15:46:18
1270
2
原创 对比跨平台客户端方案：Electron和CEF
CEF和Electron都是跨平台客户端方案，CEF和Electron孰优孰劣?来看一下二者的对比。相同点：CEF和Electron都是基于chromium浏览器框架发展而来，核心技术和底层实现基本一致，形成了不同的跨平台技术解决方案，是因为各自进行了不同程度上的开发和扩展。CEF在2011年发布了CEF1的第一个正式版本，Electron在2016年发布了1.0版本，并在同年完成mac商店和windows商店的线上发布。两者安装包都非常大，就算单独开发的页面很小，纯原生的CEF和Electron应
2021-04-20 13:04:32
10582
2
原创 谷歌浏览器插件：整点提醒+备忘录
办公司人员，经常一坐一天，忙到水都忘了喝，写个插件每小时来提醒哈自己，不过图片好像抢风头了，**下面是提醒效果图：**当然还有它的备忘录功能：**下载地址：**https://download.csdn.net/download/caperxi/15732919后期将更新更多功能...
2021-03-11 20:22:25
1116
2
原创 js 打开的子页面中执行刷新
let page = window.open('http://www.baidu.com') setTimeout(function(){page.location.href='http://jd.com'},1000)
2021-03-03 11:01:12
280
原创 好玩的网页跑马灯
setInterval(function () { [].forEach.call(document.querySelectorAll('*'), function (a) { a.style.outline="1px solid #" +(~~(Math.random() * (1 <<24))).toString(16); a.style.color="#" +(~~(Math.random() * (1 <<
2021-03-03 10:21:30
509
4
原创 sucrase.js 在项目中的使用
背景在开发时，项目启动编译时间过长，平均在120s~140s，观察到最高编译时间190s+;严重影响开发效率，在多需求切换分支时尤为明显。介绍sucrase 是一款 JavaScript/TypeScript 编译器，目标是提供比标准Babel编译器更快的构建速度，在npm 的 sucrase的介绍中，被称之为babel的替代品，号称比babel 快20倍sucrase 允许超快速开发，但它只能在最新node 6 以上及非ie浏览器中使用。sucrase 是从babel派生而来，算是babel的
2021-02-20 14:24:34
872
原创 文本框内容正则实时匹配，匹配到的字体高亮
项目中遇到的需求,文本框输入的内容需要实时匹配并高亮效果如下以下代码直接取至项目中此需求核心代码，未做整理js代码 // 正则匹配 matching(){ let {regex,regexRestCorpus}=this.state; try{ const reg = new RegExp(regex.trim(),'gm'); let result = regexRestCorpus.match(reg);
2020-07-21 19:13:28
1218
3
原创 antd 菜单组件 使用时报错：Cannot read property ‘isRootMenu‘ of undefined
项目中使用了antd ui框架，在使用Menu组件得SubMenu组件时报出以下错误：Uncaught TypeError: Cannot read property 'isRootMenu' of undefined解决方案1 在组件SubMenu上解构propsrenderItems(items: Array<any>) { return (items || []).map((item: any) => { if (item.chil
2020-07-16 14:01:29
5628
4
原创 webpack 设置别名后 tslint报 TS(2307)错误
项目中使用路径别名可以使代码简洁清晰，但当webpack 别名与TypeScript 相遇时，问题就来了，报出如下错误：我在webpack中设置的别名为：那么该怎么解决这个问题呢？就是在tsconfig.js 也要设置tslint能识别的针对webpack别名的别名设置（有点绕。。。）如下：注意： baseUrl 和paths 这两个字段都是关键点。设置好之后，完美解决问题...
2020-07-15 17:01:26
5851
4
原创 js获取ip地址、浏览器信息
前端开发时，有些需求，需要得到访问客户的ip地址，大多时候靠后端完成，但其实前端也可以拿到，例如下面三种：第一种：用于仅支持IE的且允许Activex运行，利用ActiveObject来获取。第二种：利用其它平台的接口，在自己程序中使用如：新浪，太平洋等的接口，来给用户返回ip地址第三种：使用WebRTC(Web Real-Time Communications),他的定义是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接
2020-07-14 11:08:04
3969
原创 FileZilla链接阿里云服务器
FileZilla是一个免费开源的FTP软件，分为客户端版本和服务器版本，具备所有的FTP软件功能。可控性、有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个方便高效的FTP客户端工具，而FileZillaServer则是一个小巧并且可靠的支持FTP&SFTP的FTP服务器软件。- - - - 百度百科下载官网地址：https://filezilla-project.org/选择适合自己使用的下载，安装后一直next 就行。链接远程服务器点击打开站点管理器.
2020-07-13 10:24:05
600
原创 用node起一个服务，来应付老旧前端项目本地不能运行的问题
作为前端程序员，经常遇到一些“祖传代码”，不放在服务器就没办法调试页面，那么如何在本地顺畅的调试呢？方案之一就是模拟线上环境启一个本地服务。需要掌握的基础知识：1 node.js2 npm3 js在终端中打开文件夹，执行 :npm init终端会提示你配置packge相关的东西，按需要输入就行，一般就 回车回车回车。。。然后安装要使用到的npm包：expressexpress 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种
2020-07-07 11:17:22
411
HTML5+页面元素拖拽事件+拖拽元素进入或从容器中拖出元素
2024-09-19
批量修改项目中 git origin 地址的工具
2023-08-02
谷歌浏览器插件：整点提醒+备忘录
2021-03-11
ImageMagick-7.1.0-7-Q16-x64-static.exe
2021-09-13
Invoke-WCMDump-master1.rar
2021-06-10
python怎么还原这段js代码？
2022-08-08
wxpython中播放视频怎么指定播放位置？
2021-09-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人