前端知识点记录

本文主要介绍了前端开发的一些关键知识点,包括堆栈的工作原理、Source Map的用途、Vue路由的两种模式及其操作方法、VSCode的JS调试设置、Shim与Polyfill的区别以及在实际中的应用、Vue中数据加载与DOM渲染的策略、Computed与Methods的使用场景,以及colgroup标签的使用细节。
摘要由CSDN通过智能技术生成

1.堆栈

堆(heap)=>先进先出(FIFO)=>程序员分配释放 =========(引用类型)
栈(stack)=>后进先出(LIFO)=>操作系统自动分配释放 =======(基本类型) —– 栈的优势是,存取速度比堆要快

2.map文件介绍

map文件 => Source map就是一个信息文件,里面储存着位置信息。使用map文件可以快速在chrome上定位压缩脚本的原始错误位置。

3.vue路由模式

vue 路由两种模式:hash、history两种模式

添加 mode: ‘history’ 之后将使用 HTML5 history 模式,该模式下没有 # 前缀,而且可以使用 pushState 和 replaceState 来管理记录

router.push(location) => history中会有记录
router.replace(location) => history中不会有记录
router.go(n) => 在history记录中向前跳转几页或者向后几页

4.vscode调试

vscode 调试js => 点击调试选项,添加配置项=>nodejs 启动项。

{
    "type": "node",
    "request": "launch",
    "name": "nodejs调试",//给要调试的文件起个调试名字
    "program": "${workspaceFolder}/当前文件夹下的js文件.js"//${workspaceFolder}=> 当前文件夹的位置
}
{
    "type": "chrome",
    "request": "launch",// launch和attach 两种。
    "name": "Launch Chrome",
    "url": "http://localhost:8080",
    "webRoot": 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值