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

最新推荐文章于 2025-05-03 12:20:25 发布
最新推荐文章于 2025-05-03 12:20:25 发布
阅读量734 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端实习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/GLZX_HM/article/details/112984503
本文是作者作为前端实习生的周报，主要记录了调研codemirror6的过程，包括编辑器的样式调整、语法高亮、主题应用、v-model支持等问题的解决。同时分享了在工作中遇到的困难，如文档理解、代码管理和心态调整等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

日记


1.18

  • 任务：调研codemirror6
    因为兼容性，repo用了codemirror5+6混合，然后新出了6。
    去check一下6的 legacy模式 下，yaml和python编辑器是否正常工作。
  • 任务过程
  1. 新开路由
    这里找错了repo，原有的repo配置可能有问题，导致了我做了正确的事但是没有出正确的结果。
  2. 获取DOM节点
    vue获取DOM统统用$ref，$refs，ref()
  3. remove一个库之后，一直报错，再也不能成功
    问了leader，叫我永远不要yarn remove，因为奇特的依赖关系，很容易出错。
    取消哪个包，直接去package.json删掉哪一行就行了。
  4. 重新clone repo运行
    然后没设置env.local，直接导致请求代理错误，被自己蠢死。
  5. 文档demo
    梦回vega-lite，但是好歹vega-lite还有很多demo，只是文档写的有点奇怪，这codemirror6是sample少的可怜，然后模块文档写的，有板有眼，就是没告诉你怎么用。
  6. 判断是否支持
    按照语法高亮不就可以了，判定语法高亮，是去DOM里看字符有没有被拆分成span。这里因为问题1开错了repo，basic-setup本来就有语法高亮，我还去@code
