最近项目需要实现前端流程图绘制,于是进行一次系统的技术调研,包括echarts,highcharts,jsPlumbs,jointJS,RaphaelJs,d3等。echarts,highcharts由于本身就没有很好的流程图模型,更适合柱状图,饼状图等,所以直接pass,其它的,经过对比,最终敲定了D3。

摘录一篇博文中的榜单,作者将这些流程图类库进行了总结,可以看出D3还是很厉害的。

博文链接,点击这里

决定用D3之后,如果直接D3来写,未免过于辛苦,查了一遍,找到了基于D3的类库-dagre-d3.在使用中,随着不断的深入,对于这个类库有了充分的了解,百度还是谷歌,觉得资料都太少了,尤其中文,
这里,将其总结下。

dagre-d3-你需要知道的几点

干嘛的?

阅读全文 »

Angular开发总会遇到诸多的问题,这里我将自己在开发中遇到的主要问题总结一番,方便自己偶尔翻查,也兴许能够帮大家解决些问题。

说明:*本文持续更新*,所贴代码由于篇幅限制,有些只是部分,建议直接去GitHub-ISSUE中去看

目录

  1. [innerHTML]中的JavaScript不能执行吗?
  2. 同时订阅路由参数和查询参数即params和queryParams
  3. 多异步请求并行处理
  4. *ngFor遍历对象属性
  5. 组件类的继承性
  6. 如何使组件样式超出组件作用域
  7. 下拉列表选项布尔类型转换
  8. 模板标签
  9. CLI下index.html页面未模板化,如何动态更改内容
  10. CLI下如何添加第三方CSS
  11. httpclient下的拦截器使用

[innerHTML]中的JavaScript不能执行吗?

阅读全文 »

如何学习Angular ???

数码产品买新不买旧,语言框架一定程度上我也这么认为,最新技术,一定要有所了解和掌握,去年Google发布了Angular,也就是我们之前说的2,当然现在请不要叫2,否则你就很二,也烦不要叫AngularJS,官方已经声明,AngularJS指的是1,以后就是Angular,因为它并不只支持js写法,可以使用TS、JS、Dart三种语言写法,所以叫Angular,当然对于书写语言,我遵从官方推荐的语言写法-TypeScript。

进入正题,如何学习?以下为我认为的正确姿势。

  1. 看官网,明白框架的特性、特点,带着几个疑问

    • Angular是干嘛的?
    • 什么是前端框架?
    • Angular跟TypeScript什么关系?
    • Angular有哪些功能,特点?
    • .etc,不过这些问题,正是官网要告诉你的,都会有
  2. 了解TypeScript,快速将官网文档,看一遍即可,明白两点:1,typescript是面向对象语言,2,typescript是JavaScript的超类,时刻别忘记这两点。

  3. 快速入门,将官网的英雄之旅快速走完

  4. 基础章节,高级章节,也需要看一遍,但是当你看完基础章节,之后就可以从事项目开发;

    开发之前,你要确保自己已经理解了这几个基本概念

    • 模块
    • 组件
    • 管道
    • 指令
    • 服务类
  5. 在开发中,不断咀嚼理解这些基本术语,理解基本术语背后的思想,强化自己的认知,久而久之,你真正的会了Angular-一个简单而强大的框架

阅读全文 »

做移动网站开发,或者写技术博文,有时候是需要制作手机或桌面操作的GIF图,效果如下,这种方式其实挺有利于读者或用户通过动画迅速了解你想表达的目的。

那这样一个GIF动画如何制作的,其实分两步,视频录制->视频到GIF截取转换,以下为我在使用中用到的工具

视频录制

  • QuickTimeMAC,自带软件
阅读全文 »

Postman是一款强大的API调试工具,在执行post请求时候会发现body有4种格式选项,那么这四种各是什么含义,及使用场景呢,各方检索后,总结如下

虽然Postman中看到的是form-data,x-www-form-urlencoded,raw,binary,但真实提交的数据格式并不是这4种方式,而是multipart/form-data,application/x-www-form-urlencoded,application/json,text/xml。

application/x-www-form-urlencoded

When a web browser sends a POST request from a web form element, the default Internet media type is “application/x-www-form-urlencoded”.[8] This is a format for encoding key-value pairs with possibly duplicate keys. Each key-value pair is separated by an ‘&’ character, and each key is separated from its value by an ‘=’ character. Keys and values are both escaped by replacing spaces with the ‘+’ character and then using URL encoding on all other non-alphanumeric[9] characters.

以上描述摘自WIKI

阅读全文 »
0%