『前端实习笔记』3月 第3周

最新推荐文章于 2024-06-26 17:48:59 发布
最新推荐文章于 2024-06-26 17:48:59 发布
阅读量342 收藏
点赞数
分类专栏： 前端实习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GLZX_HM/article/details/115753343
版权
这周的实习笔记主要记录了使用codemirror@6的体验，包括readonly特性，组件设计与边界处理，以及遇到的各种bug修复。在组件开发中，强调了props的处理和类型检查的重要性，还提到了Vue3 JSX的支持和git操作的问题。周报总结了codemirror的通用组件、YAML和Python编辑器的优化，以及告警通知状态的调整。
摘要由CSDN通过智能技术生成

文章目录

日记


3.15

  • codemirror@6 readonly
EditorView.editable.of(false)

看了源代码得出

  • case转换快捷键
    camelCase和kebab-case切换的，vscode可以设置

  • 小bug修复
    yaml编辑器行数不对其
    python编辑器active行数小，因为高度是div撑开的，而非内容本身


3.16

  • 通用组件
  1. 考虑组件的边界
    这里因为配置是覆盖的，所以根据props做了A和C，让用户自定义部分为B
    优先级是A-B-C
  2. 设计
    50%时间做设计
    写出文档readme.md

  • props类型检查
    很有毒，和TS不兼容
    需要import个PropType出来
    Object as PropType<xxx>

