删删写写，回回忆忆，虽无法行云流水，却也可碎言碎语。

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

    回复(0)

    2020-05-28 10:33

      昵称： 验证码：
    • Jon
      Angular 使用 cesium 在地球上做交互 https://docs.angular-cesium.com/getting-started/installation

      回复(0)

      2020-05-28 10:22

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

        回复(0)

        2020-05-27 16:51

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

          回复(0)

          2020-05-27 16:24

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

            回复(0)

            2020-05-27 16:23

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

              回复(0)

              2020-05-27 16:19

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

                回复(0)

                2020-05-27 16:12

                  昵称： 验证码：
                • Jon
                  跨域请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了

                  回复(0)

                  2020-05-27 15:29

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

                    回复(0)

                    2020-05-27 11:24

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

                      回复(0)

                      2020-05-27 11:08

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

                        回复(0)

                        2020-05-26 14:28

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

                          回复(0)

                          2020-05-26 11:02

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

                            回复(0)

                            2020-05-25 13:33

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

                              回复(0)

                              2020-05-25 13:00

                                昵称： 验证码：
                              • Jon
                                Angular Material 重置表单默认值 this.dataForm.reset({aa: {value: '1', disabled: false}});

                                回复(0)

                                2020-05-25 10:36

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

                                  回复(0)

                                  2020-05-21 14:46

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

                                    回复(0)

                                    2020-05-20 15:48

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

                                      回复(0)

                                      2020-05-20 15:43

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

                                        回复(0)

                                        2020-05-20 15:17

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

                                          回复(0)

                                          2020-05-20 14:57

                                            昵称： 验证码：
                                          皖ICP备15010162号-1 ©2015-2022 知向前端
                                          qq:1614245331 邮箱：13515678147@163.com Powered by emlog sitemap