作者归档:admin

首页 » Articles posted by admin (Page 4)

thunkli

Intellij idea代码自动换行

Intellij idea 当前文件自动换行 在代码编辑区域左侧右键勾选Soft-Wrap。 Intellij idea 设置默认自动换行 在 Settings/Preferences 窗口 (⌘,), 选择 Editor > General 勾选Soft-wrap files。 Intellij idea 设置自动换行宽度 在 Settings/Preferences 窗口 (⌘,), 选择 Editor > Code Style 修改Hard wrap at。勾选Wrap on … 继续阅读

发表在 Memo | |
thunkli

Intellij idea格式化代码快捷键-macOS

Intellij idea格式化代码片段 在编辑器中,选择需要格式化的代码。 在菜单中,选择 Code | Reformat ⌥⌘L。 如果您不选择代码片段,则IntelliJ IDEA将重新格式化整个文件。 Intellij idea格式化文件 在编辑器中打开文件,然后按⌥⇧⌘L或在Project工具窗口中,右键单击该文件,然后选择Reformat Code。 可以按⇧并选择其他文件以进行组格式化。 如果需要,在打开的对话框中,选择以下重新格式化选项: Optimize imports: 如果 … 继续阅读

发表在 Memo | |
thunkli

切换默认shell与fish

fish是功能齐全的命令行shell程序(如bash或zsh),既智能又友好。 fish支持强大的功能,例如语法突出显示,自动建议和仅需工作的制表符补全,无需学习或配置。 如果您想让命令行更高效,更实用,更有趣,而又不学习许多神秘的语法和配置选项,那么fish可能就是您想要的! 切换默认bash为fish? 如果希望将fish(或任何其他shell)用作默认shell,则需要在两个位置输入新shell的可执行文件/usr/local/bin/fish: 增加/usr/local/bin/fish … 继续阅读

发表在 Memo | |
thunkli

启用 HTTP/2 support in Apache

启用并加载 SSL and HTTP/2 模块: sudo a2enmod ssl sudo a2enmod http2 激活这些新模块: sudo systemctl restart apache2 要在Apache Web服务器上启用HTTP / 2,请将Protocols h2 http/1.1添加到全局Apache配置中或特定虚拟主机内部。 下面是可用于在某些虚拟主机中启用HTTP / 2的最小虚拟服务器配置: <VirtualHost *:443> ServerName e … 继续阅读

发表在 Memo | |
thunkli

TypeScript 中 interface 与 type 区别

Objects / Functions Interface interface Point { x: number; y: number; } interface SetPoint { (x: number, y: number): void; } Type alias type Point = { x: number; y: number; }; type SetPoint = (x: number, y: number) => void; Other Types // primitiv … 继续阅读

发表在 Memo |
thunkli

async await 原理

ES2017 标准引入了 async 函数,它就是 Generator 函数的语法糖。 async 函数的实现原理,就是将 Generator 函数和自动执行器,包装在一个函数里。 Generator 函数是 ES6 提供的一种异步编程解决方案,调用 Generator 函数,会返回一个内部指针(即遍历器)g。这是 Generator 函数不同于普通函数的另一个地方,即执行它不会返回结果,返回的是指针对象。调用指针g的next方法,会移动内部指针(即执行异步任务的第一段),指向第一个遇到的yie … 继续阅读

发表在 Memo |
thunkli

Higher-Order Components与 Render Props

Higher-Order Components 这里是一个响应鼠标事件的Higher-Order Components例子: import React from ‘react’ import ReactDOM from ‘react-dom’ const withMouse = (Component) => { return class extends React.Component { state = { x: 0, y: 0 } handleMouseMove = (event) =& … 继续阅读

发表在 Memo | |
thunkli

IntelliJ IDEA ESLint autofix/prettier

Action 搜索Actions选择Fix ESLint Problems(Cmd-Shift-A on OS X or Ctrl+Shift+A on Windows and Linux): File Watchers 保存文件时自动eslint –fix: 保存文件时自动prettier –write: 适用于IntelliJ IDEA/PHPStorm/WebStorm 参考链接: File Watchers How to Set Up ESLint Autofix and Prett … 继续阅读

发表在 Memo | |
thunkli

webpack中Hash、chunkhash与contenthash区别

hash hash字段是根据每次编译compilation的内容计算所得,也可以理解为项目总体文件的hash值,而不是针对每个具体文件的。 chunkhash chunkhash代表的是chunk的hash值。简单讲,chunk就是模块。chunkhash也就是根据模块内容计算出的hash值。 contenthash 使用extract-text-webpack-plugin单独编译输出css文件,造成上一节js/css共用hash指纹 extract-text-webpack-plugin提供 … 继续阅读

发表在 Memo | |
thunkli

Preload与Resource Hints

preload <!– preload stylesheet resource via declarative markup –> <link rel=”preload” href=”/styles/other.css” as=”style”> <!– or, preload stylesheet resource via JavaScript –> <script> var res = document.createElement(“li … 继续阅读

发表在 Memo |