- 博客(14)
- 收藏
- 关注
RSS订阅原创 数据可视化工具d3与echarts的区别
区别D3Echarts太底层，学习成本大封装好的方法直接调用兼容到IE9以上以及所有的主流浏览器兼容到IE6以及以上的所有主流浏览器通过svg来绘制图形通过canvas来绘制图形可以自定义事件封装好的，直接用，不能修改svgcanvas不依赖分辨率依赖分辨率基于xml绘制图形，可以操作dom基于js绘制图形支持事件处理器...
2019-06-14 16:14:40
2717
原创 浏览器内核
浏览器内核可以分成两部分：渲染引擎和JS引擎。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。 渲染引擎负责取得网页的内容(HTML、XML、图像等等)、整理讯息(CSS等)，以及计算网页的显示方式，然后会输出至显示器或打印机。 JS引擎则是解析JavaScript语言，执行Java...
2019-06-14 15:11:36
111
原创 vue组件间通信
Vue组件通信组件通信包括：子组件与父组件之间、兄弟组件之间、模块之间。1. 父组件向子组件传递(props)props是响应式的，可以做数据绑定父组件引用子组件的时候利用v-bind去绑定message，传递给子组件(对应就是msg)子组件要创建props选项，注册传递的msg值，就可以直接使用msg这个值了父组件<template> <div> ...
2019-05-30 19:58:59
152
原创 js数组方法(包含es5和es6新增)
共性：都可以操作数据，截取一段数组；异性：splice()是变异方法，会改变调用都原始数组；slice()是非变异方法，不会改变调用都数组，但总会返回一个新数组。变异方法：push()、pop()、shift()、unshift()、splice()、sort()、reverse()非变异方法filter()、concat()、sliceslice(start, end)从star...
2019-05-28 14:50:19
341
原创 计算属性computed
<div id="example"> {{ message.split('').reverse().join('') }}</div> 上面的代码是在模板里实现字符串翻转的逻辑，这样直接写在模板里不仅会是模板过重且难以维护。所以应当使用计算属性。<div id="example"> <p>Original message: "{...
2019-05-27 17:27:53
90
原创 CSS3边框
1、CSS3边框简介border-width: 设置边框的粗细border-color: 设置边框的颜色border-style: 设置边框的类型也可以将上面三个属性合并在一起，缩写的语法是： border: border-width border-style border-color;这三个值中唯一必须的是“border-style”，例如下面这种边框写法将不会有任何效果。....
2019-05-08 21:11:04
656
1
原创 CSS3选择器
1. 基本选择器选择器类型功能描述*t通配选择器选择文档中所有的HTML元素E元素选择器选择指定的类型的HTML元素#idID选择器选择指定ID属性值为“id”的任意类型元素.class类选择器选择指定class属性值为“class”的任意类型的任意多个元素.selector1,selectorN群组选择器将每一个选择器匹配的元...
2019-04-27 16:04:40
311
1
原创 面向对象与面向过程
两者的区别面向对象是把构成问题事务分解成各个对象，是以功能来划分问题的，是高度实物抽象化；面向过程就是分析出解决问题所需要的步骤，然后一步步的实现，是自顶向下的变成。以五子棋为例：面向对象的思路：1）黑白双方，这两方的行为是一模一样的；2）棋盘系统，负责绘制画面；3）规则系统，负责判定诸如犯规、输赢等。面向过程的思路：1）开始游戏 2）黑子先走 3）绘制画面4）判断...
2019-04-20 14:38:51
159
原创 TCP/IP、http、https
tcp/ip三次握手与四次挥手首先介绍一下TCP中的六个标志位：SYN: 表示建立连接FIN: 表示关闭连接ACK: 表示响应PSH: 表示有DATA数据传输RST: 表示连接重置URG: 表示紧急指针有效第一次握手：建立连接时，客户端发送SYN包到服务器，并进入SYN_SEND状态，等待服务器确认；第二次握手：服务器收到syn包，必须确认客户的SYN，同时自己发送一个SY...
2019-04-20 13:40:39
401
原创 TCP和UDP
优缺点TCP的优点：可靠：TCP在传递数据之前，会有三次握手来建立连接，而且在数据传递时，有确认、窗口、重传、拥塞控制机制，在数据传完后，还会断开连接来节约资源。TCP的缺点：慢：也正是为了保证传输数据的可靠性拥有的 三次握手、确认、窗口等机制，是数据传输的速度变慢。占用系统资源高：因为要在每台设备上维护所有的传输连接，每个连接都会占用系统的CPU、内存等硬件资源。易被攻击：因为TCP...
2019-04-20 12:13:45
68
原创 vue2.0为什么要新增虚拟dom
1. 什么是虚拟DOM所谓虚拟DOM, 其实就是用js来模拟DOM结构，把DOM的变化操作放在js层来做，尽量减少对DOM的操作（原因应该是操作js比操作DOM的速度快许多）。然后对比前后两次虚拟DOM的变化，只重新渲染变化了的部分，而没有变化的部分则不会重新渲染。比如我们有以下虚拟DOM：<ul id="list"> <li class="item1">Ite...
2019-04-20 01:15:12
608
原创 css水平居中、垂直居中、水平垂直居中
css水平居中、垂直居中、水平垂直居中水平居中行内元素：block+text-align块级元素：方案一：分宽度定不定两种情况 定宽度——margin： 0 auto；（作用：使盒子自己居中，意思是上下距离为0，auto就是左右自适应两边距离）； 不定宽度——设置子元素display: inline-block或display: inline, 即将子元素转换成行内块级/行内元素，...
2019-04-19 23:06:26
134
转载 OAuth 2.0的四种授权方式
转载自阮一峰老师的博客（为了印象深刻，自己又手动码了一遍）OAuth 2.0 的四种方式OAuth 2.0简单解释：OAuth 2.0 是目前最流行的授权机制。数据的所有者告诉系统，同意授权第三方应用进入系统，获取这些数据。系统从而产生一个短期的进入令牌（token），用来代替密码，供第三方应用使用。OAuth 引入了一个授权层，用来分离两种不同的角色：客户端和资源所有者。资源所有者同...
2019-04-18 20:35:07
1627
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人