随笔分类 - FrontEnd
前端学习笔记
摘要：值类型和引用类型 原始类型(alias: 值类型，基础类型) primitive: string number boolean undefined symbol null 引用类型: Object 其他内置Object派送类型 Array Function Map Set WeakMap WeakS
阅读全文
摘要：题目 中文 在本挑战中, 你需要实现 GreaterThan<T, U>, 它的作用像 T > U 你不需要考虑负数 示例: GreaterThan < 2, 1 > //should be true GreaterThan < 1, 1 > //should be false GreaterTha
阅读全文
摘要：题目 中文 实现类型 AllCombinations<S>，该类型返回字符串 S 中字符的所有排列组合。 English Implement type AllCombinations<S> that return all combinations of strings which use chara
阅读全文
摘要：本文主要介绍了typescript中类型检查相关的配置, typescript还有其他不少配置的, [官网](https://www.typescriptlang.org/tsconfig)都有详细的文档
阅读全文
摘要：记录使用typescript配合webpack打包一个javascript library的配置过程.
目标是构建一个可以同时支持`CommonJs`, `esm`, `amd`这个几个js模块系统的javascript库, 然后还有一个单独打包出一个css的样式文件的需求.
阅读全文
摘要：不通过路由的情况下, 懒加载一个angular模块, 并动态创建其中声明的组件
阅读全文
摘要：写过前端代码大概率听说过amd cmd umd commonjs esm这些名词, 想当初我第一次看到这些的时候, 人都麻了, 都是些啥啊. 后来我知道了, 这些都是js的模块规范. amd - 浏览器中的js模块化解决方案 AMD全称是Async Module Definition异步模块定义 R
阅读全文
摘要：lodash为了良好的浏览器兼容性, 它使用了旧版es5的模块语法; 而lodash-es则使用了es6的模块语法, 这让webpack之类的打包工具可以对其进行tree shake以删除为使用的代码来优化打包尺寸. 下面的代码直接从lodash中引入trimStart方法 import { tri
阅读全文
摘要：假设页面上有一个<input type="checkbox" id="checkbox"/>元素, 想要通过代码触发其change事件; 可以像下面这样做 const el = document.querySelector('#checkbox')!; el.addEventListener('ch
阅读全文
摘要：不记得什么是时候在某个网站上看到一个菜单按钮, 初始状态是三条横线, 点击打开菜单后可以变成关闭按钮, 这个过程有一个过度动画, 效果像下面这样(因为想不起来是哪个网站了, 所以下面的的gif是我根据印象实现后的效果) 这个东西实现起来挺简单, 但是这个过度动画挺有意思的; 首先是html, 外层一
阅读全文
摘要：
和Angular打交道的过程中大概率会遇到`ExpressionChangedAfterItHasBeenCheckedError`，这个异常通常只在开发调试时会被抛出，生产环境里会被`'吞掉'`, 虽然生产环境中看不到这个异常，但这并不意味着不需要处理这个问题; 出现这个异常可能导致ui上显示的数据和实际的不同步. 我在初学Angular时到现在已经多次遇到这个问题了, 所以在这里记录一下.
阅读全文
和Angular打交道的过程中大概率会遇到`ExpressionChangedAfterItHasBeenCheckedError`，这个异常通常只在开发调试时会被抛出，生产环境里会被`'吞掉'`, 虽然生产环境中看不到这个异常，但这并不意味着不需要处理这个问题; 出现这个异常可能导致ui上显示的数据和实际的不同步. 我在初学Angular时到现在已经多次遇到这个问题了, 所以在这里记录一下.
阅读全文
摘要：简单记录一下 js中对html进行编解码
阅读全文
摘要：使用angular实现一个简单的Form组件 - TagInput
阅读全文
摘要：简单记录下jquery使用ajax请求api的相关配置
阅读全文
摘要：使用nginx部署angular入门项目 英雄指南
阅读全文
