辽辽无期的博客

原创 解锁 Claude Code 终极工作流：从基础到进阶的全流程指南

在人工智能与编程深度融合的当下，Claude Code 凭借其强大的能力，为开发者带来了全新的编程体验与效率提升可能。本文将从基础环境搭建、核心工作流程，到进阶的架构协作与终局心法，全方位解锁 Claude Code 终极工作流，助力开发者高效运用这一工具。

原创 Claude Code成本浪费严重？80%开支可省！Token黑洞解密与三层省钱攻略

在AI编程工具广泛应用的当下，Claude Code虽为开发者提供了便利，但其居高不下的成本问题却让人头疼——有数据显示，其。究竟这些钱被花在了哪里？又该如何科学省钱？本文将深入拆解Token消耗黑洞，并带来从基础到高阶的全方位降本方案。

原创 Claude Code 终极工程指南：开发效率×10 的 AI 协作秘籍

在 AI 驱动开发的浪潮下，Claude Code 为开发者带来全新协作模式。本系列将从环境配置到超能力解锁，全方位拆解 Claude Code 工程实践，助你高效驾驭 AI 开发，让开发效率飙升！任务：开发者基于需求，编写测试用例，明确功能验收标准。比如要实现一个计算两数之和的函数，编写测试});，清晰界定“成功”是函数返回正确结果。价值：把模糊的需求转化为明确、可执行的测试，给 AI 设定清晰目标。在代码中定义工具，如，明确工具功能是获取指定股票代码（ticker ）的股价。

原创 ClaudeCode 玩转攻略：三大系统（Windows+Linux+MacOS）安装步骤详解

Claude Code 作为 AI 编码领域的高效工具，能帮助开发者提升代码编写、分析与优化效率。本文将详细介绍其在 Windows、Linux、MacOS 三大系统下的安装方法，涵盖多种场景适配方案，助力快速上手使用。

原创 Claude Code 常用命令大全与深度指南

Claude Code 是 Anthropic 公司开发的大型语言模型 Claude 在编程领域的专项应用。它不同于传统的代码补全工具，它能够以对话的方式理解你的开发意图，提供从代码片段到完整项目架构的全方位支持。

原创 element ui 搜索框中搜索关键字标红展示

示例如图

原创 element ui table进行相同数据合并单元格

【代码】element ui table进行相同数据合并单元格。

原创 Vue3引用高德地图，进行位置标记获取标记信息

【代码】Vue3引用高德地图，进行位置标记获取标记信息。

原创 PbootCMS模板标签集合

标签作用：用于调取网站与公司相关的信息，对应后台的 “基础内容>公司信息”进行配置。标签作用：用于调取网站的基本配置信息，对应后台的 “基础内容>站点信息”进行配置。

原创 H5集成环信在线客服

前端框架使用的是vue。

原创 vue组件之间通信方式

2、在子组件中使用Vuex和触发mutations。：多个组件之间共享状态，可以访问和修改共享的状态。：父组件向子孙组件提供数据，可跨层级通信。第一种方式：通过自定义事件总线方式。1、在根组件中创建和配置Vuex。第二种方式：通过原型绑定。子组件注入并使用数据。

原创 微信小程序中使用特殊字体

复制这样式放到你写的wxss文件中。使用下面这个网站进行字体转换。推荐几个常用下载字体的网站。

原创 node.js 封装分页查询

【代码】node.js 封装分页查询。

原创 微信小程序用户隐私保护指引设置

协议，经常由于填写不规范导致审核不通过，在网上找到了一份。：小程序后台-》设置-》服务内容声明-》用户隐私保护指引。，在提交小程序审核时，需要填写一份。：开发小程序时，有时候需要获取。

原创 js之正则

\转义字符 有特殊含义的字符如 . ? + { } ( ) 等有特殊含义的 /./匹配点 /+/匹配加号等定义正则：常用方法：1、test()：查找符合正则的内容，查找到返回true，反之返回false2、search()：在字符串中搜索符合正则的内容，搜索到就返回出现位置的下标（从0开始，如果匹配的不只是一个位置，则返回第一次的位置），搜索失败返回-13、match()：在字符串中搜索符合规则的内容，搜索成功返回数组内容，失败返回null4、replace(): 查

