- 博客(42)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 AI编程人机协作实战指南：用Copilot+Cursor+Claude打通需求到部署全流程
AI 编程工具正在重新定义"会写代码"的含义。过去，会写代码意味着能记住 API、能熟练敲语法；现在，真正的竞争力变成了：能用 AI 十倍速实现想法，同时保持对每一行代码的理解和 ownership。这个平衡点，就是人机协作的核心——AI 负责"体力活"（补全、生成、格式化），你负责"脑力活"（架构决策、边界判断、质量把关）。AI生成的每一行代码你要能讲清楚 → 每周裸写半天保持手感 → AI当参谋你当指挥官。做到这三点，AI 就是你的加速器而不是拐杖。
2026-06-17 09:58:36
204
原创 2026年6月AI编程格局剧变：从代码补全到自主Agent，四条暗线正在重写规则
如果2023年是"AI代码补全元年"，2024-2025年是"AI IDE元年"，那么2026年，行业真正进入了。核心变化不是模型又聪明了多少，而是产品形态彻底变了。
2026-06-16 10:50:16
683
原创 2026年AI编程进入深水区：从工具红利到架构思维的范式跃迁
2026年摆在每个开发者面前的核心问题，不再是"要不要用AI编程工具"——这个问题已经过时。在AI能力迅速逼近人类的时代，你的不可替代性来自哪里？我的答案是：来自你对业务的理解深度、你对架构的判断力、以及你对AI产出的审查能力。代码可以生成，但判断不可外包。本文参考：腾讯研究院《丰饶之后：AI Coding观察报告2.0》（2026年4月）、DX Developer Productivity Survey 2026、Stack Overflow 2025年度调查。
2026-06-16 09:10:53
189
原创 2026年6月，AI编程彻底告别“补全”时代：Agent全权接管开发链路
2026年6月，微软Build、Anthropic Fable5/Mythos5、OpenAI Codex三大事件标志着AI编程从'补全'正式迈入Agent全权接管开发链路时代。本文深度解读行业范式切换，分析Vibe Coding的诱惑与陷阱，展望下半年趋势，并给出开发者实操建议。
2026-06-15 09:46:13
1138
原创 AI编程2026：Copilot桌面应用发布，我们正在经历一场不可逆的范式转移
GitHub刚刚丢下了一枚深水炸弹——Copilot桌面应用正式发布。但这只是冰山一角。真正在发生的事，比一个新产品发布大得多。
2026-06-12 08:56:41
252
原创 Cursor 扒光了自己 18 个月数据：AI 编程的 5 个残酷真相，看完少走 3 年弯路
不是又来一篇概念文，这次是真实产品数据。Cursor 刚刚发布了《2026 年春季开发者习惯报告》，一口气掀开了 AI 编程圈的底裤。
2026-06-10 09:04:16
154
原创 Windows Agent Store 发布：2026年AI编程的“应用原语“革命
2026年6月的第一周，AI编程领域迎来了历史性转折点。微软的全面自研、OpenAI的产品整合、市场格局的重新洗牌，共同标志着AI编程从"辅助工具"阶段正式进入"生产力加速器"时代。对于开发者而言，这既是挑战也是机遇。那些能够快速适应新范式、掌握AI协作技能、提升架构设计能力的开发者，将在新时代获得更大的竞争优势。未来已来，只是分布不均。AI编程的浪潮正在重塑整个软件开发生态，你准备好了吗？本文基于2026年6月1日-5日公开报道整理分析。
2026-06-05 10:19:28
382
原创 node.js版本切换工具nvm安装使用教程（Windows操作系统）
通过nvm install lts安装最新稳定版node.js,或者nvm install latest安装最新版node.js。切换到新安装的node.js后需要重新安装yarn：npm install -g yarn。安装完毕后可以通过nvm list查看当前存在以及使用中的node.js版本。通过nvm use 20.18.0切换到已安装的对应版本的node.js。有时候无法访问，可以直接下载上面安装包。
2024-10-24 15:11:34
560
1
原创 纯前端导出excel插件pikaz-excel-js使用小结
最近项目有多个报表开发并前端导出为excel的需求，第一张报表用的是pikaz-excel-js插件，git地址为https://github.com/pikaz-18/pikaz-excel-js，网上文档虽然多，但很多都很基础，官方文档介绍也很简单，没有很详细深入，好在导出的excel看着还原度很高。我们可以创建一个空数组，从上到下一行一行地往该数组push行对象，对象里面是从左到右按顺序排列的列名（会在excelExport函数的keys定义，整个excel有多少列就定义多少个）；
2024-08-21 14:56:56
829
2
原创 Element-ui table进阶使用
合并单元格就用自带的span-method，比如下图中红框部分单元格，先通过行列index定位，然后return一个数组或者对象，里面前者值为行，后者值为列，比如[1,3]意思就是1行放3列，{rowspan:2,colspan:1}意思就是2行放1列，两种写法都行。开发过程中遇到了一些问题：如何让table强制刷新。Table示例中数据格式如下，每个对象对应每一行，对象里的每个参数对应行中每列单元格，所以我们可以先拼接每一行的对象，如下图代码所示，最后进行单元格合并。然后设置对应的css样式即可。
2024-08-21 14:48:47
1673
原创 DTS飞渡开发入门
我们需要先在官网注册账号，然后下载三个软件并安装：DTS Cloud（高渲染云服务发布）、DTS Engine（多源数据自动处理平台）、DTS Explorer（数字孪生场景的构建和编辑器），安装DTS Cloud时选择安装master，安装完毕后打开master，用注册的手机号授权试用即可。三、在场景展示页面加上标签<div id="player"></div>（建议宽用100vw，高用100vh），并在当前页面引入acapi，如下图所示；相关DTS API可见。
2024-02-23 19:44:10
2294
原创 Node.js初学心得
首先创建一个文件夹，我命名它为nodeTest，然后在文件夹路径打开powershell终端，输入“cnpm install express --save"或"npm install express --save”安装Express依赖。做vue前端开发，node环境很早就知道，之前想当然认为node就是一个常规的运行环境，不会提供其它功能。另外，我发现node.js里面的console.log不会打印到浏览器控制台，而是powershell里面，可能是因为它是在服务内，不是在系统内。
2024-02-23 08:59:32
620
原创 前端AI工具Vercel V0初体验
我在V1版本用中文指令让它支持节点展开、收起，发现没有变化，可能不支持中文指令，后面V2版本换成英文指令后，树节点默认收起了，但点击却无法展开。目标是帮助开发者构建其产品的第一个版本（所以名字叫V0，可以在V0版本上不断修改，生成V1、V2等等版本）。）进行注册，然后点击“Soluations”下的“AI Apps”，最后点击“Try V0.dev”按钮进入V0页面。我们输入指令让V0帮我们生成一个带有滑动验证的登陆页面，大概10秒左右就生成好了，还是很快的。首先在Vercel官网（
2024-02-22 09:07:48
13071
1
原创 密评经验分享（将近75分高分通过）
附录3 选取政务信息系统中常见的电子公文处理系统，选择最小业务场景，提炼基本密码应用需求，设计了一个精简版的密码应用方案示例，在密码应用流程、密钥管理、安全管理、实施保障等方面较为简略，可为各单位编写密码应用方案提供思路参考，实际工作请结合附录 1，依据项目实际设计编制密码应用方案。”全称“密码应用安全性评估”，是指在采用密码技术、产品和服务集成建设的网络和信息系统中，对其密码应用的合规性、正确性和有效性进行评估。简单地说，就是对使用了商业密码的系统进行评估，从而确保其密码应用的合规、正确、有效。
2024-02-20 10:18:05
9440
3
原创 AI视频生成工具Runway注册试用
有时候会一直loading（看控制台是接口401，可能是runway服务问题），此时刷新页面会中断账户注册，建议多试几次注册流程或者换其它VPN。注册登录后会免费赠送100秒的AI视频制作，可以通过图片、文字、图片+文字三种方式生成视频，文字最好用英文，中文可能不识别（我没有测试）我试了文字、图片+文字生成两种方式，感觉生成的4秒视频和预期误差较大，可能是提示词不够贴切，还有视频太短无法自然展示所有内容。输入邮箱地址，这里可以使用国内邮箱，如网易126邮箱。进入官网登录页，点击右上角免费注册按钮。
2024-02-20 09:52:33
5537
原创 微前端个人理解与简单总结
我研究、配置的第一个微前端是qiankun，根据qiankun官方文档可以成功搭建Vue主子应用以及react子应用，但文档中配置项层级模糊且对应示例比较片面，好在网上博客、文档多。最近一段时间在学习微前端，一开始是看各种博客了解微前端含义、对比多种微前端框架优劣，最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。可以说wujie给我最大的感觉是文档混乱、步骤不清晰、容易误导人，网上相关的博客、文档很少，翻来覆去内容都很相似，参考意义不大。Qiankun（蚂蚁）
2023-12-01 11:22:46
2569
原创 浙政钉二维码控制显示及缩放
response_type=code&client_id=应用标识&redirect_uri=回调地址&scope=get_user_info&authType=QRCODE&embedMode=true。//数据格式：{ "code": "aaaa", "state": "bbbb" } alert(JSON.stringify(event.data));注意事项：参数"redirect_uri=回调地址"涉及的域名，需和创建扫码登录应用授权时填写的回调域名一致，否则会提示无权限访问。
2023-12-01 10:19:51
1989
原创 基于supermap超图、cesium的场景截图实现，避免全黑截图
由于超图或cesium场景都是在一个canvas标签上，所以一开始打算用canvas.toDataURL()获取画布上的绘制内容，再通过a标签触发点击下载。但最后试了多次得到的都是全黑图片。就算通过 Canvas.getContext()设置preserveDrawingBuffer: true也不行，这会导致场景变黑，部分内容闪亮，此时截图还是能看到一部分的，说明canvas.toDataURL()功能正常，只是场景出了问题。最近有个需求：只截场景图片，不保留其它功能标签，并导出下载。
2023-04-12 15:54:45
1453
原创 Vxe-table使用技巧总结
最近项目中需要用到多层树table+checkbox勾选功能，选了一些组件，最终决定使用vxe-table。Vxe-table功能丰富、api也多。官方例子很多比较粗浅，我花了很多精力才弄通了一些功能点及细节。在此汇总给大伙铺铺路。
2022-06-01 16:08:25
22098
原创 超图隐藏地球、太阳、大气层、阴影方式
首先获取viewer：var viewer = new Cesium.Viewer('cesiumContainer')；然后获取scene：viewer.scene；最后进行修改：地球：viewer.scene.globe.show=true(打开，false关闭)；太阳：viewer.scene.sun.show=true(打开，false关闭)；大气层：viewer.scene.skyAtmosphere.show=true(打开，false关闭)；阴影（太阳投射而成的阴影）：
2021-12-14 16:07:09
1199
6
原创 超图iserver发布服务小结
1、服务归纳最近负责的项目需要发布大量的三维、数据、地图服务，并且每个服务可能有多个版本迭代。如果不对这些服务加以归纳，可能会导致服务管理混乱、误删等。这里我采用先按日期归类文件夹，再按版本归类文件夹中的服务名称的方式。比如：文件夹为“2021-12-13”、“2021-12-14”，文件为“宗地红线图层-1.zip”、“宗地红线图层-2.zip”。在确定某些服务不再使用后及时删除iserver上已发布的对应服务及其对应的原始数据文件。2、个人建议尽量使用windows服务器部署window
2021-12-14 15:08:09
1738
原创 原生input标签滑块功能及样式修改实现
现在很多现成的前端组件非常受欢迎，以至于越来越多的HTML原生标签渐渐被忽视。但现成组件功能局限性较大，有些情况下无法支撑实际的需求，这时候还是得靠HTML原生标签实现。最近参与玄览组件开发时就遇到了这种情况：有多个滑动条，它们分别对应一个或多个图层，移动滑动条时要能实时修改对应图层的透明度，并且要修改滑动条样式。常见的一些现成滑块组件样式修改容易，但提供的属性值和绑定的方法只适用单个滑块使用场景。在多滑块相互影响、联动的场景面前显得捉襟见肘，并且有时候该滑块对应功能限制了滑块使用方式。比如超图
2021-12-02 15:15:43
2409
原创 Vue项目中使用iframe和postMessage实现跨域通信传输数据
之前项目有个需求：想在父页面中嵌入的子iframe里用父页面的登录信息进行二次登录。当时采用iframe和postMessage实现了这一功能：1、父页面中的子iframe：2、父页面中使用contentWindow.postMessage方法向子iframe传入“username”和“password”两个参数：3、子页面中使用window.addEventListener方法监听获取父页面传过来的“username”和“password”两个参数：...
2021-10-24 21:21:44
1310
原创 装饰者模式(Decorator Pattern)在Vuex中的应用思考
装饰者模式又称装饰器模式，在不改变原对象的基础上，通过对其添加属性或方法来进行包装拓展，使得原有对象可以动态具有更多功能。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。理解一：在Vuex中，单一状态树作为唯一数据源，Store对象相当于原对象。State、Getters、Mutations、Actions、Modules相当于这单一状态树的装饰器，通过这些装饰器来提供额外功能，如获取状态、.
2021-06-29 09:08:03
395
原创 Canvas动态改变宽高解决拉伸问题
之前开发模型渲染功能时，有一个特效是通过给目标canvas添加、修改filter属性实现。当时我发现一个问题：仅仅添加、修改filter一个属性后，canvas内容会被拉伸，导致滚动条出现（如下图，外层div宽高为337.5*745，但内层canvas宽高却为1012*2235），就算添加固定高度也没效果。昨天处理移动端适配，发现这个问题在移动端影响更大。最终我是通过动态改变canvas宽高完美解决了此问题。首先使用window.getComputedStyle（）方法获取canvas父级容器宽高；
2021-05-19 13:57:10
2827
原创 Vue项目中使用sortablejs实现拖放排序功能
首先通过npm install sortablejs --save在项目中安装依赖；然后在想要实现该功能的页面中引入它：最后，在当前页面中定义rowDrop方法（可以在mounted生命周期触发它或在一个监听函数中触发它，我是后者），我是想在antd的table组件中使用该功能，由于要拖放排序的是tr元素，所以选择tbody元素作为目标节点，即dragTr。接着通过new Sortable()方法传入dragTr完成sortable对象的构建，可以在该方法中传入相关配置项（具体见官网），以及在o
2021-04-28 15:33:30
1862
1
原创 Vue项目使用v-drag实现拖拽功能
无意间发现一年半前使用的拖拽功能，感觉挺实用的，分享给大伙。首先需要创建一个自定义指令“drag”；然后直接按照下图代码将dom元素的鼠标点击、拖动、松开事件方法定义好（这里的el是指令所绑定的元素，可以用来直接操作 DOM）；最后在想要拖动的元素的根节点标签中加入“v-drag”即可，此时，自定义指令中的el就是类名为“contrast-con”的div元素。...
2021-04-27 09:39:00
10595
4
原创 Antd修改Table表格行间距
我们在使用Antd的table表格时，可能需要增大每行间距。如果直接在tr或td标签中使用margin或padding不会生效。像下图我把margin-top设置了1000px，页面明显可以看出没生效。这时候可以给td设置一个白色的有宽度的底部border，如下图红框处：...
2021-04-13 17:08:04
7045
2
原创 CSS使用注意事项之word-break
有一次我发现无论怎么设置都无法实现行内文字换行，当时我测试的文字是一段很长的纯数字，比如11111111112222222222......888888888899999999999。后来是加了word-break：break-all;才实现。原来网页在识别连续纯数字或连续多个字母时会将其作为一个长单词，需要用word-break：break-all;将其分开。...
2021-04-13 15:12:37
285
原创 Antd单独隐藏Modal对话框的默认ok或cancel按钮
有时候我们需要单独隐藏Modal对话框的默认确定或取消按钮，设置:footer="null"会把两个按钮都隐藏。Antd有提供两个参数用于单独修改确定、取消按钮：对于确定按钮，设置:ok-button-props="{style:{display:'none'}}"；对于取消按钮，设置:cancel-button-props="{style:{display:'none'}}"。这样就能快速隐藏对应按钮了。...
2021-04-13 14:30:02
18922
3
原创 Antd树型选择控件TreeSelect搜索功能
有时候我们需要在TreeSelect中添加搜索功能，Antd是有提供对应的配置选项，两步即能实现：1、在a-tree-select标签中添加show-search参数，这能在下拉中显示搜索框，需要注意的是仅在单选模式下生效；2、在a-tree-select标签中添加tree-node-filter-prop参数，其值为tree-data参数绑定的数组（图中接口返回的整个data数组）的title值。我们在搜索框中输入想要查找的内容，TreeSelect就会自动过滤搜索结果并展示，如下图：
2021-04-13 10:54:13
11151
4
原创 Vue项目中使用gif.js方法及注意事项
前言：最近遇到一个需求，要将canvas转换成gif动图。网上大部分解决方案是利用gif.js（官方地址：https://github.com/jnordberg/gif.js）。由于没有现成的npm库，官网说明只能直接引入js。由于每个Vue项目用的版本不同，静态资源存放路径也不同，所以我就以Vue2.0为例教大伙正确引入gif.js及gif.worker.js。首先，在项目index.html文件中引用外部js<scripttype="text/javascript"src="ht..
2021-04-12 16:28:31
4771
9
原创 基于Vue的微信公众号开发及选型研究
目录1、背景介绍1.1微信公众号简介1.2Vue框架简介1.3组件库简介2、开发流程2.1申请微信公众号2.2申请微信测试号及配置2.3安装微信开发者工具2.4创建Vue项目2.5选择合适的组件库并引入项目2.6拼接访问链接2.7使用微信开发者工具进行页面调试2.8配置自定义菜单2.9部署到服务器3、选型研究3.1开发框架选型3.1.1React简介3.1.2对比Vue与React的不同，及Vue的优势3.1.3Nux...
2021-03-31 15:18:23
3160
2
原创 Nginx服务问题总结
2018年6月25日遇到的问题描述：XX系统外网访问时，上传800k以上文件会出现413错误、IO错误等等，但是其内网上传正常。周末排查了Tomcat和Nginx配置都没问题。解决办法：原来是服务器上同时开启了多个Nginx服务，全部关闭后重启一次Nginx服务解决此问题。2018年8月24日遇到的问题描述：由于XX单位信息科重新安装杀毒软件，导致所有服务器重新启动，我们在院里面发布新版本后无法通过外网访问8090端口域名。解决办法：经排查，部署的Nginx服务配置文件没问题，网站服务器的.
2021-03-30 16:59:21
219
原创 Vue项目入口文件的两种写法
无意中翻出两年前学习Vue时做的总结，欢迎大伙指正。Vue有两种写法：1、main.js搭配App.vue；2、一个HTML搞定。第一种格式：main.js文件:import Vue from ’vue';import App from './App';Vue.config.productionTip = false;new Vue({el: '#app',template: '<App/>',components: { App }});A
2021-03-30 15:52:30
1958
原创 数据库学习笔记
每个SQL语句都是由一个或多个关键字构成的。 SQL语句不区分大小写，且以分号分隔。 在处理SQL语句时，其中所有空格都会被忽略。 可以用*通配符检索出名字未知的列。 DISTINCT关键字指示数据库只返回不同的值（它必须直接放在列名的前面，并且作用于所有列，不仅仅是跟在其后的那一列）。 在指定一条ORDER BY子句时，应该保证它是SELECT语句中最后一条子句。 DESC关键字只应用到直接位于其前面的列名，表示降序。如果想在多个列上进行降序排序，必须对每一列指定DESC关键字。还可以用它的全
2021-03-30 15:34:58
253
原创 高德地图Amap开发实践
一、简介：高德开放平台是国内技术领先的LBS（Location Based Services，基于位置的服务）服务提供商，拥有先进的数据融合技术和海量的数据处理能力。高德开放平台向广大开发者提供覆盖移动端和Web端的开发工具，开发者通过调用开发包或接口即可在应用或网页中实现地图显示、标注、位置检索等功能。使得LBS应用的开发过程更加容易。高德地图JS API是一套JavaScript语言开发的地图应用编程接口，移动端、PC端一体化设计，一套API兼容众多系统平台。目前JS API免费开放使用。J
2021-03-30 14:27:35
3914
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人