- 博客(50)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 三步教会你部署私有DeepSeek大模型及搭建个人知识库
DeepSeek的横空出世无疑是让国人振奋的。仅需要OpenAI公司3%~5%的训练成本就可以训练出一个媲美GPT-4的先进大模型，这样优秀的表现对于身处这个时代的每一个人来说都是福音。站在大的立场，DeepSeek的出现有利于打破算力垄断，让我们用有限的算力产出相同的价值，让“技术平权”的时代早些来临。
2025-02-23 15:14:07
830
原创 node-media-server搭建流媒体直播服务
现如今视频直播已经不是什么新鲜的话题了，像抖音直播、快手直播作为一种全新的娱乐方式已经融入到大众的生活中，成为群体生活方式的一部分。今天我们就使用nodejs技术搭建一套自己的流媒体直播服务。
2024-12-07 18:25:10
1161
原创 如何发布专属于自己的npm包
npm（Node Package Manager）是 Node.js 的包管理器，用于管理和分享 JavaScript 代码模块。它是 Node.js 平台的默认包管理工具，也是目前最广泛使用的 JavaScript 包管理器之一。本文介绍了发布自己工具包代码到npm仓库的从易到难的三种方式，包括：直接执行npm publish发布、使用np工具发布、在CI/CD工作流中发布。
2024-12-07 17:47:57
927
原创 内网穿透方案汇总及原理解析
内网穿透就是一种让外部网络的电脑能够访问当内部网络里的电脑或服务的技术。通常内部网络的电脑只有私有IP，外部网络无法直接访问，但内网穿透技术可以建立一个通道，让外部网络能够通过这个通道访问到内部网络的资源。文中介绍了Localtunnel、ngrok、花生壳等三种工具的详细使用教程。
2024-12-07 17:41:14
992
原创 每个程序员都应该有的Rust知识储备
Rust 是一种系统编程语言，以其所有权系统、内存安全、并发性和高性能为特点。通过独特的所有权模型，Rust 在编译时确保了内存安全，避免了常见的内存错误如空指针和数据竞争等。同时，Rust 提供了强大的类型系统、模式匹配和零成本抽象，使其在性能上接近 C 和 C++，而在开发效率和安全性上远超这些语言。
2024-12-03 00:19:46
887
原创 前后端企业级私有镜像搭建流程
项目开发中需要使用开源的第三方插件来实现某个功能时如何处理呢？通用的处理方式自然是使用包管理工具从镜像仓库直接下载，如前端的npm，java开发中的maven。(ps: 欢迎关注公众号奋进的技术人，获取最新的技术分享)现在我们不妨将这个问题升维一下。
2024-10-22 00:06:20
799
原创 koa+puppeteer爬虫实践
在实践SEO的过程中puppeteer是一种偏冷门的方案，但是却也有自己的用武之地，但是目前关于puppeteer的技术方案沉淀还比较少，所以遇到问题很难找到相关的资料，得自己慢慢去摸索，而且这种方案要求对服务器相关知识有储备，对于传统前端开发人员来说是有难度的。但是在实践之后对于浏览器的底层原理会有更加深刻的认知，毕竟puppeteer就是个浏览器内核程序，当你熟悉了使用浏览器内核程序开放的API去操作浏览器行为的时候，在可视化界面鼠标一顿点不是更驾轻就熟！
2024-08-18 21:00:21
1558
原创 接口加密方案
最近的新项目需要考虑到安全性的需求，为了防止别人盗刷接口，就在请求拦截器里对所有接口请求进行了参数加密校验，校验不通过后端就会将请求拦截，从而达到加密的目的。
2024-07-18 01:03:06
535
原创 postcss-px-to-viewport插件页面无法缩放的问题
是固定的，所以页面放大缩小不会改变元素的大小。插件做页面的时候发现了一个bug，虽然插件会把。单位实现页面适配，同时也不影响页面的放大缩小。实现页面的适应，但是因为同一设备下。
2024-07-18 00:03:11
622
4
原创 jQuery学习笔记第二部分：jQuery选择器及应用
案例：点击按钮，设置页面中的span标签，li标签，div标签的背景颜色。案例：设置页面上应用cls类样式的元素的背景颜色（类选择器）案例：鼠标移到的当前li标签会变红（高亮显示），移开红色消失。案例：点击按钮设置页面上应用cls类样式li标签的背景颜色。jQuery中获取元素的方式：通过各种选择器来获取元素（*最终效果：点击按钮div元素区域出现文字并且变色。案例：点击按钮修改层中所有的标签的背景颜色。案例：点击按钮，p标签里边的文本改变。案例：点击按钮设置文本框中的值。
2024-07-16 21:46:04
395
1
原创 手把手教会实现添加购物车动效
的，试了半天没效果，还以为这个实现思路不行，后面将定时器设为一个大一点的数字才有了效果。今天和大家分享一个购物车动效的实现方案，简单有效(づ￣3￣)づ╭❤～
2024-07-16 21:37:23
341
原创 three.js实现3D模型任意方向旋转
因为业务需要，我们在公司官网使用Three.js实现了可鼠标拖动任意旋转的3D旋转模型，可是实现之后发现除了Z轴方向都可以任意旋转，但是Z轴方向最多只能旋转180度。找遍全网也没有找到相关的资料来解释错在了哪一步，最终还是在github仓库中找到使用案例才得以解决。
2024-07-07 11:52:20
1789
6
原创 打造属于自己的脚手架工具并发布到npm仓库
欢迎关注扫码作者微信公众号。注意事项：因为网络问题可能导致。即可下载项目模板代码创建项目。错误，可通过科学上网方式解决。，获取一手技术分享⛽️。
2024-07-07 10:23:48
437
原创 手写$on及$emit，实现项目全局派发更新及事件监听
全局自定义事件派发更新及监听是一个比较常用且实用的功能，主要用于实现项目各模块间数据传递不方便或实时数据更新等场景首先创建全局对象用于存储自定义事件创建$emit方法，定义全局自定义事件并派发更新，同时将API挂载到window对象上创建$on方法，全局监听对应全局自定义事件，同时将API挂载到window对象上创建$off方法，销毁对应全局自定义事件，同时将API挂载到window对象上。
2024-07-07 10:20:31
430
原创 axios取消请求功能CancelToken原理解析
取消请求的需求平时出现的场景不是很多，估计有一部分小伙伴并没有使用过，这里就简单的介绍一下用法} else {// 处理错误});}, {})// 取消请求（message 参数是可选的）
2024-07-07 10:10:45
2158
原创 惧怕人工智能不如拥抱人工智能，聊聊如何使用Spring AI框架快速开发大模型项目
自ChatGPT出现以来，技术圈子里人人自危，导致大家心态越来越浮躁，生怕努力学习来的技术最后被人工智能轻易替代变得一文不值。其实换个角度来说大家也不用过于担心，社会的向前发展，生产力工具的优化更迭导致效率的提升是不变的主题，既然发展大势不可逆，何不端正心态，拥抱变化，让更先进的工具助力我们更好的工作生活。
2024-07-01 08:32:14
831
原创 还一味埋头苦干？是时候梳理总结了
这段时间没有扎堆的需求，所以得空梳理下过去半年在实现需求过程中使用到的技术点，觉得有些功能点还是很有意思的，供大家交流学习。
2024-06-26 00:16:34
828
原创 不会才知道并不是所有的mp4视频都能被video标签播放吧？
今天遇到个奇怪的bug，好好一个mp4视频在本地所有设备均可正常播放，但是上传至cos之后插入富文本，发现video标签只能识别出音频，并无视频。排查半天才找出问题所在，特此记录一下！
2024-06-26 00:14:15
1247
原创 聊点程序员必须知道的绩效管理知识，关于什么是KPI和OKR
KPI，全称Key Performance Indicator，即关键绩效指标。它是一种通过对组织内部流程的输入端、输出端的关键参数进行设置、取样、计算、分析，衡量流程绩效的目标式量化管理指标。KPI是企业绩效管理的基础，将企业的战略目标分解为可操作的工作目标，帮助部门主管明确部门的主要责任，并以此为基础明确部门人员的业绩衡量指标。KPI主要作为绩效评价的工具，用于评估员工、部门或整个企业在特定时期内的绩效表现。量化与质化指标结合，体现关注短期效益，兼顾长期发展的原则。
2024-06-25 00:22:53
1145
原创 Immutable不是cloneDeep！一文带你理解什么是“不可变数据集合”
Immutable.js是一个由Facebook开发的JavaScript库，主要用于帮助开发者更轻松地处理不可变（immutable）数据。这个库的主要用途是提供一种方式来创建和操作不可变的数据结构，这些数据结构在创建后不能被修改，从而避免了在数据操作中的许多常见问题，如意外的状态更新和数据竞争。每当对Immutable对象进行修改的时候，就会返回一个新的Immutable对象，以此来保证数据的不可变。简单点的理解的话其实可以将其理解为“深拷贝（cloneDeep）”，但其和“深拷贝”是完全不一样的概念，
2024-06-03 21:58:02
865
原创 手写$on及$emit，实现项目全局派发更新及事件监听
手写$on、$emit、$off，实现在项目中全局派发更新自定义事件及事件监听和自定义事件回收功能，方便的实现项目中各模块间的数据通信
2023-06-11 16:50:50
286
转载 ES6、7、8、9新语法新特性
前言如果你擅长这种扩散式学习方式，不妨再进一步温习一下整个 ES6 引入的新特性，笔者强烈推荐阮一峰老师的 ECMAScript 6 入门 一书。ES2018 引入的特性还太新，单在对 ES6 特性的使用应该和对 ES3 一样熟练。如果你身边的小伙伴还对 ES6 特性感到惊讶，请把这篇文章分享给他，防止退化为 “只剩项目经验的 JS 入门者”。1、let和const命令let命令，用来声...
2020-04-08 20:35:26
425
转载 webpack打包The 'mode' option has not been set,错误提示
学习到webpack打包这个工具的时候，总是报错。在这里记录一下…我是window系统当使用npm安装好webpack后，你去查看如果出现一下问题。出现以上问题，我的做法是 先将webpack全局卸载，安装cnpm 然后使用cnpm安装webpack我以为完事大吉，都解决了…在进行打包的时候报如下错误：复制代码Built at: 2018-12-05 09:51:42 1 a...
2019-11-12 01:09:47
389
转载 vuejs报错:[Vue warn]: Error in render: TypeError: Cannot read property 'matched' of undefined
记录报错：[Vue warn]: Error in render: “TypeError: Cannot read property ‘matched’ of undefined”found in—->at src/app.vue原因：1、必须引入router配置复制// 路由配置import routes from “./routes”;// 实例路由配置const r...
2019-11-10 10:12:35
898
转载 js统制html5 video标签中视频的播放和停止
js控制html5 video标签中视频的播放和停止各位大虾们，请不吝赐教！页面中有2个普通按钮a，b。还有一个video标签，能成功播放出视频。。我想要的效果是，点击a按钮，视频开始播放，点击b按钮，视频播放停止！！！[解决办法]参见 <title>Simple JavaScript Controller</title><script typ...
2019-11-02 10:57:04
4231
转载 如何使用PHP的交互式运行环境(Interactive shell)
从PHP 5.1.0开始，CLI SAPI提供了一个交互式命令行工具(Interactive shell)，这个交互式PHP shell是通过使用–with-readline编译选项集成到php内核里的。使用这个交互式shell，你可以直接在命令行窗口里输入PHP并直接获得输出结果。开启PHP的交互式shell模式，需要使用-a参数。下面是使用交互式shell的一些例子。$ php -aIn...
2019-10-02 13:01:29
1778
转载 更改npm镜像地址下载包步骤
1. 查看当前计算机的下载地址npm get registry2. 修改为淘宝npm镜像npm config set registry http://registry.npm.taobao.org/3. 修改为cnpmjs镜像npm config set registry http://r.cnpmjs.org/4. 修改为原始地址npm config set registr...
2019-09-19 10:12:12
469
转载 css选择器中:first-child与:first-of-type的区别
:first-child选择器是css2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。比如有段代码：QQ截图20140210135428p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素；h1:first-child 匹配不到任何元素，因为在这里h1是div的第二个子元素，而不是第一个；span:first-child 匹配不到任何元素，因...
2019-07-17 18:27:15
119
转载 比较Ajax与Flash的优缺点
1.Ajax的优势：1.可搜索性 2.开放性 3.费用 4.易用性 5.易于开发。2.Flash的优势：1.多媒体处理 2.兼容性 3.矢量图形 4.客户端资源调度3.Ajax的劣势：1.它可能破坏浏览器的后退功能 2.使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中 ，不过这些都有相关方法解决。4.Flash的劣势：1.二进制格式 2.格式私有 3.flash 文件经常会很大...
2019-07-11 09:15:44
733
转载 页面的性能指标详解
白屏时间（first Paint Time）——用户从打开页面开始到页面开始有东西呈现为止首屏时间——用户浏览器首屏内所有内容都呈现出来所花费的时间用户可操作时间(dom Interactive)——用户可以进行正常的点击、输入等操作，默认可以统计domready时间，因为通常会在这时候绑定事件操作总下载时间——页面所有资源都加载完成并呈现出来所花的时间，即页面 onload 的时间...
2019-07-11 08:16:54
458
转载 css中可以和不可以继承的属性
不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-bre...
2019-07-10 12:40:53
233
转载 CSS3属性-webkit-font-smoothing字体抗锯齿渲染
对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。但是，我们可以用以下两种定义进行抗锯齿渲染-webkit-font-smoothing: antialiased; /*chrome、safari*/-moz-osx-f...
2019-07-10 12:00:23
225
转载 笨鸟儿 静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别
一、静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。2、设计方法： PC：居中布局...
2019-07-09 17:25:23
168
转载 什么是Babel？
传说古时候一群人想建一个通天塔，去天上看看上帝在干什么。上帝于是挥挥手，让这群人说不同的语言，于是他们再也不能顺畅沟通，塔也就建不起来了。在JavaScript中，不同版本的浏览器对JavaScript的版本各有要求，而Babel的出现是的开发者几乎不用考虑浏览器的支持情况，尽情享受最新语法的舒适。Babel is a JavaScript compiler.Babel是一个编译器，能...
2019-07-01 10:55:46
2386
原创 为什么不建议用*{margin:0;padding:0}?
1.是不建议用的，应该把具体的标签名都列出来，有时别人在写示例时为了方便会直接这么写;body{ magin:0;padding:0; }这种，就是清除浏览器有可能默认设置边距；因为“在全局范围使用*号，会极大的消耗资源，所以不建议在全局使用”引用自2.你加这个后，table设置的cellpadding，cellspacing都无效了，确认这是要的效果当然可以直接用这个样式引用自...
2019-07-01 09:26:00
4782
1
空空如也
JavaSE中一段代码，为什么最后程序的输出结果是：你，苹，甜
2019-01-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人