BearMX的专栏

Angular6+ 配置代理实现跨域开发1、在项目根目录下添加proxy.config.json文件，内容如下（具体代理属性请自行设置，此处为以fxld开始的路径将会反向代理到https://ljzd.riskraiders.com/fxld/路径）：{ "/fxld/": { "target": "https://ljzd.riskraiders.com/fxld/", "secure": false, "changeOrigin": true, "path.

Angular自定义拖动指令使用方法：在需要实现可拖动的元素上加入 appDrag 属性即可；若需要在宿主元素的上层元素中找到指定的class中包含类名ant-modal的元素，使之可拖动，只须加入[appDrag]="'ant-modal'" 属性即可import { Directive, ElementRef, HostListener, Input, OnInit } ...

input输入框，例如搜索框，每输入一个字符便向后台查询一遍会增加服务端负担，而且对前端的显示体验也不好；所以就需要防抖设计了，angular中的防抖可以利用rxjs中的debounceTime实现，具体的还可以设计以下防抖输入指令，以便于使用：注意 rxjs版本 "rxjs": "~6.3.3",使用示例： <input [appDebounceInput]="700" ...

angular防抖设计之输入事件：见上一篇https://blog.youkuaiyun.com/u013013856/article/details/86165298angular防抖设计之点击事件，代码如下：import { Directive, OnInit, HostListener, Output, EventEmitter, OnDestroy, Inpu...

写过众多angular项目之后，发现自己已经封装过很多组件了；但是在之前的很长一段时间内，需要重新开始一个新的项目的时候还是将组件复制粘贴到新的项目中，这样当然不会出现问题，但是肯定会有一种麻烦的感觉；不会用代码偷懒的程序员不是一个好程序员，所以今天我把几个常用的angular指令，组件封装发布到npm中，以后使用就可以在package.json文件中增加该依赖包即可。欢迎大家使用!mx-li...

注意：对于有ajax异步数据的网页转PDF，需要等到页面所有ajax请求完毕再作PDF转换使用npm全局安装phantomjs（没有npm的需要先安装nodejs）npm install -g phantomjs效果预览生成PDF代码/** * 注意： phantomjs不支持es6语法 */// 引入必要的模块var webPage = require('w...

先来一张效果图关键逻辑：图片上的刻度间的高度差是等距的，但是可以对数据做一个映射，让刻度显示为映射后的值上代码(以下为angular的实现，包含关键逻辑，有删减并非完整代码)：@Component({ selector: 'app-finance-bar', styleUrls: ['./finance-bar.scss'], template: ` ...