js备忘

最新推荐文章于 2025-09-14 23:07:04 发布
原创 最新推荐文章于 2025-09-14 23:07:04 发布 · 871 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用JavaScript中的正则表达式来匹配特定文献类型的方法。通过使用`match`函数获取符合要求的字符串数组，并利用`substring`方法提取所需数值。此技术在处理文本数据时非常实用。
 var str = res.match(/文献类型 类似 "\d+"/g);//match是字符串的方法，返回的是数组

 var num = str[0].substring(9, 13);//字符串的substring是左闭右开区间，取到索引9～12的值
BlueMoon:BlueMoon Js是初学者的Javascript备忘单
05-06
"BlueMoon: BlueMoon Js是初学者的Javascript备忘单"这个资源可能是为了帮助新手快速掌握JavaScript的基础知识，以便他们能够创建功能丰富的网页或应用程序。 JavaScript语法基础： 1. 变量：JavaScript中的变量...
oop-js-cheat-sheet:面向对象的 JavaScript 备忘单，适用于该语言的新手
07-09
oop-js-备忘单 面向对象的 JavaScript 备忘单，适用于该语言的新手 这个列表并不详尽——它只是 JavaScript 初学者可能遇到的最常见模式的集合。 进一步阅读 还有许多其他模式，还有许多文章更深入地解释了这里的...
JS备忘录
qq_64694843的博客
09-12 476
这篇文章用于突然需要写JS的情况，如静态网页和网页脚本。这篇文章会持续更新，我会写一些简单的小例子。我所用的编辑器为HBuilder X。
js备忘录
weixin_42864357的博客
12-07 228
知识点备忘
JavaScript设计模式——备忘录模式
前端御书房
10-03 534
JavaScript设计模式，备忘录模式，持续更新中……
JavaScript中的备忘录模式
m0_75198698的博客
04-27 275
备忘录模式是一种行为型设计模式，它允许在不暴露对象实现细节的情况下，捕获和存储对象的内部状态，并在需要时恢复状态。在这里，我们定义了increment和getCount方法用于改变和获取计数器的状态，同时也实现了createMemento和restoreMemento方法，前者用于创建备忘录对象，后者用于从备忘录对象中恢复状态。- 实现了封装性，备忘录存储了原发器的状态，而不是原发器本身，所以原发器类中不需要对外暴露保存状态的接口，符合面向对象设计的原则。
JavaScript备忘录
低码开发
12-06 584
Js数据类型 1、原始数据类型（基本数据类型） number： 数字、整数、NaN string： 字符、字符串 “abc”、‘c’、‘abc’ boolean： true、false null： 一个对象为空的占位符 undefined： 由null演变而来。未定义，一个变量没有给初始值，则被赋值为undefined 2、引用数据类型 对象 常用方法 typeof： 查看变量类型 bug：null也属于object类型 运算符 一元运算符 只有一个运算数：++、--
JS 备忘录
linshijun33的专栏
01-05 1030
Number js 数值只有 Number,唯一能判断NaN的方法是通过 isNaN() 函数： isNaN(NaN); // true null和undefined 在其他语言中，也有类似JavaScript的null的表示，例如Java也用null，Swift用nil，Python用None表示。但是，在JavaScript中，还有一个和null类似的undefined，它表示...
javascript备忘录
dianmanggan5315的博客
02-14 207
JS及库 多图上传：diyUpload 弹窗：jquery.ui.box 缓动函数速查表： 　　http://easings.net/zh-cn 　　http://www.xuanfengge.com/easeing/easeing/ jQuery Transit 过渡效果： 　　http://code.ciaoca.com/jquery/transit/dem...
js备忘录6
weixin_30735391的博客
11-06 87
转载于:https://www.cnblogs.com/Baronboy/p/7792565.html
Knockout.js 备忘录模块详解
最新发布
软考鸭
09-14 1013
在 Knockout.js 中，备忘录是一种将函数与 DOM 节点关联的技术。通过在 DOM 中插入特殊的注释节点作为占位符，将需要稍后执行的函数存储起来，等到合适的时机再执行这些函数。[memoization.js]是 Knockout.js 中一个巧妙的模块，它通过将函数与 DOM 注释节点关联，实现了延迟执行的机制。这种设计解决了模板系统中没有可用 DOM 节点时的绑定处理问题，是 Knockout.js 能够灵活处理各种复杂绑定场景的关键技术之一。
【前端】JavaScript 备忘清单（超级详细！）
数据知道的博客
03-03 7967
JavaScript 是一种轻量级的解释型编程语言。JSON 备忘清单JavaScript 中的正则表达式TypeScript 备忘清单。
javascript设计模式 – 备忘录模式原理与用法实例分析
10-15
下面详细解析备忘录模式在JavaScript中的实现原理与用法。 首先，备忘录模式的原理在于它能够在不破坏封装的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态。之后，当需要时，可以将对象恢复到原先保存...
特殊字符导致json字符串转换成json对象出错
热门推荐
code旅行者的专栏
04-25 6万+
在对数据库取出来的数据（特别是描述信息）里面含有特殊字符的话，使用JSON.parse将json字符串转换成json对象的时候会出错，主要是双引号，回车换行等影响明显，左尖括号和右尖括号也会导致显示问题，所以要在输出到页面之前将一些特殊符合进行编码或转义，下面展示的是C#代码编码和转义几个常用特殊字符。经过笔者测试，将这些符号编码和转义之后，大部分json字符串都可以转换成json对象了。如果遇到
让页面出现滚动条的时候，滚动条不影响页面宽度
code旅行者的专栏
04-10 2万+
设置body的宽度 $("body").css("width", $(window).width());
在IE8，FF中<select>控件文字垂直居中的处理方法
code旅行者的专栏
04-09 1万+
处理前：
type="text/javascript" type="application/javascript"
code旅行者的专栏
04-10 6309
`type="text/javascript"` 是比较老的写法 IETF 推荐的是 `type="application/javascript"` 实际上这两种没什么大区别，只是不同浏览器的支持不一样。
禁用页面滚动条
code旅行者的专栏
04-03 4263
html {    overflow: hidden; } body {     overflow: hidden; } 在IE6，7下需要设置html有效，在其它标准浏览器下设置body就可以
特殊字符在数据库查询前的处理
code旅行者的专栏
04-30 1870
Server.UrlDecode(context.Request.Form["condition"] == null ? "" : context.Request.Form["condition"].ToString());
js 备忘录模式 详解
08-13
<think>我们被要求详细解释JavaScript中的备忘录模式，并提供实现示例。 根据引用内容，备忘录模式是一种行为型设计模式，用于捕获对象的内部状态并在以后恢复，而不破坏封装性。 它常用于实现撤销操作、缓存、历史记录等功能。 关键点： 1. 备忘录模式允许在不暴露对象内部细节的情况下保存和恢复状态。 2. 主要角色： - 发起人（Originator）：需要保存状态的对象。 - 备忘录（Memento）：存储发起人内部状态的对象。 - 管理者（Caretaker）：负责保存和恢复备忘录的对象，但不能对备忘录的内容进行操作或检查。 在JavaScript中，我们可以通过以下方式实现： 示例1：一个简单的文本编辑器撤销操作 我们将创建一个文本编辑器（发起人），它可以保存状态到备忘录（Memento），并且有一个管理者（Caretaker）来管理这些备忘录。 步骤： a. 定义备忘录类（Memento），用于存储文本编辑器的状态（文本内容）。 b. 定义发起人类（Originator），它可以创建备忘录并设置状态（设置和获取文本），以及从备忘录恢复状态。 c. 定义管理者类（Caretaker），它保存备忘录的栈（用于实现撤销和重做）。 示例2：引用[4]和[5]中提到的新闻缓存器，用于缓存已经请求过的数据，减少对服务器的请求。 我们将分别实现这两个示例。 示例1：文本编辑器撤销操作 ```javascript // 备忘录类 class Memento { constructor(state) { this.state = state; } getState() { return this.state; } } // 发起人类（文本编辑器） class Editor { constructor() { this.content = ''; } // 设置内容 setContent(content) { this.content = content; } // 获取内容 getContent() { return this.content; } // 保存状态到备忘录 save() { return new Memento(this.content); } // 从备忘录恢复状态 restore(memento) { this.content = memento.getState(); } } // 管理者类 class Caretaker { constructor() { this.mementos = []; // 用于存储备忘录历史 this.currentIndex = -1; // 当前状态的索引 } // 保存状态 saveState(editor) { const memento = editor.save(); // 如果当前索引不在最后，则移除当前索引之后的所有状态（因为进行了新的操作） if (this.currentIndex < this.mementos.length - 1) { this.mementos = this.mementos.slice(0, this.currentIndex + 1); } this.mementos.push(memento); this.currentIndex = this.mementos.length - 1; } // 撤销 undo(editor) { if (this.currentIndex <= 0) { return; // 无法撤销 } this.currentIndex--; editor.restore(this.mementos[this.currentIndex]); } // 重做 redo(editor) { if (this.currentIndex >= this.mementos.length - 1) { return; // 无法重做 } this.currentIndex++; editor.restore(this.mementos[this.currentIndex]); } } // 使用示例 const editor = new Editor(); const caretaker = new Caretaker(); // 第一次输入 editor.setContent('First text'); caretaker.saveState(editor); // 保存状态0 console.log(editor.getContent()); // 'First text' // 第二次输入 editor.setContent('Second text'); caretaker.saveState(editor); // 保存状态1 console.log(editor.getContent()); // 'Second text' // 第三次输入 editor.setContent('Third text'); caretaker.saveState(editor); // 保存状态2 console.log(editor.getContent()); // 'Third text' // 撤销 caretaker.undo(editor); console.log(editor.getContent()); // 'Second text' // 再撤销 caretaker.undo(editor); console.log(editor.getContent()); // 'First text' // 重做 caretaker.redo(editor); console.log(editor.getContent()); // 'Second text' ``` 示例2：新闻缓存器（使用闭包实现） 引用[4]和[5]中的例子，我们创建一个新闻缓存器，用于缓存已经请求过的页面数据。 ```javascript var Page = (function() { // 缓存对象，以页码为键存储数据 var cache = {}; // 返回一个函数，用于获取指定页的数据 return function(page, successCallback) { // 如果缓存中有该页数据，则直接使用 if (cache[page]) { // 显示页面 showPage(page, cache[page]); // 如果有成功回调，则执行 successCallback && successCallback(); } else { // 否则，从服务器获取 // 这里使用jQuery的post方法，实际中可以使用任何AJAX方法 $.post('server_api_url', { page: page }, function(response) { if (response.success) { // 显示页面 showPage(page, response.data); // 缓存数据 cache[page] = response.data; // 执行回调 successCallback && successCallback(); } else { console.error('Error fetching page ' + page); } }); } }; // 显示页面的函数（模拟） function showPage(page, data) { console.log('Showing page ' + page + ' with data: ', data); // 实际中这里会更新DOM } })(); // 使用示例 // 假设有一个下一页按钮 $('#next_page').click(function() { // 假设当前页存储在某个元素上，例如#news_content的data-page属性 var currentPage = $('#news_content').data('page'); var nextPage = currentPage + 1; // 获取并显示新闻 Page(nextPage, function() { // 更新当前页 $('#news_content').data('page', nextPage); }); }); ``` 注意：在第二个示例中，我们使用了闭包来保护缓存对象`cache`，避免被外部直接修改，这符合备忘录模式保护状态封装性的要求。 总结： 备忘录模式在JavaScript中可以通过类的方式（如示例1）或者闭包的方式（如示例2）实现。 它主要用于状态保存和恢复，适用于需要撤销/重做、缓存、历史记录等场景。 注意事项： 1. 备忘录可能会消耗大量内存，因为保存了对象状态的多个副本。 2. 在需要保存大对象或频繁保存状态时，需考虑性能问题。 相关问题： 1. 备忘录模式与状态模式有何区别？ 2. 如何优化备忘录模式的内存使用？ 3. 除了撤销操作和缓存，备忘录模式还有哪些应用场景？</think>### JavaScript 备忘录模式详解 备忘录模式是一种**行为型设计模式**，用于在不破坏对象封装性的前提下，捕获并存储对象的内部状态，以便后续恢复。该模式的核心是将状态保存逻辑与业务逻辑解耦，常用于实现撤销操作、缓存、历史记录等功能[^1][^2]。 #### 核心组件 1. **发起人（Originator）** 需要保存状态的对象（如编辑器、数据管理器）。 2. **备忘录（Memento）** 存储发起人内部状态的对象（如快照）。 3. **管理者（Caretaker）** 负责保存和恢复备忘录（如历史记录管理器）。 #### 实现示例 ##### 示例1：文本编辑器撤销操作 ```javascript // 备忘录：存储编辑器状态 class EditorMemento { constructor(content) { this.content = content; } } // 发起人：文本编辑器 class TextEditor { constructor() { this.content = ""; } // 输入内容 type(text) { this.content += text; } // 保存状态到备忘录 save() { return new EditorMemento(this.content); } // 从备忘录恢复状态 restore(memento) { this.content = memento.content; } getContent() { return this.content; } } // 管理者：历史记录管理 class HistoryManager { constructor() { this.states = []; } pushState(memento) { this.states.push(memento); } popState() { return this.states.pop(); } } // 使用示例 const editor = new TextEditor(); const history = new HistoryManager(); editor.type("Hello"); history.pushState(editor.save()); // 保存状态1 editor.type(" World"); console.log(editor.getContent()); // "Hello World" // 撤销操作 editor.restore(history.popState()); console.log(editor.getContent()); // "Hello" [^3] ``` ##### 示例2：新闻数据缓存器（减少服务器请求） ```javascript // 备忘录模式实现数据缓存 const NewsCache = (() => { const cache = {}; // 存储页面数据 return { fetchPage(page) { // 1. 检查缓存 if (cache[page]) { console.log(`从缓存加载第${page}页`); return cache[page]; } // 2. 无缓存则请求服务器（模拟） console.log(`请求服务器: 第${page}页`); const data = `第${page}页数据`; cache[page] = data; // 存入缓存 return data; } }; })(); // 使用示例 console.log(NewsCache.fetchPage(1)); // 请求服务器 console.log(NewsCache.fetchPage(1)); // 从缓存加载 [^4][^5] ``` #### 应用场景 1. **撤销/重做功能** 如文本编辑器的 `Ctrl+Z` 操作[^2]。 2. **数据缓存** 缓存 API 响应减少网络请求（如示例2）[^4]。 3. **游戏存档** 保存和恢复游戏角色状态。 4. **表单草稿保存** 用户离开页面时自动保存表单状态。 #### 优势与注意事项 | 优势 | 注意事项 | |------|----------| | ✅ 状态封装性：不暴露对象内部细节 | ⚠️ 内存消耗：大量状态可能占用内存 | | ✅ 简化发起人逻辑：状态管理职责分离 | ⚠️ 深拷贝问题：复杂对象需深拷贝 | | ✅ 时间回溯：支持历史状态恢复 | ⚠️ 性能影响：频繁保存可能影响性能 | > 关键设计原则：通过备忘录对象中介状态存取，确保发起人内部状态不被外部直接访问[^3]。 --- ### 相关问题 1. 备忘录模式与状态模式有何区别？ 2. 如何优化备忘录模式的内存占用问题？ 3. 在 Vue/React 中如何实现备忘录模式？ 4. 备忘录模式如何结合本地存储（LocalStorage）实现持久化？ 5. 哪些场景不适合使用备忘录模式？
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值