学习笔记与效率提升指南:编程、记忆与面试备考

在学习与工作中,高效的记录习惯、针对性的记忆方法和实用的技能储备,是提升效率的关键。本文结合编程学习、面试备考和英语单词积累,整理一套可落地的学习思路,尤其适合编程初学者。

一、学习核心原则:高效优先,记录为辅

1. 我的高效学习习惯

  • 常用内容"可视化":无论是整理衣物、专栏笔记还是代码片段,都将高频使用的内容放在"显而易见"的地方(如笔记首页、代码收藏夹),减少查找时间。
  • 灵活选择"记忆/记录"方式
    • 适合记录的:复杂知识点、长代码片段、面试题索引,查记录或复制粘贴更高效;
    • 适合记忆的:短代码(如JavaScript基础语法)、核心逻辑,自己敲代码比复制更易理解,且记忆更牢固(比如JS常用语法,代码量少且逻辑简单,手动敲写能强化肌肉记忆)。

2. 记录"演示"的重要性

  • 为什么记录演示:无论是编程操作、笔记整理还是生活技能,记录"演示过程"(如视频演示默写代码、步骤拆解)能帮自己复盘细节,也方便后续回顾。对编程学习而言,"默写式操作"(比如看着需求自己写代码,再对照标准答案修正)比单纯看教程更有效。
  • 我的实践:计划通过视频记录编程演示(如JS代码实现、HTML结构搭建),每完成一个知识点就输出演示内容,既能检验学习成果,也能在复盘中发现漏洞。

二、编程学习:JS高频语法与面试题

1. 高频代码片段:记住"常见结构"

在JavaScript中,=function(){}是极其高频的语法结构,核心用于"赋值函数",常见场景如下:

  • 页面加载完成后执行代码

    javascript 复制代码
    // 页面所有资源加载完成后,执行函数内代码
    window.onload = function(){
      // 如初始化页面、绑定事件等操作
      console.log("页面加载完成");
    }
  • 事件绑定

    javascript 复制代码
    // 给按钮绑定点击事件,点击后执行函数
    document.getElementById("btn").onclick = function(){
      alert("按钮被点击");
    }
  • 核心记忆点 :不用死记整段代码,只需记住"对象.事件=function(){}"的结构------左边是"对象+事件"(如window.onloadbtn.onclick),右边是"要执行的函数"。

2. 面试题实战:JS实现"点击标签弹窗标签名"

题目要求

用JavaScript实现:鼠标点击页面中的任意标签,alert该标签的名称(如点击<div>弹窗"div",点击<p>弹窗"p")。

实现思路与代码
javascript 复制代码
// 页面加载完成后绑定事件
window.onload = function(){
  // 给整个文档绑定"点击事件"(事件委托,避免给每个标签单独绑定)
  document.documentElement.onclick = function(e){
    // e.target 指"被点击的目标标签"
    const tagName = e.target.tagName.toLowerCase(); // 转为小写(如DIV→div)
    alert(`当前点击的标签是:${tagName}`);
  }
}
关键知识点
  • e.target:事件对象中的"目标元素",即用户实际点击的标签,是实现"获取点击标签"的核心。
  • tagName:标签的名称属性(返回大写字母,如<div>返回"DIV"),用toLowerCase()转为小写更符合日常使用习惯。
  • 事件委托:不给每个标签单独绑定事件,而是给父元素(这里用document.documentElement,即<html>标签)绑定事件,通过e.target定位目标标签,效率更高。

三、英语单词:编程高频词根与后缀

编程学习中,很多单词和后缀有固定含义,记住这些"规律"比死记单词更高效,以下是高频词根/后缀整理:

1. 核心后缀:-ify 与 -ize("使......化")

两个后缀都表示"使某物变成某种状态",是编程中常见的单词构成方式,对比记忆更清晰:

后缀 含义 示例(编程高频) 翻译与用法
-ify 使成,使......化 simplify、stringify - simplify:简化(如simplify code简化代码) - stringify:字符串化(JS中JSON.stringify(),将对象转为字符串)
-ize 做成,变成......化 serialize、organize - serialize:序列化(如"serialize data"序列化数据,编程中常见于数据存储) - organize:整理(如"organize files"整理文件)

2. 高频单词:target

  • 音标:[ˈtɑːɡɪt]
  • 词性:n.(名词)
  • 核心含义:目标(在编程中特指"事件目标""目标元素")
  • 编程用法:JS事件中e.target(事件目标),如前面面试题中,e.target就是"被点击的目标标签",是前端高频使用的单词。

四、总结:拒绝"盲目记忆",只记"有用且高效的内容"

  • 记忆取舍:不用追求"记住所有知识"(比如英语单词,只记编程高频词;JS语法,只记核心结构),网络能查到的内容(如详细API文档)无需死记,重点记"查不到的逻辑"(如代码实现思路、后缀规律)。
  • 应对面试 :面试中"答不出基础题"不代表能力差,但掌握基础能避免"不必要的失分"------比如记住e.targetwindow.onload等高频知识点,能快速应对基础面试题。
  • 核心逻辑:学习的本质是"解决问题",无论是记录演示、记忆语法还是积累单词,最终都要服务于"高效解决问题",找到适合自己的节奏(如手动敲代码更高效就多敲,查记录更高效就多整理),比盲目跟风更重要。
相关推荐
Lee川1 小时前
优雅进化的JavaScript:从ES6+新特性看现代前端开发范式
javascript·面试
Lee川5 小时前
从异步迷雾到优雅流程:JavaScript异步编程与内存管理的现代化之旅
javascript·面试
晴殇i7 小时前
揭秘JavaScript中那些“不冒泡”的DOM事件
前端·javascript·面试
绝无仅有7 小时前
Redis过期删除与内存淘汰策略详解
后端·面试·架构
绝无仅有7 小时前
Redis大Key问题排查与解决方案全解析
后端·面试·架构
AAA梅狸猫8 小时前
Looper.loop() 循环机制
面试
AAA梅狸猫8 小时前
Handler基本概念
面试
Wect9 小时前
浏览器缓存机制
前端·面试·浏览器
掘金安东尼10 小时前
Fun with TypeScript Generics:玩转 TS 泛型
前端·javascript·面试
掘金安东尼10 小时前
Next.js 企业级落地
前端·javascript·面试