古兰精

2018年5月31日

浅析vue cli4的webpack配置属性 devServer 详解和 devServer.proxy 工作原理解析

摘要：一、devServer 1、作用：通过devServer，可以在NodeJS架设起临时的服务器用于项目的运行与调试。 module.exports = { // webpack-dev-server 相关配置 devServer: { open: true, inline: true, host: 阅读全文

posted @ 2018-05-31 21:51 古兰精阅读(14351) 评论(0) 推荐(0) 编辑

浅析type和interface的异同点

摘要：在 typescript 里面，有两个概念十分容易混淆，那便是 type 和 interface，它俩都可以用来表示接口，但是实际使用上会存在一些差异一、相同点它俩就是对接口定义的两种不同形式，目的都是一样的，都是用来定义对象或者函数的形状 1、interface 如何定义接口或函数阅读全文

posted @ 2018-05-31 13:46 古兰精阅读(5416) 评论(0) 推荐(0) 编辑

2018年5月30日

详解vue父组件传递props异步数据到子组件的问题

摘要：案例一父组件parent.vue 子组件child.vue 上面按照这里的解析，子组件的html中的{{childData}}的值会随着父组件的值而改变，但是created里面的却不会发生改变(生命周期问题) 案例二 parent.vue child.vue created里面的却不会发生改变，阅读全文

posted @ 2018-05-30 23:46 古兰精阅读(54580) 评论(0) 推荐(3) 编辑

浅析watch使用方法及从内部实现解析watch的工作原理

摘要：一、watch 使用方法 1、handler方法和immediate属性这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办呢？我们需要修改一下我们的 watch 写法，修改过后的 watc 阅读全文

posted @ 2018-05-30 23:28 古兰精阅读(7288) 评论(3) 推荐(2) 编辑

浅析使用DefinePlugin插件进行环境变量配置及webpack.DefinePlugin与cross-env区别

摘要： DefinePlugin 用来做定义，这就类似于我们项目开发中的config文件一样，在config文件中一般放的是系统代码中的一些服务器地址之类的公共信息，我们将这些信息提取出来单独放在配置文件中，方便于后期的维护和管理。那 DefinePlugin 的功能和 config 这个文件类似，我们可阅读全文

posted @ 2018-05-30 23:00 古兰精阅读(3165) 评论(0) 推荐(1) 编辑

Echarts使用dataset数据集管理数据

摘要： 1、可以看官网api的入门例子使用常见的对象数组的格式第一个默认时x轴，后面是y轴 2、项目应用：数据格式：数据：效果：阅读全文

posted @ 2018-05-30 22:45 古兰精阅读(22182) 评论(7) 推荐(0) 编辑

echarts使用记录：Echarts的legend改变图例图标为自定义图片、tooltip如何加百分号

摘要：一、Echarts的legend改变图例图标为自定义图片当折线图时，legend默认时rect形式，如果需要改图例形状，可以自己设置legend的icon属性 legend: { icon:'stack' }, 1、自定义每个图例样式：为data的每个对象修改icon属性 legend:{ sho 阅读全文

posted @ 2018-05-30 22:01 古兰精阅读(27051) 评论(3) 推荐(0) 编辑

echarts使用记录（三）：x/y轴数据和刻度显示及坐标中网格显示、格式化x/y轴数据、echarts 图例显示到右边、折线图平滑曲线、echarts图例不显示问题、让x轴刻度居中、柱状图显示背景色

摘要： 1、去掉坐标轴刻度线，刻度数据，坐标轴网格，以Y轴为例，同理X轴 xAxis: [{ type: 'category', axisTick: {//决定是否显示坐标刻度 alignWithLabel: true, show:false }, axisLabel:{ //决定是否显示数据 show:f 阅读全文

posted @ 2018-05-30 15:15 古兰精阅读(18373) 评论(0) 推荐(0) 编辑

2018年5月29日

浅析即时通讯产生背景及历史简述、WebSocket原理及运行机制、websocket与http长连接的区别、websocket和http与服务端交互通讯报文的区别

摘要：一、即时通讯的产生需求背景及历史简述 Web应用的通信过程通常是客户端通过浏览器发出一个请求，服务器端接收请求后进行处理并返回结果给客户端，客户端浏览器将信息呈现。这种机制对于信息变化不是特别频繁的应用可以良好支撑，但对于实时要求高、海量并发的应用来说显得捉襟见肘，尤其在当前业界移动互联网蓬勃发展的阅读全文

posted @ 2018-05-29 23:16 古兰精阅读(1122) 评论(0) 推荐(1) 编辑

前端如何接收 websocket 发送过来的实时数据

摘要： WebSocket protocol 是HTML5一种新的协议，它实现了浏览器与服务器全双工通信(full-duple)。刚开始的握手需要借助HTTP请求完成，在 WebSocket API，浏览器和服务器只需要做一个握手的动作，然后浏览器和服务器之间就形成了一条快速通道，两者之间就直接可以数据互相阅读全文

posted @ 2018-05-29 23:02 古兰精阅读(27939) 评论(0) 推荐(1) 编辑

公告