原创 js之字符串常用方法

5,6,7 三者区别：str.substr()第二个参数是长度，其余两个第二个参数都是位置；str.substring()中负数当0使用，且参数值大的当做第二个使用。大写字母：65-90。下标查找，根据下标参数查找对应的元素，没取到则是空字符串。根据指定字符串查询对应的索引，返回索引值或-1。字符串截取（开始的位置，结束的位置（不包括））截取字符串，（开始位置，结束的位置（不包括））截取字符串，（开始位置，返回字符串的个数）根据索引查找对应字符的Unicode编码。(要查询的字符串，开始查询的位置)

原创 js之数组操作

按升序排列数组项，默认排序的方法，sort()方法会调用每个数组项的toString()方法，比较的是字符串，可以自定义比较函数，比较函数接收两个参数，如果第一个参数应该位于第二个之前则返回一个负数，如果相等则返回零，如果之后则返回一个正数。：可以指定位置插入任意数量的项，且同时删除任意数量的项，指定3个参数（起始位置，要删除的项数，要插入的任意数量的项）该方法不会改变原数组，只是创建当前数组的一个副本，然后接收参数添加到这个副本的末尾，返回新的数组。可以将多个参数添加到原数组的开头，并返回数组的长度。

原创 js之数组遍历

【代码】js之数组遍历。

原创 前端网页位置

当本元素的子元素比本元素高且overflow=scroll时，本元素会scroll，这时：scrollHeight: 因为子元素比父元素高，父元素不想被子元素撑的一样高就显示出了滚动条，在滚动的过程中本元素有部分被隐藏了,scrollHeight代表包括当前不可见部分的元素的高度。单位px，只读元素。offsetHeight：包括padding、border、水平滚动条，但不包括margin的元素的高度。scrollTop: 代表在有滚动条时，滚动条向下滚动的距离也就是元素顶部被遮住部分的高度。

原创 js之继承

遍历对象属性时，每个可枚举的属性都会被枚举出来。要检查是否具有自己定义的属性，而不是原型链上的属性，必须使用。在原型链上查询属性比较耗时，对性能有影响，试图访问不存在的属性时会遍历整个原型链。这就是传说中的原型链，层层向上查找，最后还没有就返回undefined。是 JavaScript 中唯一处理属性并且不会遍历原型链的方法。继承是指一个对象直接使用另外一个对象的。定义Teacher构造函数。

原创 js之获取当前页面的url网址

【代码】js之获取当前页面的url网址。

原创 for in 和 for of 的区别

for in 可以遍历对象，for of 不能遍历对象，只能遍历带有iterator接口的，例如Set,Map,String,Array。：for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。

原创 js之闭包

（函数）时，就产生了闭包。了嵌套的外部（父）函数的。

原创 let、var、const

const 主要用来声明常量，其他同let。var是函数作用域 + 变量提升问题。var 会存在变量提升。let 只可以声明一次。var 可以多次声明。

原创 vue学习

是Vue中内置的一个抽象组件，它本身不会渲染一个DOM元素，也不会出现在父组件链中，当它包裹的动态组件时，会缓存不活动的组件实例，而不是销毁它们。

原创 uniapp学习

以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。使用uni.request方法发送网络请求，通过设置url，method，data 参数。条件编译是利用注释实现的，在不同语法里注释写法不一样。

原创 js之事件循环

事件循环的机制是基于消息队列的。一旦主线程的任务执行完成，事件循环就会从消息队列中取出一个任务，将其加入到主线程的任务队列中执行。指的是那些由浏览器或者Node.js自身的事件触发器（如setTimeout、setInterval、I/O、UI交互事件等）所产生的异步任务，它们会被放入宏任务队列中等待执行。当主线程执行完所有同步任务后，会检查宏任务队列中是否有任务需要执行，如果有，则按照先进先出的顺序依次执行。的所有任务后，会检查微任务队列中是否有任务需要执行，如果有，则按照先进先出的顺序依次执行。

