- 博客(49)
- 收藏
- 关注
RSS订阅原创 前端开发者的 AI 扫盲课：从 Token 到 RAG，一文搞懂大模型背后的核心概念
面向前端开发者的 AI 核心概念科普，由浅入深讲解 Token、词表、Embedding 向量、Transformer、注意力机制、LLM、Prompt、Fine-tuning、RAG、Agent 等术语的含义、关联关系和工作原理。大白话加流程图，不需要机器学习基础也能看懂。
2026-03-25 17:01:57
723
原创 AI CLI 实战：自动写文章发布到 CSDN，顺便聊聊前端开发者的AI时代生存指南
AI CLI 实战记录：用 CodeBuddy Code 搜索掘金热门文章、分析写作风格、生成技术博客并自动发布到 CSDN 全流程。拆解 WebSearch/WebFetch/Chrome MCP 工作原理，对比主流 AI CLI 工具能力，并探讨前端开发者在 AI 时代的技术学习路线。
2026-03-25 16:18:33
780
原创 OpenClaw 配置详细指南：从零搭建你的私人 AI 助手（2026 最新版）
OpenClaw 配置详细指南，涵盖安装、初始化、模型接入、Gateway 网关、多平台渠道配置、Skills 扩展及常见问题排查全流程。新手友好，所有步骤实测可跑通。
2026-03-25 12:49:27
620
原创 通用导出检查工具
本文介绍了一个Vue项目中的导出数据量限制检查工具函数实现。该工具主要用于在导出前检查数据量是否超过10万条，若超限则显示确认弹窗，提升用户体验。核心功能包括：智能识别需检查的API、可配置的限制条数、用户友好的弹窗提示、类型安全和异步处理。文章提供了详细的使用示例、配置说明和注意事项，适用于Vue2.x/3.x项目，集成TypeScript和Element UI，通过主动检查机制将错误处理转化为用户确认流程，有效改善导出功能的交互体验。
2025-08-27 13:03:10
336
原创 FluxSelectMultiple 技术设计文档
本文介绍了高性能多选组件MultipleSelectPro的技术设计方案。该组件针对传统多选组件在大数据量场景下的性能瓶颈、用户体验差等问题，提出了基于虚拟滚动、高效数据结构、响应式优化的解决方案。采用Vue 3.5+和Composition API实现，支持万级数据量的流畅操作，提供智能搜索、选项禁用等特性，并保持与TDesign设计规范的一致性。核心创新点包括：使用Set优化状态管理、虚拟滚动技术减少DOM节点、计算属性缓存提升性能，以及多关键词搜索与高亮功能。该组件适用于数据分析、内容管理等需要处理大
2025-08-13 15:28:34
831
原创 tarojs/cli创建项目报错：Bindings not found
搭建好taro以及相关依赖环境之后，使用taro init。报错 Bindings not found
2023-04-19 18:05:59
2972
4
原创 使用 WSL 在 Windows 上安装 Linux提示无法解析服务器的名称或地址及0x80370114问题解决
开发人员可以通过WSL在windows电脑上安装Linux发行版，并可以直接在电脑上使用Linux应用程序、实用程序和Bash命令行工具等。
2023-04-18 18:05:52
32259
9
转载 cookie、sessionStorage和localStorage
我们都知道，作为一名前端开发，或多或少在开发的过程中因为各种各样的需求，需要在前端存储一些数据，比如登录验证，可能会用到cookie，或者localStorage存储token，然后请求手动带上。所以我们很需要搞清楚前端存储有哪些方法，以及我们该如何去使用这些我们已经司空见惯的单词（Cookie、sessionStorage和localStorage）cookieHTTP Cookie，通常...
2019-05-16 15:36:30
518
原创 js字符串与数组互转
字符串转数组首先声明一个测试用的字符串let str = "abcd"split方法 使用特定的分隔符let newStr = str.split("")console.log(newStr) // ["a", "b", "c", "d"] ...运算符let newStr = str.split("")console.log([...newStr]) // ["a",...
2019-05-15 17:55:33
6914
原创 javascript中json取值的几种方式
先准备一个json对象用于演示var json = { 'name':'zhangsan', '年龄':23, 404:'你可能迷路了' };使用JS中with关键字 with(json) { console.log(name);//输出:zhangsan console.log(年龄);//输出:23 console.log(404);//输出:...
2019-05-15 16:53:07
38762
原创 三目运算符小技巧
短路求值（Short-Circuit Evaluation）三目运算符是一个很方便快捷的书写一些简单的逻辑语句的方式x > 100 ? 'Above 100' : 'Below 100';x > 100 ? (x > 200 ? 'Above 200' : 'Between 100-200') : 'Below 100';但是有些时候当逻辑复杂之后，三目运算符书写起来可...
2019-05-14 15:56:14
403
原创 es6解构赋值圆括号问题
解构赋值虽然很方便，但是解析起来并不容易。对于编译器来说，一个式子到底是模式，还是表达式，没有办法从一开始就知道，必须解析到（或解析不到）等号才能知道。由此带来的问题是，如果模式中出现圆括号怎么处理。ES6 的规则是，只要有可能导致解构的歧义，就不得使用圆括号。但是，这条规则实际上不那么容易辨别，处理起来相当麻烦。因此，建议只要有可能，就不要在模式中放置圆括号。不能使用圆括号的情况以下三种...
2019-05-14 10:42:05
703
原创 elementUI日期组件弹出错位
使用elementUI中的日期类组件时，如果在组件中使用了v-if则会导致日期弹出窗错位，将v-if改成v-show即可
2019-05-09 16:07:34
5309
3
原创 elementUI自定义主题
elementUI自定义主题第一步 安装主题工具npm i element-theme -g第二步 安装chalk主题npm i element-theme-chalk -D第三步 初始化变量文件et -i这时根目录会生成element-variables.scss文件第四步 修改变量直接编辑element-variables.scss文件 例如修改主题色为红色，在elem...
2019-05-09 16:01:00
543
原创 vue项目中引入外部js的几种方式
全局使用我在src目录下新建了api文件夹，里面有封装ajax请求的index.js文件idnex.js的内容将该模块export出去，然后在main..js文件中用import api from './api/index'导入该模块最后使用Vue.prototype.$api = api;将其配置到全局即可在组件中用this.$api.test()即可访问到test方法组件中使用...
2019-05-09 15:42:09
57426
1
原创 cell组件自定义
cell组件inline-desc属性可以在标题的下方插入一行描述， 要实现三行效果 可以使用slot插槽中的inline-desc自己写元素 例如这样
2018-08-08 17:39:23
2192
原创 vux框架组件自定义样式
全局方式 方法一 在webpack.base.conf.js文件中配置{ name: 'less-theme', path: 'src/styles/theme.less' // 相对项目根目录路径 } 然后在配置的路径写入对应的.less文件 类似这样 局部方式 方法二 使用/deep/或&g...
2018-08-08 17:27:00
3958
原创 网页计时器
<!DOCTYPE html><html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head>
2018-04-23 11:33:23
3204
转载 jQuery 中 $(function() {}); 问题详解
$(function() {}); 是 $(document).ready(function(){}) 的简写，最早接触的时候也说 $(document).ready(function(){}) 这个函数是用来取代页面中的 window.onload; 但是今天发现好像不是这样回事！是在做一个页面载入效果时发现的！ $(document).ready() 里的代码是在页面内容都加载完才执行
2018-04-12 13:49:52
549
转载 $ (function() {})
JQuery 的代码我们通常会包裹在一个$(function(){})函数中，jq 的$(function(){})也就是$(document).ready(function(){})的简写，与之对应的原生 js 的window.onload事件，这俩者之间到底有什么区别呢？$(function () { console.log("ready执行");});$(functio...
2018-04-12 13:44:05
13957
3
转载 Sublime常用插件及快捷键
Sublime 常用插件及快捷键插件1、ConvertToUTF8 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件2、Bracket Highlighter 用于匹配括号，引号和 html 标签。对于很长的代码很有用。安装好之后，不需要设置插件会自动生效3、DocBlockr DocBlockr 可以自动生成 PHPDoc 风...
2018-04-03 11:39:52
594
转载 HTML、CSS重难点知识点
怎么让一个不定宽高的 DIV，垂直水平居中? 使用 Flex只需要在父盒子设置：display: flex; justify-content: center;align-items: center;使用 CSS3 transform父盒子设置: position:relative Div 设置: transform: translate(-50%，-50%);position:...
2018-03-01 14:19:46
1639
1
原创 JS识别访问端设备
我们在做网页的时候为了让手机端和 PC 端都有更好的显示效果，通常会针对不同设备做不同页面，要让网页识别出不同的设备，只要加入下面 js 代码即可："text/javascript"> var system ={}; var p = navigator.platform; system.win = p.indexOf("Win") ==
2018-01-30 10:50:12
1295
转载 CSS3 实现的响应式字体：自适应视图窗口大小的新单位
viewpointcss3 提供了一些与当前 viewpoint 相关的元素，vw，vh，vim 等。“viewpoint” = window sizevw = 1% of viewport width1vh = 1% of viewport height1vmin = 1vw or 1vh, 最小1vmax = 1vw or 1vh, 最大兼容性：ch
2018-01-15 11:30:02
1518
转载 Flex布局详解
Flex 布局教程：语法篇布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009 年，W3C 提出了一种新的方案 —-Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的
2018-01-02 17:22:35
414
原创 http-equiv属性
http-equiv 相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。语法： meta标签的http-equiv属性语法格式是： ＜meta http-equiv=”参数” content=”参数变量值”＞；其中http-equiv属性主要有以下几种参数：Ex
2017-11-28 14:10:23
3330
1
原创 JavaScript运算符
一元运算符 一元运算符只需要一个操作数 + 正号 不会对数字产生任何影响 - 负号 负号可以对数字进行符号的取对于非Number类型的值，它会先将其转换为Number，然后再运算 可以对一个其他的数据类型使用+ 来将其转换为number，它的原理和Number()函数一样var result = +null;console.log("result = "
2017-10-12 14:45:16
939
原创 JavaScript 数据类型及转换
数据类型 数据类型指的就是字面量的类型 在js中一共有六种数据类型String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象其中String、Number、Boolean、Null、Undefined属于基本数据类型 而Object属于引用数据类型 Null（空值）类型的值只有一个，就是null nu
2017-10-10 17:03:47
2619
转载 transform的perspective属性
CSS3 Transform的perspective属性 以下两行语句有什么区别？Css<div id=”animateTest” style=”-webkit-transform: perspective(400px) rotateY(40deg);”>Css<div id=”animateTest” style=”-webkit-t
2017-10-10 14:12:23
637
转载 box-sizing布局
学会使用box-sizing布局 盒子模型关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑，尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度，需要加上一些其它的属性，例如：padding + border + width= 盒子的宽度padding+ bo
2017-09-29 09:34:27
230
转载 聊聊 justify-content 属性
内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。该操作发生在弹性长度以及自动边距被确定后。 它用来在存在剩余空间时如何加以分配，也会在发生内容溢出时影响项目的对齐。注意：弹性布局中有两个基本术语main axis和cross axis，一般情况下，我们可以把它们各自看作是屏幕上的行向和列向（但是严格讲，这和写模式以及弹性流方向有
2017-09-28 16:48:15
4203
转载 浅谈display:flex
<div class="postBody"> <div id="cnblogs_post_body"><p>display:flex 意思是弹性布局</p> 首先flex的出现是为了解决哪些问题呢？一、页面行排列布局像此图左右两个div一排显示可以用浮动的布局方式html部分css部分这种布局有两个缺点1.需要一个空div来清除浮动，当然也可以选用其他清除浮动的方法，但此处需要清除
2017-09-28 16:38:09
399
原创 CSS居中的常用手段
文字居中 水平：text-align:center; 只能对图片，按钮，文字等行内元素(display为inline或inline-block等)进行水平居中 垂直：设置line-height值与父元素高度值相同块元素居中 水平：margin:0 auto; 此方法只能进行水平的居中，且对浮动元素或绝对定位元素无效 垂直：设置line-height值与父元素高度值相同，
2017-09-28 16:32:21
305
转载 CSS 转义字符对照表
HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者说你在平时使用之时，是否也会碰到，有许多特殊字符要如何打印出来？比如说“笑脸”，比如说“版权号”。要是你用时忘记了这些特殊字符，不要紧，请记住今天这个地址，你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法：1、这些字符属于unicode字符集，你的文档需要声明为”utf-8“2、列表符号后面有两列编号
2017-09-26 11:41:01
4737
转载 csdn快速转载~
前言 对于喜欢逛CSDN的人来说，看别人的博客确实能够对自己有不小的提高，有时候看到特别好的博客想转载下载，但是不能一个字一个字的敲了，这时候我们就想快速转载别人的博客，把别人的博客移到自己的空间里面，当然有人会说我们可以收藏博客啊，就不需要转载，(⊙o⊙)… 也对。。实现 因为我自己当初想转载的时候却不知道该怎么转载，所以学会了之后就把方法写出来，帮助那些想转载却不知道该怎么转载的人（大神勿笑
2017-09-26 10:53:31
225
转载 轮播图插件--myFocus使用方法
Step 1. 在html的标签内引入相关文件<script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus库--><script type="text/javascript" src="js/mf-pattern/slide3D.js"></script><!--引入风格js文件--><li
2017-09-26 10:40:54
474
原创 知识点 2017年9月25日
内边距的百分比数值百分数值是相对于其父元素的 width 计算的，这一点与外边距一样。所以，如果父元素的 width 改变，它们也会改变。下面这条规则把段落的内边距设置为父元素 width 的 10%：p {padding: 10%;}例如：如果一个段落的父元素是 div 元素，那么它的内边距要根据 div 的 width 计算：<div style="width: 200px;"><p>This
2017-09-26 10:24:21
328
原创 知识点
背景图像固定 如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。 您可以通过 background-attachment 属性防止这种滚动。通过这个属性，可以声明图像相对于可视区是固定的（fixed），因此不会受到滚动的影响：body { background-image:url(/i/eg_bg_02.gif); ba
2017-09-25 09:23:21
268
原创 属性选择器
对带有指定属性的 HTML 元素设置样式 可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性 注释：只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择。属性选择器对带有title属性的所有元素设置样式：[title]{color:red;}属性和值选择器为所有title=“w
2017-09-20 16:22:20
258
原创 学习笔记 2017-9-18
margin和padding属性表示顺序为顺时针，从上面开始 border-radius属性表示顺序也为顺时针，从左上角开始绘制三角形：.triangle{height:0;width:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:100px solid re
2017-09-20 16:00:02
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人