了解本专栏 订阅专栏 解锁全文 超级会员免费看
大熊软糖M
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
『前端实习笔记』11月 第3周
猪窝
11-30 704
文章目录日记11.1611.1711.1811.1911.20周报 日记 11.16 code review 个别代码嵌套层数过多，个别代码嵌套层数太少：本来放一个文件模块能解决的事情，来来回回引了好几次，放了好几个没用的文件来回引来引去；一个函数方法，里面包含了大概3个部分，分别对应不同的操作，我直接写在一起了，应该把他们再拆成3个函数。 import引入顺序太乱了。库相关的放在最前，css类的放在中间，本地文件放在最后，每一个part之间空出一行。逻辑清晰。 下面以我的demo为例：(有些库本地
『前端实习笔记』12月 第3周
猪窝
12-25 443
文章目录日记12.1412.1512.1612.1712.18周报OJ 日记 12.14 任务：调研vega-lite库，增加动态渲染表格，按钮控制，可取最大最小值 过程 tooltip收尾：因为我搞编译器耽搁了，碰到致命错误，但没说。leader让我下次碰到这种错误第一时间告诉他。 加表格：简单的很，每一列加一个按钮控制是否显示。这里唯一注意的就是，表格渲染必然是v-for，而控制是否显示有两个v-if和v-show，文档里再三强调v-for不可以和v-if同时出现，其他case下v-if用于惰性
vue3+codemirror6中编辑器不可编辑状态的实现
jjking1994的博客
06-26 437
意思是这个属性不要和EditorView中的editable混淆了，这样是不是说明这两个属性实现的效果是不同的？答案是肯定的，这两个属性的区别在于设置EditorState.readOnly的编辑器为不可编辑，但是还是会有光标闪烁，而设置了EditorView.editable的编辑器为不可编辑且不会有光标闪烁。当然，这里的不可编辑指的是不可在编辑器中实时编辑，如果通过调用示例代码中的setInput方法强制给编辑器赋值也是可以更新编辑器的内容的。为false，即在extensions的数组中加入。
前端第三周学习总结
weixin_52226680的博客
06-06 221
学习了框架，div以及css各种属性等相关知识。 框架是一种特殊的网页，它可以根据需要把浏览器划分为多个区域，每个框架区域都对应一个单独的网页。框架由框架集和单个框架组成。 div全称Division，意为“区分”，它是用来定义网页内容中逻辑区域的标签，可以通过插入div标签并对它们应用的css样式来创建网页布局。 css的属性包括类型、背景、区块、方框、列表、定位、扩展、过渡等属性。 ...
codemirror 只读模式（vue）
qq_22841387的博客
12-03 7508
codeMirror组件设置只读模式 codeMirror是vue中使用markdown的组件
codemirror6教程
qq_43203949的博客
11-30 3315
视图用于展示文本的，在中文本信息的展示使用的是这个类在codemirror6中，文本信息放到了这个类，可以展示在之上，改变里面的文本，可以更改页面上的文本展示。 EditorState 编辑器状态，描述当前编辑器使用的插件，文本等信息 EditorView 编辑器视图，编辑器的展现 Compartment 一个特殊的插件类，也叫隔层，用于封装真正的插件，当插件传入EditorState后，我们是无法直接动态改变里面的插件的，如果要改变里面的插件，就需要用到Compartment封装插件。 Compartm
前端实习笔记（含组件代码及设计思维）
02-02
这是我在某厂当前端实习生的时候写的学习文档，文档里包含了公司的一些组件的设计思路以及逻辑代码流程
斑码教育大前端课堂笔记-html第三天
10-10
在斑码教育的前端课程中，HTML第三天的学习内容主要集中在深化对HTML的理解，以及掌握HTML5的一些新特性。HTML（HyperText Markup Language）是网页设计的基础，它用于构建网页的结构和内容。在本节课中，我们将深入...
前端学习笔记(精华总结）.zip
11-14
前端学习笔记(精华总结）.zip前端学习笔记(精华总结）.zip前端学习笔记(精华总结）.zip前端学习笔记(精华总结）.zip前端学习笔记(精华总结）.zip前端学习笔记(精华总结）.zip前端学习笔记(精华总结）.zip前端学习...
web前端开发笔记整理（一）
01-08
...1. 告诉搜索引擎爬虫我们的网站关于什么内容 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 ... ...属性名不加双引号，属性值加双引号 标签的属性定义了与文档相关联...
微前端笔记微前端笔记微前端笔记
最新发布
07-19
微前端笔记微前端笔记微前端笔记
codemirror-6-getting-started:流行的代码编辑器库CodeMirror 6入门
05-10
CodeMirror 6：入门 这是新CodeMirror v6编辑器的基本功能和自定义选项的演示。 它伴随在DataCamp工程博客上的帖子。 用法 安装依赖项： $ yarn 启动捆绑器： $ yarn start 然后在浏览器中打开它： 执照 版权所有2021 DataCamp，Inc. 特此免费授予获得此软件和相关文档文件（“软件”）副本的任何人无限制地处理软件的权利，包括但不限于使用，复制，修改，合并的权利，发布，分发，再许可和/或出售本软件的副本，并允许具备软件的人员这样做，但须满足以下条件： 以上版权声明和此许可声明应包含在本软件的所有副本或大部分内容中。 本软件按“原样”提供，不提供任何形式的明示或暗示担保，包括但不限于对适销性，特定目的的适用性和非侵权性的担保。 无论是由于软件，使用或其他方式产生的，与之有关或与之有关的合同，侵权或其他形式的任何索赔，损害
codemirror 常见操作
Touatou的博客
08-07 1万+
0.定义一个包含codemirror的文本框： 1.获取codemirror这个对象： var editor = CodeMirror.fromTextArea(document.getElementById("code"), { lineNumbers: true, extraKeys: {"Ctrl": "autocomple
CodeMirror用户手册
热门推荐
LingMax的博客
05-02 2万+
用户手册和参考指南版本5.46.1 CodeMirror是一个代码编辑器组件，可以嵌入到Web页面中。核心库仅提供编辑器组件，不提供伴随按钮，自动完成或其他IDE功能。它确实提供了丰富的API，在此基础上可以直接实现这些功能。有关额外功能的可重用实现，请参阅分发中包含的插件和外部托管插件列表。 CodeMirror使用特定于语言的模式。模式是JavaScript程序，可帮助用给定语言编写的文本...
CodeMirror编辑器使用方式ts+vue3
weixin_45685394的博客
09-12 1410
使用以上方式封装一个组件，然后直接调用使用即可。
vue3结合codemirror6原生使用写法
q1025387665a的博客
01-10 5524
网上零星几篇基本狗屁不通，非程序水平不行，属实文笔太烂，词不达意，干啥弄不明白要么杂乱无章。我的需求很简单，最近网站上要做个ol的学习模块，需要一个html的编辑器，一个预览。不需要别人给我封装对我而言多余的东西。为此琢磨了下网页在线编辑器，codemirror 经过时间的沉淀，已经是非常成熟的开源框架了，为此直接采用。非研究文章，纯使用文章。
codemirror的基础使用自定义代码提示
SmallGirlYang的博客
10-09 1万+
codemirror的基础使用方法引用和初始化使用codemirrorcodemirror不同功能需要引用的文件CodeMirror自定义代码提示 引用和初始化 引用的两种方式 npm引用： npm install vue-codemirror 组件中引用： import {codemirror} from ‘vue-codemirror’; 此种方式在此不详细介绍，可参考：CodeMirror入门教程 npm引用： npm install vue-codemirror 组件中引用： import {co
CodeMirror6在光标处插入文本的正确方法
hjg719的博客
05-23 1833
codemirror6
Go语言学习笔记第三版精华概览
"Go 学习笔记 第三版.pdf" 这本《Go学习笔记》第三版是一本关于Go编程语言的实用参考资料，旨在帮助读者快速复习和掌握Go语言的关键知识点。作者通过自己的学习和实践经验，将Go语言的核心概念、语法结构以及高级...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大熊软糖M

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值