原创 js之promise

两者不相等，不同之处在于，如果 f1 中出现 error，那么在第一个链式调用中，error 会被 catch 捕获，并在 f2 中被处理，但是在第二种写法中不会，这是因为 error 是沿着链传递的，而在第二段代码中，f1 和 f2处于同一层级，二者只会执行其一，下面没有链，所以 error 不会被处理。，所有的js代码都在一个主线程上执行，当主线程正在执行一个长时间运行的操作时，它就无法同时处理其他事件的请求了，如果js是多线程，那么不同的线程可能会同时修改同一个变量，从而导致不可预料的结果。

原创 js之防抖与节流

对处理函数进行延时操作，若设定的延时到来之前再次触发事件，则清除上一次的延时操作定时器，重新定时。：多次触发事件后，事件处理函数只执行一次，并且在触发操作结束时执行，一般用于scroll事件。：指定时间内只执行一次，但在等待时间内再次触发事件，重新开始延时。，实时响应用户输入，给出相关的建议词。：指定时间内只执行一次。防抖动是将多次执行变为。，节流是将多次执行变成。

原创 前端解决跨域请求

1.Access-Control-Allow-Origin 字段 （指定了哪些域名或ip地址可以跨域 也可以写* 代表允许所有地址）3.默认情况下CORS仅支持客户端发起的GET、POST、HEAD请求，如果希望客户端发送PUT、DELETE请求需要在服务器端设置。：两个页面拥有相同的协议、端口、域名就是同源，其中一个不同就是不同源，目的是保护用户的信息安全，防止其他网站盗取信息。2.CORS默认支持9个请求头，如果在9个请求头之外 要单独设置，多个请求头之间要用英文逗号隔开。

原创 js之事件代理/事件委托

使用事件代理的好处不仅在于将多个事件处理函数减为一个，而且对于不同的元素可以有不同的处理方法。假如上述列表元素当中添加了其他的元素节点（如：a、span等），我们不必再一次循环给每一个元素绑定事件，直接修改事件代理的事件处理函数即可。：从window对象传导到目标节点（上层传到底层）称为“捕获阶段”（capture phase），捕获阶段不会响应任何事件；事件代理也叫事件委托，原理：利用DOM元素的事件冒泡，指定一个事件的处理程序就可以管理某一类型的所有事件。：在目标节点上触发，称为“目标阶段”

原创 Express框架解决跨域问题

【代码】Express框架解决跨域问题。

原创 js之call()和apply()的区别

call可以传入多个参数，从第二参数开始会映射到func的参数上。apply方法最多两个参数，第二参数是数组或者类数组。：调用一个对象的一个方法，用另一个对象替换当前对象。：改变执行上下文（this）

原创 nodejs写爬虫

【代码】nodejs写爬虫。

原创 css之盒模型

但是，现实中我们在使用盒子装物件的时候，充气囊加物件的体积不可以大于盒子的体畸，否则盒子会被撑开，而css盒子是具有弹性的，盒子内的padding-left+padding-right+content的宽（或padding-top+padding-bottom+content的高）如果大于盒子的宽（或高）最多只会把css盒子的宽（或高）撑大，不会把盒子撑开。具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。

原创 小程序-生命周期函数

原创 Java爬虫使用JSoup获取静态资源图片

【代码】Java爬虫使用JSoup获取静态资源图片。

原创 JDBCUtil 工具类

【代码】JDBCUtil 工具类。

原创 js数组方法（史上最全）

reduceRight() 方法的功能和 reduce() 功能是一样的，不同的是 reduceRight() 从数组的末尾向前将数组中的数组项做累加。如果不想改变数组中的所有元素，而只是想改变其中一部分，那么可以使用可选的起始位置参数与结束位置参数（不包括结束位置的那个元素）filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。当只是用一个参数时，该方法会用该参数的值填充整个数组。map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

原创 uniapp中使用高德地图进行位置标记

1、首先去申请高德地图key。