d3.js基本知识梳理 建立形状 SVGd3.js图表实际上是svg放在一起的一组形状。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial
RXJS当有一个新请求时，怎么取消旧请求？ 业务需求：搜索框中每输入一个字符就向后台发起请求，可是这些请求返回速度不一定，导致结果不准确且有很多冗余的请求。解决方法：当rxjs中的subject发出邮件时，switchmap取消未完成的请求。// 1 创建subjectprivate keyupSubject$: Subject<void> = new Subject();constructor() {// 2 创建可观察的事件流 this.keyupSubject$ .pipe(switchMap
观察者模式（发布-订阅者模式）应用场景 业务场景： 要实现一个新闻评论的功能：提交或删除留言后，需要自动追加留言，更新留言条数。 原来的新闻评论功能分为三个模块：留言模块、用户模块、提交模块，分别属于三个不同的开发者负责。 为了避免合并模块，不和其他模块的代码相互影响，可以使用观察者模式。观察者模式： 23种设计模式之一，属于行为型设计模式，主要用于解决模块间的耦合。 1 创建观察者对象：包括注册消息、发布消息两个方法。 2 主动触发（提交）的是被观察对象发布消息，被动触发的是订阅者注册消息。所以，追加
ng build --prod报错 项目越来越大了，ng build后dist有45M之大，之前通过路由懒加载优化了首屏加载速度，但是整体来说还是不够快。 通过ng build --prod，系统报出了好多个错，仔细一看，原来是之前有些test的component，没有及时删除。预编译会检查文件夹中的所有component是否有归属的module，所以才会报错。 ng build --prod终于成功了，dist只有12M，明显感觉网站速度快多了。参考资料：https://www.jianshu.com/p/9...
angular2 父子组件传值学习总结 父组件给子组件传值子组件声明@input() 属性名(记得先引入@angular/core中的input)父组件在html中，使用子组件属性名（作为自定义属性）子组件给父组件传值1 子组件的设置子组件传值给父组件靠自定义事件子组件通过自定义事件的emit方法传值2 父组件的设置父组件触发子组件的自定义方法获取传值父组件在方法中接收子组件传递的值父组件主动获取子组件的数据和方法父组件的设置<app-footer #footerChild>@viewChild(‘f
angular2 报错 Error: If ngModel is used within a form tag …… 对表单进行双向绑定时，报错：Error: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions.原因：利用“@angular/forms" 创建form表单的时候，input标签必须用name标识。解决方法一：在input标签上添加name属性解决方法二：在
angular2学习总结 前提条件1 已安装node2 已安装angular脚手架：npm install -g @angular/clinpm install --save-dev @angular/cli@latest注意，当npm install时，本地安装的angular/cli版本和全局安装的angular/cli版本可能不一致，此时需要卸载后重新安装相同的版本。npm uninstall -g @angular/clinpm install -g @angular/cli@1.6.0开始1 生成项目
表单提交的几种格式 表单提交是一个使用很频繁的功能，表单提交主要的实现方式有哪些，它们提交的格式分别是怎么样？我们一起来看一看。表单提交的常用方式：1 原生form默认的提交方式content-type: application/x-www-form-urlencoded2 FormData对象构建表单，用XMLHttpRequest来发送数据的方式content-type: multipart/f...
跨域之浏览器预检 跨域问题是一个老生常谈的问题了，怎么叫跨域，如何解决跨域，本篇不再赘言，因为本篇重点解决另一个问题：**已经解决了跨域，而且有些接口已经正常请求，但为什么还有一些请求就是报错?** 观察这些请求，会发现它们有一个共同点：它们首先自动发起一次options请求，当options请求成功返回后，真正的ajax请求才会再次发起。 **options请求发生的条件：** 1 接口请...
前端提升性能的几种方式 前端提升性能的几种方式开发阶段遵循各种开发语言的代码规范。如果使用了组件库，尽量按需导入。如果图片较多，使用懒加载。生成打包阶段使用压缩/混淆/打包工具使用http压缩（gzip压缩）开发阶段遵循各种开发语言的代码规范。如果使用了组件库，尽量按需导入。如果图片较多，使用懒加载。注意：懒加载用于提高页面加载速度，预加载用于提高用户体验生成打包阶段使用压缩/混淆/打包工具我们对Mark...
常用动画实现技术比较--animate/animation/transition 在工作中，经常需要用不同的技术实现动画。于是，想总结一下这三种实现方式的异同，以便以后面对不同的动画需求，可以快速选择出适合的动画技术。因为是菜鸟，如果有总结不对或不到位的地方，请大神不吝赐教。 animate是jquery中的一个函数，animation和transition是css3的属性。兼容性上来说，jquery会更好。性能上来说，css3会更高。1 语法(s...
关注
