ryancui
ryancui
### Confirmation - [X] I can confirm this problem is not reproducible with ECharts itself. ### How are you introducing Vue-ECharts into your project? ES Module imports ### Versions ```sh...
昨天在公司的 Mac 上 clone 项目时报错，提示无法找到项目。在确信地址没错的情况下，就应该是权限不足导致的无法找到项目。 但一般使用 HTTP 协议来进行 clone 时，都会提示输入用户名密码，但奇怪的是这次并没有提示，而是直接报错，因此怀疑是 Mac 上有记录了默认的用户名和密码，且该用户在 Gitlab 上没有这个仓库的权限。 ```bash $ git clone http://172.16.18.121/erp/mobileApproval.git Cloning into 'mobileApproval'... remote: The project you were looking for could...
## 源起... 在写一个文件上传组件的时候，在上层把文件列表 `files: UploadFile[]` 传给组件，打算用双向绑定。例如这样： ```typescript _files: UploadFile[] = []; @Output() filesChange = new EventEmitter(); @Input() get files() { return this._files; } set files(v) { this._files = v; this.filesChange.emit(v);...
Dialog 组件当 content 过多时需要可滚动，根据文档这么写 ```html ``` 特么这样是不行的，并没有滚动条出现，看 style 发现是 CSS 的 height 未指定导致 overflow 失效，所以要在 style 里指定 max-height. 这里设置 [height] 属性并没有在 CSS 上设置相应的 height 值。 ```html ``` > 使用 `max-height`...
当有很多 options 类似的 dropdown 时，会这样写： ```html ``` 这个 `genArrayOptions` 方法生成对应的 options 数组，这样当类似的下拉框很多时，可以复用。但当向上弹出下拉框时，发现了这个问题：  这是什么情况，离了好远。。。 去翻了下 PrimeNG 对 dropdown 弹出框处理的代码，计算弹出框位置的相关代码在 [dom/domhandler.ts](https://github.com/primefaces/primeng/blob/master/src/app/components/dom/domhandler.ts) 类，里面定义了 `relativePosition` 和 `absolutePosition` 两个方法用于计算弹出框的 top 跟 left. 逻辑都没太大问题，超出 viewport...
最近遇见一个常见的需求，便是上传 Excel 文件到后端进行解析。这种东西做得多了，对前端来说无非就是上传个文件，解析的逻辑我又不管的，easy job 啦~ ### 上传文件 对于现代浏览器来说，通过 `FormData` 进行文件上传已经是很通用的做法了，再也不需要使用像构造 form 元素这种方法去做浏览器兼容。可以看到 `FormData` 的兼容性还是可以的。  由于正在使用 Angular，于是直接用自带的 HTTP 服务上传文件吧 ```typescript const file = event.target.files[0]; const formData = new FormData(); formData.append('file',...
年前在公司举行了一场盛况空前（误）的前端分享会，我在会上大谈特谈了关于 Angular 的变化检测机制，就在即将迎来完美的收官之时，总是会有淘气鬼提出各种奇奇怪怪的问题，让人不胜其烦（大误）。由于当时无言以对、支支吾吾，便只好会后一番仔细研究后，发出文章以正视听。望日后能弓调马服再大谈特谈（逃 > 文中提及的 Angular 源码均基于 [Angular 官方仓库 tag 4.4.6](https://github.com/angular/angular/tree/4.4.6) ## onPush 也会触发 View 更新？ ### Question 淘气鬼的第一个问题是关于 onPush 策略下 View 的更新问题。 首先是一段网上举例再多不过的关于使用 Observable + onPush 来减少组件变化检测的代码： ```typescript @Component({...
由于众所周知的原因，Web 应用还是需要兼容 Windows 下最「著名」的浏览器 Internet Explorer 的，可能现在不需要再兼容到 IE6 这么低的版本，但 IE9/10/11 的兼容可能也够麻烦了。 由于我们使用的 Angular + NG-ZORRO-ANTD，两者的官网都说能支持 IE9+，因此我们愉快地开始了 IE 兼容的踩坑之旅。 ## 开启官方提供的 Polyfills 查阅的无数资料第一步准是让你把 angular-cli 生成项目中的 `polyfills.ts` 中的**一切**都打开，本着「加载慢不慢先不管，能不能用最重要」的原则，我们当然把全部都打开了。 ``` $ npm install...
https://ryancui.com/2019/01/14/summary-2018/ 2018 年终总结
# 自己写布局 最近要用 Angular 搞一个后台系统的框架，就遇到了这个问题，在 Github 上搜到的解决方案基本都集成了自己的一套 UI Component，但我特么只想要个 Layout 啊！组件我不用你的啊，我用 PrimeNG 啊！能不能不要搞个 CSS Confliction 啊！由于这些方案都太大太杂（~~而且不想再依赖 jQuery 了~~），所以还是自己写一个。 - 包含 Header、Footer、Sidebar、Content 四部分的布局 - 四部分自适应浏览器宽高，不考虑移动端，不搞响应式 - Sidebar 固定宽度，Content 自适应 - Header...