用js写的简洁笔记本（便于查看代码和运行结果）

最新推荐文章于 2022-10-21 11:05:10 发布

zhumengstyle

最新推荐文章于 2022-10-21 11:05:10 发布

阅读量865

点赞数 1

分类专栏： jQuery 文章标签： javascript

本文链接：https://blog.csdn.net/zhumengstyle/article/details/75036029

版权

博主基于一本推荐书籍的示例，创建了一个简洁的在线笔记本，用于记录和运行代码笔记，以加深理解。点击目录即可查看代码内容及运行结果。

摘要由CSDN通过智能技术生成

只是看了一本朋友推荐的书，想跟这书中的demo实例，做一下读书笔记，以便加深印象，才有了写这个简单的记录本的想法。
页面简洁效果：
目录展示

单击目录，可以查看代码笔记内容及运行结果，如下图：
笔记代码内容

页面代码【如下】：

<!DOCTYPE html>
<html>
<head>
    <title>《Javascript设计模式》【学习笔记】</title>
    <script type="text/javascript" src="/public/js/jquery-1.9.0.min.js"></script>
    <style>
        .mymulu{
            display:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhumengstyle

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Node.js-基于Electron实现的一个轻量级Markdown笔记本

08-10

基于 Electron 实现的一个轻量级 Markdown 笔记本

JavaScript 笔记本

菜鸟实验室

09-01

662

HTML CSS JS 介绍 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮

参与评论您还未登录，请先登录后发表或查看评论

js笔记本

sam_jet的专栏

11-25

723

1 判断是否是火狐浏览器 if(navigator.userAgent.indexOf("Firefox")>0) { alert("欢迎使用狐火浏览器！"); }else { alert("请使用狐火浏览器！"); }

JavaScript笔记本

KamRoseLee的博客

05-05

491

Javascript常用对象-Boolean Boolean对象描述在 JavaScript 中，布尔值是一种基本的数据类型。Boolean 对象是一个将布尔值打包的布尔对象。Boolean 对象主要用于提供将布尔值转换成字符串的 toString() 方法。Boolean对象创建Boolean 对象表示两个值："true" 或 "false"。创建 Boolean 对象...

索尼笔记本网站模板

04-02

在设计上，模板可能采用了索尼一贯的简洁、现代的设计风格，以黑白灰为主色调，配以索尼笔记本的高清大图，展示产品的外观和细节。页面布局可能包括以下几个部分： 1. 首页：通常包含品牌宣传语、新品推荐、热销...

用python写论文_为什么我极力推荐程序员用jupyter写文章

weixin_39614276的博客

11-26

936

「N体饭」Python小课堂作者：许立轩简介：分享实用、新奇、有fun的Python小知识让您的Python功力更上一层楼吧～为什么我极力推荐程序员用jupyter写文章大纲为什么我极力推荐程序员用Jupyter来写文章jupyter是什么Jupyter Notebook（此前被称为 IPython notebook）是一个交互式笔记本，支持运行 40 多种编程语言。Jupyter Noteboo...

简洁蓝色产品响应式网页模板

01-23

4. **特性介绍**：用列表或图标形式突出产品的优势和特点，便于用户快速抓取关键信息。 5. **客户评价/案例研究**：展示客户的真实反馈，增加潜在客户的信任度。 6. **联系我们**：提供联系方式，包括电话、邮箱、...

Docket-App:一个简单的笔记本Web应用程序

05-01

5. **ES6+语法**: 使用了现代JavaScript特性，如箭头函数、模板字符串、解构赋值等，提高了代码的可读性和简洁性。 **可能的项目结构** 在压缩包`Docket-App-main`中，我们可以预期找到以下文件和目录： 1. `src`...

JavaScript-日记本笔记本

weixin_44897872的博客

10-31

883

纯JavaScript写的日记本所用到的一共两个页面一个是书写日记页面,在页面书写日记标题和日记内容, 第一个页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit...

js-实现简单实用响应式日历日程记事本.zip

07-11

简单实用响应式日历日程记事本js插件代码下载。一款简单易用的日历每日事项记录，简单的电子日历记事本代码。支持撤销、添加、修改文字记录效果代码。

一个较为简单的记事本源代码

06-29

能够进行简单的记事本操作：新建，保存，另存为，剪切，复制，撤销和粘贴 public class Note implements ActionListener, UndoableEditListener { static JTextArea jta = new JTextArea(); static String curFile = null; static String curStr = ""; UndoManager undoManager=new UndoManager(); public Note() { JFrame jf = new JFrame("记事本"); JMenuBar jmb = new JMenuBar(); String[] jml = { "文件", "编辑" }; String[][] jmil = { { "新建", "保存", "另存为", "", "退出" }, { "撤销", "剪切", "复制", "粘贴", } }; JMenu[] jm = new JMenu[jml.length]; JMenuItem[][] jmi = new JMenuItem[jmil.length][];

JavaScript 函数看代码写结果

weixin_30409849的博客

11-08

145

题目1: var v = 123; function foo(){ var v = 456; function inner(){ console.log(v) } return inner } result = foo() console.log(result()) 题目2: Name='root';...

用 JavaScript 实现一个简单的笔记应用程序

web前端开发

10-21

1690

英文 | https://javascript.plainenglish.io/create-a-note-taking-app-using-javascript-26fafa33abe7记笔记是学习新知识技能比较好的做法。记笔记的一些好处是：记笔记可以作为学习辅助工具，记笔记可以提高注意力和对细节的关注，促进主动学习，并提高记忆力。记笔记并不一定是写在纸上或书本上，记笔记，可以在我们的手机上通过...

第一个js应用，web版的笔记本应用

f123690的专栏

03-15

622

首先声明我做的笔记本目前来说很简单，但是我还是想跟大家分享一下我做这个的一些收获和心得。首先是做界面，以前总是认为做界面就是用dreamweaver做，到了公司后才知道界面要手写，不能用这个因为会生成很多我们不需要的东西，当时我一听这个认为好难啊还要写CSS，其实只要你知道了怎么做很简单，就是div的结合与嵌套。我在这里将我做界面的过程：先定义一个大的 div然后再CSS中定义大小

Vue.js制作简单的记事本

m0_47468150的博客

11-15

887

Vue.js制作简单的记事本刚刚接触前端不久不知道这个笔记本的css样式该怎么设计所以css代码到底应该怎么写合适呢代码如下可以进行简单的增加和\color{red}{代码如下可以进行简单的增加和}代码如下可以进行简单的增加和删除任务（无css）\color{red}{删除任务（无css）}删除任务（无css） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

js笔记大概

qq_45853870的博客

08-10

366

JavaScript初体验：简介：用来制作web页面交互效果，提升用户体验，JavaScript由布兰登•艾奇（Brendan Eich） 1995年在网景公司发明。一开始JavaScript叫做LiveScript，但是由于当时Java这个语言特别火，所以为了傍大牌，就改名为JavaScript。同时期还有其他的网页语言，比如VBScript、JScript等，但是后来都被JavaScript打败，所以现在的浏览器中，只运行一种脚本语言就是JavaScript。基本结构： 1.使用转义符： ...

看js运行结果

记录

10-24

917

1. function A(name){ if(name){ // false // 这行没有进来 this.name="Kate" } } function B(name){ console.log(name); // undefined this.name = name; } function C(name){ this.name = name || "Jack"

说出下面JavaScript代码运行的结果，说说为什么？

越陌度阡

11-14

668

function test(person) { person.age = 26 ; person = { name: 'abc', age: 18 } return person } ; const p1 = { name: 'xyz', age: 19 }; const p2 = test(p1) ; console.log(p1); console.log(p2); 执行结果如下： console.log(p1); // {"name": "xyz","age": 26} .

ASP笔记本销售网站设计实现全套资源下载

资源摘要信息:"基于ASP的笔记本销售网站的设计与实现(源代码+论文).zip" 本文档包含了基于ASP技术开发的笔记本销售网站的完整项目源码和相关研究论文。ASP（Active Server Pages）是一种服务器端脚本环境，用于创建...

用js写的简洁笔记本（便于查看代码和运行结果 ）

用js写的简洁笔记本（便于查看代码和运行结果）