了解本专栏 订阅专栏 解锁全文 超级会员免费看
『前端实习笔记』12月 第2周
猪窝
12-25 704
文章目录日记12.712.8tt12.912.1012.11周报 日记 12.7 任务：根据d3和vega-lite画图 d3 d3 API vega-lite vega-lite API 过程 引入：在文档的usage部分找NPM的引入方式，这里要到vega，vega-lite，vega-embed这三个NPM页面仔细看一下。文档tutorial部分是指导，examples部分可以找到很多示例，doc部分是所有文档以及API。 示例：例子多是JSON写法，可以转用JS的对象写法，用pre
『前端实习笔记』离职总结
猪窝
04-16 831
文章目录现状实习总结leaderteam公司贡献总结学习调研（难）bug改进需求测试 现状 本人被两座大山压着，毕业论文&设计，春招 实习期结束为5.3 4月10-20应该全都要请假，忙毕业论文的同时搞春招 请假结束了实习期也结束了 因此还是提交离职吧，把位置空出来，别占用公司资源了 另一个原因是，4月8日下午面了携程一面，被问的妈都不认识 感觉自己根本没学到东西，无论深度广度 需要点时间沉淀，然后赶快把毕业论文搞完，不能被延毕 晚上面百度前电信卡坏了，只能打电话不能上网 跟妈妈聊了好多，妈妈说自己
codemirror-quickstart：快速上手 CodeMirror 6 编辑器
最新发布
gitblog_00510的博客
05-03 758
codemirror-quickstart：快速上手 CodeMirror 6 编辑器 项目介绍 codemirror-quickstart 是一个开源项目，旨在帮助开发者轻松上手并运行 CodeMirror 6 编辑器。对于那些已经熟悉 CodeMirror 5 并且对 CodeMirror 6 的上手感到困惑的开发者来说，这个项目提供了一个宝贵的起点。codemirror-quickstart...
大四学生前端实习的第一周周记
11-28
是大四学生实习的第一周周记。本人原创作品。切勿原封不动照抄
实习无忧网站前端
05-23
“实习无忧”是一个校园电商类平台，旨在解决在校大学生因缺乏经验，了解渠道短缺造成的实习“难”与中小企业因知名度不高而存在招聘“难”的信息不对称问题。 网站主要为五大板块： 1）网站首页提供最新资讯、快速导航、职位（话题）推荐等功能； 2）职位导航栏综合了各行业公司的最新实习招聘信息，包括大学生不易得知的优质中小企业招聘信息； 3）论坛交流栏提供前辈经验手记、视频分享等，还可以在线交流答疑； 4）在线畅聊栏为大学生和 HR之间提供了在线沟通交流的机会。 5）个人中心提供信息查看、应聘进程追踪、个人简历预留、账号管理等服务。 其商业模式为向平台服务双方收费： 为优质中小企业提供免费的招聘平台，后期收取一定的推广费；为想找心仪实习的大学生提供各种有用信息服务，采取会员制模式升级信息服务。
暑期实训第三周工作
wmddx的博客
07-30 92
1.收集组员的供应商端的前端页面，对前端页面进行整合，优化css、html和js 2.更改用户端需求和原型图 3.写了用户端购物车、下单页、商铺选择页等前端页面
『前端实习笔记』3月 第1周
猪窝
03-08 677
文章目录日记3.13.23.33.43.5周报 日记 3.1 code-review map写法有问题 我在function里return了new Map()，这样每次调用都会创建新的，虽然V8优化了 switch写法巨丑，不要用 map的写法最后决定放在computed里，因为创建一次也不会修改，没有对应响应式的数据 Vue中$_开头的不会触发reactive chain a.b.c.d式引用起来很慢的，尤其是循环 能解构就解构 任务：bug check一处模板为何渲染刚开始为undefi
『前端实习笔记』3月 第4周
猪窝
04-16 554
文章目录日记3.223.233.243.253.26周报 日记 3.22 遗留问题 PR没合，包含了测试分支的修改内容 测试分支也没删 字段修改 缺乏最佳实践，后端频繁更换字段或取值时兼容适配始终是个大问题 如果是db直接更新还好，就怕要兼容旧的数据 state-dot 3个时间状态 uplot-width 帮后端手动过滤展示 逻辑梳理： @当前告警 firing 有最近告警时间 读event_updated_at @历史告警 resolved 有开始时间 有结束时间 读event_star
『前端实习笔记』11月 第3周
猪窝
11-30 952
文章目录日记11.1611.1711.1811.1911.20周报 日记 11.16 code review 个别代码嵌套层数过多，个别代码嵌套层数太少：本来放一个文件模块能解决的事情，来来回回引了好几次，放了好几个没用的文件来回引来引去；一个函数方法，里面包含了大概3个部分，分别对应不同的操作，我直接写在一起了，应该把他们再拆成3个函数。 import引入顺序太乱了。库相关的放在最前，css类的放在中间，本地文件放在最后，每一个part之间空出一行。逻辑清晰。 下面以我的demo为例：(有些库本地
『前端实习笔记』12月 第3周
猪窝
12-25 543
文章目录日记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用于惰性
仿淘宝浏览 前端demo
qq_42488518的博客
10-18 957
前端实训demo： 任务：仿淘宝商品浏览页面 实现思路： 1、 导入准备好的data.js 2、 想法是通过art-template.js 进行渲染 3、 第一要取到data中的数据才能进行渲染 4、 第二取到后 对数据进行设计和排版 遇到的问题： 1、 在取图片时出现了疑问 放图： 之前学习的时候没有考虑过怎对 对象数组进行取值，之前是对 数组 及 对象进行取值。在这点考虑过长，最后通过对象转换成数组进行取值。 2、取到图片后，对图片的排版调节，着实费脑。也可能是因为代码写少的原
vue3结合codemirror6原生使用写法
q1025387665a的博客
01-10 6241
网上零星几篇基本狗屁不通，非程序水平不行，属实文笔太烂，词不达意，干啥弄不明白要么杂乱无章。我的需求很简单，最近网站上要做个ol的学习模块，需要一个html的编辑器，一个预览。不需要别人给我封装对我而言多余的东西。为此琢磨了下网页在线编辑器，codemirror 经过时间的沉淀，已经是非常成熟的开源框架了，为此直接采用。非研究文章，纯使用文章。
记录一下使用codemirror6写一个低代码脚本编辑器遇到的坑
fudebao的博客
04-09 6791
最近公司让我实现一个低代码在线脚本编辑器组件，组件需要支持点击左边模型字段插入标签，还需要支持函数自动补全。
codemirror6 展示vue代码
hongkid的专栏
03-25 914
【代码】codemirror6 展示vue代码。
codemirror6及公式编辑器 001 codemirror6
PRIEST_KNIGHT的博客
07-02 2296
在使用codemirror6时收集到的一些资料和踩坑，这里有些事提炼了其他大佬们的文章，链接我已经给出来了
codemirrow 6-江西jerry
qq_36971442的博客
04-01 121
【代码】codemirrow 6-江西jerry。
Vue3+codemirror6实现公式（规则）编辑器
小阮的笔记本
02-07 3045
vue3+codemirror6+ts实现公式编辑器，可以插入标签、公式，也有补全提示
codemirror6 制作markdown编辑器(源码模式)
qq_43203949的博客
06-26 1400
总体上感觉能用，但是不怎么友好，官方文档有点散乱，而且关键字高亮功能是独立出去的，去官方文档找半天，也没找到怎么改。EditorView.theme可以往EditorView模块中修改CSS的样式，从而影响编辑器的样式展示。"### 测试\n\n```javascript\nlet x = 'y'\n```"这个插件中的markdown语法的高亮样式。//这里指定markdown中代码块使用的解析扩展。开头的class样式，并且还需要在选择器前面添加。//markdown语言解析扩展。
我想要从o开始学python＋java 我需要学什么，去哪儿找资源，找学习教程，请给我详细的计划
04-01
<think>好的，我现在需要帮用户制定一个从零开始学习Python和Java的详细计划，并提供资源推荐。首先，用户之前已经询问过关于选择编程语言的问题，我给了他们对比分析，现在他们明确要同时学Python和Java，所以需要更具体的指导。 用户的需求是从零开始，所以必须从基础讲起，分阶段安排。用户可能没有编程经验，所以计划要循序渐进，避免让他们感到压力过大。同时，用户需要详细的资源推荐和学习路径，这可能包括书籍、在线课程、练习平台等。 首先，我应该考虑如何合理安排学习顺序。Python和Java虽然都是编程语言，但语法和用途不同。Python更易上手，适合初学者建立编程思维，而Java的面向对象和严谨性对打基础也有帮助。可能需要建议先学Python基础，再转Java，或者交替学习，但需要避免混淆。 接下来，分阶段设计。比如，第一阶段打好Python基础，第二阶段学习Java基础，然后逐步深入各自的进阶内容。同时要强调项目实践，因为实习需要动手能力。每个阶段都需要明确的学习目标、时间安排和资源推荐。 资源方面，需要选择适合初学者的资源。Python推荐官方文档、《Python Crash Course》和Codecademy的课程。Java方面，推荐《Head First Java》和MOOC课程。同时，练习平台如LeetCode和Codewars对巩固基础很重要。 还需要考虑项目实践。用户之前提到过实习需要项目经验，所以每个阶段结束时都应该有小项目，比如Python的爬虫、数据分析，Java的Web应用等。GitHub的使用也很重要，指导用户如何展示项目。 另外，用户可能需要学习工具和环境配置，比如安装Python、Java JDK、IDE（PyCharm、IntelliJ IDEA），以及版本控制工具Git。这些也应该包含在计划中，可能作为预备阶段的内容。 还要注意时间安排，用户可能需要一个大概的时间线，比如每周投入多少小时，每个阶段持续多久。例如，Python基础4周，Java基础6周，这样用户能有清晰的进度概念。 最后，复合技能和持续学习的建议也很重要，比如学习数据结构与算法、数据库、框架等。同时，推荐参与开源项目和社区，帮助用户拓展网络和获取最新资讯。 需要确保回答结构清晰，分点列出，资源部分给出链接或具体名称，计划要详细但不过于复杂，让用户容易跟随。同时提醒用户避免同时学两门语言可能带来的混淆，建议打好一门基础后再学另一门，但用户明确要同时学，所以需要合理安排避免冲突。</think>我将为你设计一个从零开始同时学习Python+Java的 **6个月详细学习计划**，包含 **每日学习路径**、**必学知识点清单** 和 **精选资源导航**。以下是分阶段实施方案： --- ### **一、预备阶段（1周）** **目标**：搭建开发环境 + 理解基础概念 1. **工具准备**： - Python环境：安装Anaconda（含Jupyter Notebook） - Java环境：安装JDK17 + IntelliJ IDEA（社区版） - 通用工具：Git + GitHub账号 + VS Code 2. **基础认知**： - 理解`变量/数据类型/运算符`的通用概念 - 掌握`命令行操作`（Windows: PowerShell，Mac/Linux: Terminal） - 学习使用[菜鸟教程](https://www.runoob.com/)的代码在线编辑器 --- ### **二、Python基础阶段（第2-5周）** **学习路径**： ```python # Python核心语法结构 条件判断 → 循环结构 → 函数定义 → 面向对象 → 异常处理 ``` 1. **必学内容**： - 数据结构：列表推导式（如 `[x**2 for x in range(10)]`） - 文件操作：`with open() as f`上下文管理 - 模块使用：`datetime`, `json`, `os`标准库 2. **实践项目**： - 豆瓣电影TOP250数据爬取（使用`requests`+`BeautifulSoup`） - 学生成绩管理系统（控制台版本） 3. **推荐资源**： - 书籍：《Python Crash Course》（[电子版](https://ehmatthes.github.io/pcc/)） - 视频：[廖雪峰Python教程](https://www.liaoxuefeng.com/wiki/1016959663602400) - 练习平台：[Codecademy Python](https://www.codecademy.com/learn/learn-python-3) --- ### **三、Java基础阶段（第6-10周）** **学习路径**： ```java // Java核心语法结构 类与对象 → 继承与多态 → 接口与抽象类 → 集合框架 → 泛型 ``` 1. **必学内容**： - JVM内存模型：栈/堆/方法区的关系 - 异常处理：`try-with-resources`语法 - 集合框架：`ArrayList` vs `LinkedList`性能对比 2. **实践项目**： - 银行账户管理系统（使用`Scanner`+`File`） - 多线程下载器（`ExecutorService`实现） 3. **推荐资源**： - 书籍：《Head First Java（第三版）》 - 视频：[浙江大学Java MOOC](https://www.icourse163.org/course/ZJU-1001541001) - 练习平台：[CodingBat Java](https://codingbat.com/java) --- ### **四、双语言进阶阶段（第11-16周）** **Python与Java并行学习框架**： ```                 Python                     Java                ───────                   ─────── 数据库       SQLAlchemy             JDBC + MyBatis Web开发      Flask/Django          Spring Boot 并发编程      asyncio               CompletableFuture ``` 1. **重点突破**： - Python： - 掌握装饰器（如`@staticmethod`） - 理解GIL锁对多线程的影响 - Java： - 掌握Lambda表达式 - 理解JVM垃圾回收机制 2. **实战项目**： - Python：Django搭建博客系统（含REST API） - Java：Spring Boot实现电商后台 3. **资源整合**： - [Python官方文档](https://docs.python.org/3/) - [Java官方教程](https://docs.oracle.com/javase/tutorial/) --- ### **五、项目冲刺阶段（第17-24周）** **复合型项目开发**： 1. **全栈项目**： - 前端：HTML/CSS + Vue.js - 后端：Python Flask + Java Spring Boot混合架构 - 部署：Docker容器化 + Nginx负载均衡 2. **开源贡献**： - 参与Apache开源项目（如[Apache Commons](https://commons.apache.org/)） - 在GitHub发布个人工具库（至少200星标） 3. **简历准备**： - 技术栈描述模板： $$ \text{技术栈} = \begin{cases} \text{Python: Flask/Django/Scrapy} \\ \text{Java: Spring Cloud/MyBatis} \end{cases} $$ --- ### **六、学习效率工具包** 1. **知识管理**： - 笔记工具：Obsidian（使用双向链接整理知识点） - 代码片段：Gist保存常用代码模板 2. **社区支持**： - 问答平台：[Stack Overflow](https://stackoverflow.com/) - 中文论坛：[V2EX](https://www.v2ex.com/)技术节点 3. **求职辅助**： - 算法刷题：[LeetCode](https://leetcode.cn/)（按企业高频题排序） - 模拟面试：[Pramp](https://www.pramp.com/)（免费技术面试练习） --- **关键提示**：建议采用 **3:2时间分配法**（Python学习3天，Java学习2天循环），每周保证20小时有效编码时间。遇到难点时，优先在[知乎专题](https://www.zhihu.com/search?type=content&q=python%20java)查找深度解析。坚持6个月后，可达到 **中级开发实习生** 的竞争力水平。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

大熊软糖M

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

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

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

打赏作者

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

抵扣说明：

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

余额充值