- 博客(62)
- 收藏
- 关注
RSS订阅原创 vue常见的指令都有哪些,有什么作用
指令缩写作用v-if条件性地渲染一块内容（销毁/重建）v-else表示v-if的“else”块v-else-if表示v-if的“else if”块v-show根据条件展示元素（切换 CSS display）v-for基于源数据多次渲染元素v-bind动态绑定属性（单向绑定）v-on监听 DOM 事件v-model在表单元素/组件上创建双向数据绑定v-once只渲染元素和组件一次v-html输出原始 HTML（有 XSS 风险）v-pre跳过元素及其子元素的编译v-cloak。
2025-08-29 10:15:00
594
原创 vue有哪些优缺点
方面优点 (Pros)缺点 (Cons)学习曲线平缓，文档优秀，模板直观灵活性高，渐进式，多种编码风格选择可能导致团队代码风格不一性能优秀，虚拟DOM + 编译时优化生态系统强大且官方维护总体规模略小于React就业市场在中国和欧洲很流行全球（尤其北美）职位少于 React开发体验极佳，Vite + Devtools 体验一流国际化文档多语言支持好早期中文信息为主的问题已改善。
2025-08-28 14:45:01
717
原创 本地存储(Local Storage)与Cookie的深度对比
本地存储和Cookie都是浏览器端存储数据的技术，但它们在设计目的、容量限制和使用场景上有显著区别。
2025-08-19 20:08:17
1024
原创 医疗后台管理系统开发实践
系统整合了患者服务（线上查询、缴费、预约）、医疗资源管理（科室、医生、药品）及体检管理三大核心模块，显著提升了医院管理效率与患者就诊体验。：表单必填项通过jQuery实时验证（如科室名称唯一性检查）提交前校验：非空检查、格式验证（如手机号正则匹配）交互组件：下拉框（每页条数）、页码跳转、箭头导航。富文本编辑：百度UEditor（图文内容管理）：监听开始/结束时间变化，动态校验最低时长。：集成高德地图API，可视化展示科室位置。可视化：Echarts（数据统计图表）地图服务：高德API（定位与导航）
2025-08-02 08:23:38
688
原创 开发后台管理系统的注意事项
使用 ORM（如 Sequelize、TypeORM）或参数化查询。：API 耗时、数据库慢查询（如 ELK、Prometheus）。：接口 500 错误通知（如 Sentry、企业微信机器人）。：使用 Token（如 JWT + CSRF Token）。：静态资源（JS/CSS/图片）走 CDN。：记录关键操作（如删除数据、修改权限）。：频繁请求的数据缓存（如 Redis）。：关键业务流程（如 Cypress）。（避免冗余，如用户表、角色表分开）。：满足审计要求（如金融、医疗行业）。
2025-08-01 16:43:09
821
原创 医疗后台管理系统医生排班管理模块讲解
这个JavaScript文件实现了一个医疗后台管理系统中的医生排班管理功能，主要包含以下核心功能：医生排班数据的展示与渲染排班信息的设置与修改排班数据的保存与提交时间选择与验证数据展示：清晰展示医生排班信息，包括科室、医生姓名、排班日期等交互设计：通过弹窗、日历选择、时间选择器等提供良好的用户体验数据验证：确保排班时间合理（至少2小时间隔）状态管理：处理设置和保存两种状态，控制界面元素的显示与隐藏数据持久化：通过AJAX与后端交互，实现排班数据的保存。
2025-08-01 16:42:56
1172
原创 使用jQuery时的注意事项
jQuery 3.x 不再支持 IE 6-8，如果需要兼容，使用 jQuery 1.x 或 2.x。jQuery 虽然能大幅提升开发效率，但在实际项目中，如果不合理使用，可能会导致。）会在每个元素上创建监听器，如果元素很多（如列表项），会导致内存浪费。// 推荐：委托给父元素，动态子元素也能触发。
2025-07-29 18:30:00
950
原创 map循环遍历
遍历 jQuery 对象中的 DOM 元素，返回新 jQuery 对象或数组。// 结果: ["$10.00", "$20.00", "$30.00"]// 结果: ["name: Alice", "age: 25"]// 结果: ["APPLE", "BANANA"]// .get() 转为纯数组。// 结果: [2, 4, 6, 8]// 结果相同: [2, 4, 6]// 将价格数组格式化为货币字符串。// 结果: [1, 4, 9]// 获取所有链接的 href。// 结果: [2, 4]
2025-07-28 16:32:09
835
原创 jQuery请求资源的方式
type: 'GET', // 请求方法 (GET/POST/PUT/DELETE等)console.error('AJAX请求出错:', error);url: 'api/data', // 请求地址。console.log('成功:', response);console.log('成功:', response);console.log('成功:', response);console.log('成功:', response);
2025-07-28 16:22:40
533
原创 后台项目中常见的问题都有哪些，怎么解决？怎么避免？
设计阶段进行威胁建模(STRIDE)制定容量规划明确SLA指标开发阶段代码审查(重点关注安全性和性能)自动化测试(单元测试覆盖率≥80%)技术债务管理运维阶段建立完善的监控体系(APM+日志+指标)定期进行故障演练持续优化架构通过系统性地预防和解决这些问题，可以构建出稳定、安全、易维护的后台系统。关键是要建立全生命周期的质量管理机制，从设计到运维每个环节都严格把控。
2025-07-08 08:44:47
780
原创 富文本的使用以及时间控件的使用注意事项
const bannedWords = ['敏感词1', '敏感词2'];return '发布时间不能早于当前时间';locale: "zh" // 中文支持。return '内容包含不允许的词汇';return '请设置发布时间';// Java示例 - 使用Jsoup。// 统一使用ISO8601格式传输。return '内容太短';return '请选择日期';// 富文本内容+发布时间校验。
2025-07-08 08:34:40
436
原创 输入框校验的规则，注意事项
标记为必填的字段不能为空return '该字段为必填项';使用.trim()去除首尾空格空字符串、undefined、null都应视为无效。
2025-07-08 08:31:16
393
原创 浅拷贝的危害
默认假设：所有拷贝操作都是浅拷贝，除非明确使用深拷贝状态更新：在React/Redux等框架中严格遵守不可变原则API设计：函数接收对象参数时，文档明确说明是否会影响原对象代码审查/扩展运算符后的嵌套修改数组方法（sliceconcat等）处理包含引用类型元素的数组测试验证：编写单元测试验证拷贝行为的正确性浅拷贝虽然高效，但在复杂对象处理时就像"定时炸弹"，可能在最意想不到的时候引发问题。合理选择拷贝策略是保证应用稳定性的重要一环。
2025-06-24 09:00:00
628
原创 修改json中的值
基本流程：解析(parse) → 修改 → 序列化(stringify)推荐做法使用和进行转换复杂结构考虑不可变更新模式重要操作添加错误处理避免直接操作JSON字符串（容易出错）修改后的JSON忘记重新序列化浅拷贝导致的意外修改通过以上方法，您可以安全有效地修改JSON数据，适用于配置文件更新、API数据处理等多种场景。
2025-06-24 08:30:00
476
原创 转义符是什么
核心原则：反斜杠+ 特定字符 = 特殊含义必要场景文件路径中的反斜杠字符串中的引号特殊控制字符安全建议处理用户输入时注意转义（防XSS攻击）JSON数据确保正确转义双引号正则表达式中的特殊字符需要转义转义符是编程中处理特殊字符的基础工具，正确理解和使用可以避免许多常见的语法错误和安全问题。
2025-06-23 08:00:00
1340
原创 try-catch语句的作用是什么
是 JavaScript 中处理运行时错误的结构，它允许你"尝试"执行可能出错的代码，并"捕获"可能发生的异常，从而避免程序完全崩溃。try { // 可能出错的代码 nonExistentFunction(); // 未定义的函数} catch (error) { // 错误处理 console.error("出错啦:", error.message); // 输出: "出错啦: nonExistentFunction is not defined&
2025-06-20 11:00:00
869
原创 Async、await是什么？跟promise有什么区别？使用的好处是什么
Promise 是 ES6 引入的异步编程解决方案，表示一个异步操作的最终完成（或失败）及其结果值。setTimeout(() => resolve('数据获取成功'), 1000);});
2025-06-19 09:56:51
1139
原创 浏览器输入URL到页面洁染经历了哪些过程（10步
URL → DNS → TCP → HTTP(S) → 服务器 → HTML → DOM → CSSOM → Render Tree → Paint → JS。并按下回车后，浏览器会经历一系列复杂的步骤，最终渲染出页面。：CSS 放头部，JS 放底部或异步加载。：暂停解析，下载并执行 JS（除非标记。（如果是关键词，跳转默认搜索引擎）。：生成会话密钥，开始加密通信。：服务器选择算法并返回证书。事件（DOM 解析完成）。：将页面分为多个图层（如。：客户端支持的加密算法。：将图层转换为像素点。
2025-06-18 09:06:15
531
原创 网络七层协议（OSI 参考模型）详解
协议：Ethernet（IEEE 802.3）、Wi-Fi（IEEE 802.11）、USB、蓝牙。协议：Ethernet（MAC 子层）、PPP（拨号上网）、HDLC（广域网）的传输，定义物理介质（如电缆、光纤、无线信号）的电气、机械特性。设备：网卡（NIC）、集线器（Hub）、中继器（Repeater）、ICMP（Ping）、OSPF、BGP（路由协议）（如加密、压缩、编码），确保不同系统能正确解析数据。设备：交换机（Switch）、网桥（Bridge）（不可靠，无连接，如 DNS、视频流）
2025-06-18 09:04:35
2059
原创 jQuery插件的使用注意事项
遵循这些注意事项可以确保jQuery插件的高效、安全使用，并避免常见的开发陷阱。useTransform: true, // 优先使用CSS3变换。某些插件依赖特定jQuery版本，需检查兼容性。确保先引入jQuery库，再引入插件。// 销毁方法1（如果插件提供）-- 使用具体版本号 -->// 加载polyfill。// 避免直接插入未过滤内容。// 对每个元素执行操作。-- 正确顺序 -->// 插件初始化代码。// 插件初始化代码。// 插件提供命名空间时。// 差 - 全局搜索。
2025-06-13 11:24:17
1036
原创 switch开关控件与地图的关联用法
Switch开关控件与地图的关联使用可以创建直观的交互式地图应用，常用于图层控制、功能切换等场景。以下是几种常见实现方式和最佳实践。
2025-06-13 10:46:40
886
原创 时间选择器控件的使用以及注意事项
时间选择器是Web开发中常用的表单控件，用于让用户选择或输入时间。以下是主流时间选择器的使用方法和关键注意事项。
2025-06-13 10:32:02
1173
原创 表单必填项判断及注意事项
/ 添加自定义验证方法return /^(?=.*[a-z])(?=.*[A-Z])(?}, "密码必须包含大小写字母和数字");// 使用验证rules: {});早验证、勤提示、多帮助，在用户提交前就发现并解决问题，而不是等到提交后才报错。
2025-06-08 21:19:54
1205
原创 增删改常用的元素
Form.Item name="name" label="名称" rules={[{ required: true }]}>这些元素和组件的合理组合使用，可以构建出功能完善、用户体验良好的后台管理系统CRUD界面。<el-button @click="dialogVisible = false">取消</el-button><el-dialog title="删除确认" :visible.sync="dialogVisible"><Form.Item name="status" label="状态">
2025-05-29 16:30:00
617
原创 JavaScript 后台项目中传递 ID 的常见方法
/ 请求示例：DELETE /api/users?// 删除：DELETE /api/users/123。// 获取详情：GET /api/users/123。获取单个资源：GET /resources/:id。// 更新：PUT /api/users/123。// 适用于 POST/PUT/PATCH 请求。删除：DELETE /resources/:id。更新：PUT /resources/:id。明确 ID 类型（数字/字符串/UUID）// data 中包含 id 字段。
2025-05-29 08:30:00
965
原创 js中后台框架的增删改查要点
根据具体框架(React/Vue)和UI库(Ant Design/Element UI等)的不同，实现细节会有所差异，但这些核心要点是通用的。.message || '操作失败');email: Yup.string().email('邮箱格式不正确').required('邮箱必填')username: Yup.string().required('用户名必填'),message.success('删除成功');message.success('创建成功');：提升用户体验(先更新UI再请求后端)
2025-05-28 20:16:25
1308
原创 export和import的书写方式
/ 重新导出默认成员。export class Calculator { /* ... */ } // 导出单个类。// │ └── logger.js (默认导出)
2025-05-21 16:04:09
704
原创 ES6核心特性与语法
通过掌握 ES6 的核心特性，可显著提升 JavaScript 代码的可读性、维护性和开发效率。结合 Babel 等工具，可无缝兼容旧环境。现代浏览器（Chrome 58+、Firefox 54+）已原生支持大部分 ES6 特性。// 常量（不可重新赋值）// 报错：x未定义。指向外层上下文，避免在对象方法中误用。唯一且不可变的值，常用于对象属性键。：键值对集合，键可以是任意类型。可能影响性能，高频操作中慎用。实现代码分块，提升可维护性。解构赋值简化对象/数组操作。），需避免隐式全局变量。
2025-05-20 18:24:34
885
原创 ES6详解
ES6 极大提升了 JavaScript 的表现力与工程化能力，是现代前端开发的基石。建议通过实际项目练习掌握这些特性。console.log(this) // 指向外层 this。：补充浏览器缺失 API（如 core-js）声明常量（不可重新赋值，但对象属性可修改）console.log(x) // 报错。：将 ES6+ 代码转为 ES5。// this 继承上下文。
2025-05-19 17:09:06
1096
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人