angular.json 里面添加的js文件最终会打包成 scripts.*.js 文件

Angular 使用 cesium 在地球上做交互 https://docs.angular-cesium.com/getting-started/installation

找到当前页面所有的img标签并将其隐藏的js代码 Array.from(document.getElementsByTagName('img')).map(e=>{e.style.display = 'none'})

避免长方法：一个方法应该作为整体去完成一件事情，如果其中有多个操作，那么我们可以抽取这些方法，形成独立的函数，使得他们独自负责各自职责，再去调用他们

保证在代码仓库中没有重复拷贝的代码，抽取重复代码，并且在需要使用的地方引用即可

避免模板中的逻辑，如果在HTML中需要增加任何逻辑，哪怕只是简单的&&，最好都将其抽取到组件内模板中的逻辑难以单元测试，当切换模板代码的时候容易导致代码问题

CDN已经配置了跨域访问的情形下请求失败报跨域错误has been blocked by CORS policy: No 'Access-Control-Allow-Origin' 一般是由CDN缓存请求导致，而请求直接使用了缓存，而缓存不带CORS配置，缓存的请求是不支持跨域的

跨域请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了

尽量在html订阅变化，而不是在ts中，async管道能自动取消订阅：通过减少手动订阅管理能够简化代码 <p>{{value$|async}}</p> this.value$=streamObservable.pipe(map(value=>value.item))

使用*ngFor指令时，添加trackBy()函数，为每个item指定一个独立的id。针对性地对此特定元素进行DOM刷新，提升页面渲染性能 <li *ngFor="let item of items; trackBy: ()=>item.id)">{{ item }}</li>

tinymce 给特定弹窗插件添加自定义类名； 在插件windowManager.open方法后面添加 ;document.getElementsByClassName('tox-dialog')[0].classList.add("custom-preview-class");

tinymce 复制内容防止出现滚动条的方法，编辑配置content_style:'*{max-width: 100% !important;}' 提交内容时 '*{max-width: 100% !important;}'+content

CSS3 calc() 函数用于动态计算长度值。 较新（ie9及以上）浏览器都支持。需要注意的是，运算符前后都需要保留一个空格 例：height: calc(100% - 29px);

高德地图地理编码与逆地理编码服务，用于地址描述与坐标间的相互转换 https://lbs.amap.com/console/show/picker

Angular Material 重置表单默认值 this.dataForm.reset({aa: {value: '1', disabled: false}});

前端开发调试如何让请求网速变慢： 在 chrome 右键检查下面有个 Network 有个 Online 选项可以切换模拟网速比较慢的情况

求数组中最大值方法： let arr = [1,20,12,50,222,122,38,40]; let max = Math.max(...arr);

设置断点的三种方式： 1. 在 chrome->Sources 对应文件点击行号设置 2. 在代码里面直接用 debugger 设置 3. vscode 中点击行号设置断点需要在 debug 环境下配置 launch.json 文件后启动调试

html 元素 onclick="函数名不能是click和onclick" 否则不生效，因为click和onclick都是元素本身的属性，所以避免使用同名来定义方法名，其它事件如focus，blur也会出现同样的问题

两个微信相关工具网址：1. 搜狗微信搜索 微信订阅号公众号及文章搜索网址 https://weixin.sogou.com/ 2. 微读：微信pc端阅读 https://www.vreadtech.com/