跳到主要内容

· 阅读需 2 分钟
Junjie

scrollIntoView()

Element 接口的 scrollIntoView() 方法会滚动元素的父容器,使被调用 scrollIntoView() 的元素对用户可见。

使用scrollIntoView()方法实现平滑回到顶部。

语法

element.scrollIntoView(); // 等同于 element.scrollIntoView(true)
element.scrollIntoView(alignToTop); // Boolean 型参数
element.scrollIntoView(scrollIntoViewOptions); // Object 型参数

· 阅读需 12 分钟
Junjie

Array.from()

Array.from() 方法对一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。

console.log(Array.from('foo')); // ["f", "o", "o"]
console.log(Array.from([1, 2, 3], x => x + x)); // [2, 4, 6]

Array.isArray()

Array.isArray() 用于确定传递的值是否是一个 Array。

Array.isArray([1, 2, 3]);  // true
Array.isArray({foo: 123}); // false
Array.isArray('string'); // false
Array.isArray(undefined); // false

Array.of()

Array.of() 方法创建一个具有可变数量参数的新数组实例,支持任意的参数数量或类型。

Array.of(7);       // [7]
Array.of(1, 2, 3); // [1, 2, 3]

Array(7); // [ , , , , , , ]
Array(1, 2, 3); // [1, 2, 3]

· 阅读需 2 分钟
Junjie

查看历史记录 如果内容偏多,需要使用方向键上下滚动,按q退出

  • git log
  • git log --oneline
  • git reflog 查看所有操作记录

· 阅读需 2 分钟
快捷键作用
双倍的Shift随处搜索
在 WebStorm、您的项目和当前 Git 存储库中快速查找任何文件、操作、类、符号、工具窗口或设置。
Ctrl+Shift+A寻找行动
查找命令并执行它、打开工具窗口或搜索设置。
双倍的Ctrl运行任何东西
启动运行/调试配置,运行 npm 和 yarn 脚本,并重新打开最近的项目。
Alt+Enter显示上下文操作
快速修复突出显示的错误和警告,改进和优化代码的意图操作。
F2
Shift+F2
在代码问题之间导航
跳转到下一个或上一个突出显示的错误。
Ctrl+E查看最近的文件
从列表中选择最近打开的文件。
Ctrl+W
Ctrl+Shift+W
扩展或缩小选择
根据特定的代码结构增加或减少选择范围。
Ctrl+/
Ctrl+Shift+/
添加/删除行或块注释
注释掉一行或一段代码。
Alt+F7查找用法
显示整个项目中使用代码元素的所有位置。

· 阅读需 6 分钟
Junjie

Web 开发是创建 Web 应用程序或网站的过程。创建 Web 应用程序的一种方法是将逻辑分离为其服务器端和客户端部分。这个过程通常涉及具有不同专业的开发人员。让我们更多地了解 Web 开发的这一方面。

前端和后端开发

习惯上将 Web 开发分为两部分:前端和后端。

前端开发,也称为客户端编程,是用户界面的开发(换句话说,Web 应用程序/站点的可视化部分)以及编写与用户交互的逻辑。简而言之,前端开发负责用户打开网页时看到的所有内容以及与之交互的所有内容。

后端开发,也称为服务器端编程,是Web应用程序内部服务器端的开发,是其逻辑的实现。后端开发包括用户看不到的东西,以及在他们的浏览器和计算机之外发生的事情。