摘要:tsc watch模式,具有webpack的模块概念,不会因为不在依赖链中的文件的事件触发编译。 tsc --watch ts-node 安装: $ yarn global add ts-node ts-loader 配合webpack使用,前端是一定需要编译的,但是有babel,还有后端,好乱。 阅读全文
posted @ 2020-10-30 18:15 develon 阅读(2) 评论(0) 推荐(0) 编辑
摘要:tsc 优点:可以生成.d.ts类型声明文件。 tsconfig.json: { "compilerOptions": { "outDir": "dist", "declaration": true, "declarationDir": "dist", }, "files": ["src/index 阅读全文
posted @ 2020-10-30 17:37 develon 阅读(2) 评论(0) 推荐(0) 编辑
摘要:安装@nestjs/core import * as nest from '@nestjs/core'; console.log(nest); 尝试导入@nestjs/core,最终需要以下依赖,才能导入cjs模块: "dependencies": { "@nestjs/common": "^7.4 阅读全文
posted @ 2020-10-29 11:31 develon 阅读(3) 评论(0) 推荐(0) 编辑
摘要:webpackUniversalModuleDefinition 通用模块定义: (function webpackUniversalModuleDefinition(root, factory) { if(typeof exports 'object' && typeof module 'obje 阅读全文
posted @ 2020-10-29 00:34 develon 阅读(3) 评论(0) 推荐(0) 编辑
摘要:webpack.config.js 相关字段 output.libraryTarget 包括var(默认值,用于web场景)、umd、commonjs[2]、amd等选项,如果webpack编译后在其它包中导入时一直是空对象,那么你该了解一下这个字段了。 output: { filename: '[ 阅读全文
posted @ 2020-10-28 11:21 develon 阅读(4) 评论(0) 推荐(0) 编辑
摘要:Webpack5的变化 前端开发变化, 开箱即用webpack serve命令,只需要安装webpack-dev-server就可以直接启用了。 $ webpack serve --help Usage: webpack s | serve Description: Run the webpack 阅读全文
posted @ 2020-10-21 14:06 develon 阅读(18) 评论(0) 推荐(0) 编辑
摘要:CLI 应用程序 CLI 应用程序需要在Windows和Unix-like两种系统上运行, 通常是包装两个命令行脚本(cmd脚本和shell脚本, ps1不讨论)添加到系统路径中. 第一步, 在package.json中设置bin字段 { "name": "FileBrowser", "versio 阅读全文
posted @ 2020-10-18 00:29 develon 阅读(13) 评论(0) 推荐(0) 编辑
摘要:安装与使用 假设安装到目录F:\PostgreSQL\9.5, 那么在F:\PostgreSQL\9.5\bin下有以下几个程序可以控制SQL: psql.exe 命令行工具 pgAdmin3.exe GUI工具 pg_ctl.exe 进程管理工具 命令行使用方法: REM 指定用户名和数据库端口号 阅读全文
posted @ 2020-10-14 16:41 develon 阅读(12) 评论(0) 推荐(0) 编辑
摘要:设置HTTP代理 git config --global http.proxy http://127.0.0.1:25378 取消HTTP代理 git config --global --unset http.proxy 设置socks5代理 方案1, 来自: https://stackoverfl 阅读全文
posted @ 2020-10-14 14:50 develon 阅读(10) 评论(0) 推荐(0) 编辑
摘要:安装 https://classic.yarnpkg.com/zh-Hans/docs/install 查询与更换源 yarn config get registry yarn config set registry https://registry.npm.taobao.org/ 使用方法:安装依 阅读全文
posted @ 2020-10-14 14:20 develon 阅读(62) 评论(0) 推荐(0) 编辑
摘要:GTX 1660 Super 显卡发布时间:2019/10/29 1660s比1660ti弱一些,價錢高。 NVIDIA 系统信息报告,创建于: 10/14/2020 10:04:05 系统名称: DESKTOP-G06PENK [显示] 操作系统: Windows 10 Pro, 64-bit D 阅读全文
posted @ 2020-10-14 10:03 develon 阅读(28) 评论(0) 推荐(0) 编辑
摘要:定义与分配 分配就是传统的赋值, 包括在类构造函数中的赋值, 也是分配. 定义则是调用以下函数: Object.defineProperty(obj, propName, propDesc) https://2ality.com/2012/08/property-definition-assignm 阅读全文
posted @ 2020-10-05 02:37 develon 阅读(9) 评论(0) 推荐(0) 编辑
摘要:MDN中文 在使用 JavaScript 编写 Web 代码时,有许多 Web API 可供调用。可通过下面的链接访问开发Web应用程序或网站时可能使用的所有API和接口(对象类型)的列表。 https://developer.mozilla.org/zh-CN/docs/Web/API 阅读全文
posted @ 2020-10-05 01:32 develon 阅读(22) 评论(0) 推荐(0) 编辑
摘要:述異記 述异记有多人撰述: 祖冲之(429年-500年,南朝刘宋数学家、天文学家),《述异记 (祖冲之)》,10卷,已佚。 任昉(460年-508年,南朝梁文学家),《述异记 (任昉)》,2卷。 祖衝之(429—500)是中國古代數學家和科學家,字文遠。他可以說是全能型選手,在天文學、數學、機械製造 阅读全文
posted @ 2020-10-04 22:21 develon 阅读(9) 评论(0) 推荐(0) 编辑
摘要:叹黛玉 秋窗风雨夕 何处葬花吟 三绝题帕上 冷月葬花魂 玉带林中挂 树影落满身 阅读全文
posted @ 2020-10-04 16:32 develon 阅读(12) 评论(0) 推荐(0) 编辑
摘要:基于路由的代码分割及其异常 官网介绍了基于路由的代码分割: https://zh-hans.reactjs.org/docs/code-splitting.html#route-based-code-splitting 不过有一个异常, babel-loader的预设@babel/react会导致不 阅读全文
posted @ 2020-09-29 16:38 develon 阅读(17) 评论(0) 推荐(0) 编辑
摘要:Blob对象和File对象 Blob对象是不可变的原始数据, 可以读取为文本或二进制数据. File 对象是特殊类型的 Blob,且可以用在任意的 Blob 类型的 context 中。比如说, FileReader, URL.createObjectURL(), createImageBitmap 阅读全文
posted @ 2020-09-29 12:07 develon 阅读(18) 评论(0) 推荐(0) 编辑
摘要:示例 原生的input标签无法监听取消事件, 我们通过对容器的blur事件和click事件, 以及input的change事件, 三者结合进行判断: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name=" 阅读全文
posted @ 2020-09-23 14:25 develon 阅读(205) 评论(0) 推荐(0) 编辑
摘要:import()异步加载模块 在webpack中, 调用import()函数可以将依赖模块进行切割, 打包为非入口点文件, 这是通过Promise+ajax完成的. 请求路径是相对路径, 对于单页应用来说没有问题. 非入口点文件的命名由webpack.config.output.chunkFilen 阅读全文
posted @ 2020-09-21 16:00 develon 阅读(30) 评论(0) 推荐(0) 编辑
摘要:gmisuy g 全局搜索。 i 不区分大小写搜索。 m 多行搜索。 s 允许 . 匹配换行符。 u 使用unicode码的模式进行匹配。 y 执行“粘性(sticky)”搜索,匹配从目标字符串的当前位置开始。 g-global m-multiline g: 表示全局模式(global), 匹配到一 阅读全文
posted @ 2020-09-20 06:09 develon 阅读(29) 评论(0) 推荐(0) 编辑
摘要:判断字符串不包含某个串 // 匹配不包含str的串 /(?!str)/ 说实话并没有太大用途, 正则是用来判断含有, 而不是判断不含, 这是自动机的原理和机制. 不含的逆命题就是含有, 因此这种问题大都是可以用相反的思路解决的. 全局替换避免贪婪替换 一个实战过程中遇到的问题: 在编写Code组件的 阅读全文
posted @ 2020-09-20 03:11 develon 阅读(28) 评论(0) 推荐(0) 编辑
摘要:JSX 之前提到JSX中组件和React元素的使用方法: 现在是时候理解什么是类组件, 什么是函数组件了. 类组件 函数组件 阅读全文
posted @ 2020-09-18 16:10 develon 阅读(22) 评论(0) 推荐(0) 编辑
摘要:css-loader 和 style-loader css-loader解析相应的css文件中@import和url()函数的依赖关系, 将依赖进行require, 这些依赖依然被相应的模块加载器处理后, 再由file-loader处理, 最后将资源的dist路径返回给css-loader进行替换. 阅读全文
posted @ 2020-09-18 15:12 develon 阅读(21) 评论(0) 推荐(0) 编辑
摘要:关键帧 https://developer.mozilla.org/zh-CN/docs/Web/CSS/@keyframes 起始/结束状态 一个动画就是从from → to的过程, 这两个状态称为起始和结束状态. 也叫0% → 100%. 如果一个关键帧规则没有指定动画的开始或结束状态,浏览器将 阅读全文
posted @ 2020-09-16 16:48 develon 阅读(15) 评论(0) 推荐(0) 编辑
摘要:文档 https://reactrouter.com/web/guides/quick-start → 安装react-router-dom npm install -S react-router-dom react-router是基础包, 现在React-Router也分为web和native两个 阅读全文
posted @ 2020-09-14 17:24 develon 阅读(21) 评论(0) 推荐(0) 编辑
摘要:安装依赖 使用@babel/core babel从7.0 之后,包名升级为 @babel/core。 和 vue-cli 升级到 @vue/cli 一样, @babel是一个group标记, 该组织发布的包在一个子目录下: 这样一来, 要查询官方包, 只需要执行npm search @babel就可 阅读全文
posted @ 2020-09-14 14:46 develon 阅读(34) 评论(0) 推荐(0) 编辑
摘要:webpack标准模块 webpack通常由webpack, webpack-cli, webpack-dev-server三个模块组成, 它们的依赖模块中有一些模仿了Node.js标准模块, 包括但不限于 os path querystring 这非常方便, 因为有很多Node.js标准模块的功能 阅读全文
posted @ 2020-09-13 05:24 develon 阅读(24) 评论(0) 推荐(0) 编辑
摘要:React <!-- React --> <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <!-- ReactDOM --> <script crossorigin src 阅读全文
posted @ 2020-09-11 10:31 develon 阅读(21) 评论(0) 推荐(0) 编辑
摘要:codesandbox.io 使用Github账号登录codesandbox.io, 点击浏览器右上角+号安装Chrome扩展应用, 我们就有了一个和本地VS Code一样体验的IDE, 还能在桌面快捷方式快速打开应用: 启用VIM扩展 在Chrome应用中我们可以使用全部的VIM按键, ^W再也不 阅读全文
posted @ 2020-09-10 15:14 develon 阅读(96) 评论(0) 推荐(0) 编辑
摘要:提案与示例 https://github.com/css-modules/css-modules https://github.com/css-modules/webpack-demo 启用css-loader的模块化功能 css-loader的模块化功能默认是关闭的, 需要在查询字符串中使用mod 阅读全文
posted @ 2020-09-09 16:41 develon 阅读(68) 评论(0) 推荐(0) 编辑
摘要:CSS Modules Github: https://github.com/css-modules/css-modules 阅读全文
posted @ 2020-09-06 21:50 develon 阅读(35) 评论(0) 推荐(0) 编辑
摘要:甲戌本 第27回 滴翠亭楊妃戲彩蝶 埋香(土冢, 音"冢")飛燕泣殘紅 葬花吟: 脂批: 余讀葬花吟,至再至三四,其淒楚感慨令人身心兩忘,舉筆再四不能下批。 有客曰:先生身非寶玉,何能下筆? 即字字隻圖批詞,通仙料難遂顰兒之意,俟看玉兄之後文再批。 噫唏!阻余者想亦石頭記來的,故停筆以待。 // 吾 阅读全文
posted @ 2020-09-06 03:05 develon 阅读(23) 评论(0) 推荐(0) 编辑
摘要:严格模式 StrictMode 是一个用来突出显示应用程序中潜在问题的工具。与 Fragment 一样,StrictMode 不会渲染任何可见的 UI。它为其后代元素触发额外的检查和警告。 https://zh-hans.reactjs.org/docs/strict-mode.html#warni 阅读全文
posted @ 2020-09-05 18:29 develon 阅读(28) 评论(0) 推荐(0) 编辑
摘要:类字段提案 https://github.com/tc39/proposal-class-fields https://wenjun.me/2019/07/public-class-fields.html Webpack 内置的js打包程序不支持类字段, 然而Chrome和FF已原生支持.... g 阅读全文
posted @ 2020-09-04 15:26 develon 阅读(47) 评论(0) 推荐(0) 编辑
摘要:throttle节流 _.throttle(event => { $('#volume_progress_percent').css({ width: `${event.data.percent}%` }); // 更新bootstrap进度条UI }, 80, { leading: true, t 阅读全文
posted @ 2020-09-04 14:31 develon 阅读(27) 评论(0) 推荐(0) 编辑
摘要:全局属性globalThis 根据MDN描述: 在以前,从不同的 JavaScript 环境中获取全局对象需要不同的语句。 在 Web 中,可以通过 window、self 或者 frames 取到全局对象,但是在 Web Workers 中,只有 self 可以。在 Node.js 中,它们都无法 阅读全文
posted @ 2020-09-03 13:51 develon 阅读(93) 评论(0) 推荐(0) 编辑
摘要:脚本运行在Web中 使用以下代码即可获取: globalThis.document.currentScript.src document.currentScript返回的是当前执行的script元素;然后调用script元素的src属性即可获取脚本文件的绝对路径。 脚本运行在WebWorker中 W 阅读全文
posted @ 2020-09-03 09:54 develon 阅读(51) 评论(0) 推荐(0) 编辑
摘要:file-loader作用 用来将文件原封不动地移动到dist目录中, dist目录由webpack配置中的webpack.config.output.path属性指定. name参数及其内置变量 可以为file-loader指定name参数, 以指定文件存放到webpack.config.outp 阅读全文
posted @ 2020-09-03 09:35 develon 阅读(46) 评论(0) 推荐(0) 编辑
摘要:三种平台及判断方法 https://www.cnblogs.com/develon/p/13607146.html 源码 /** * 判断运行平台 * 第一种方法, 判断globalThis.constructor.name的值: * Window、DedicatedWorkerGlobalScop 阅读全文
posted @ 2020-09-02 17:17 develon 阅读(24) 评论(0) 推荐(0) 编辑
摘要:input标签 input文件及多文件标签: <input type="file" value="选择文件"></input> <input type="file" multiple="multiple" value="选择多个文件"></input> FileReader 以及 FileReade 阅读全文
posted @ 2020-09-02 14:58 develon 阅读(300) 评论(0) 推荐(0) 编辑