青空鸢约-优快云博客

原创 ECharts学习--在vue中使用

cnpm install echarts --save import echarts from 'echarts' Vue.prototype.$echarts = echarts // 基于准备好的dom(宽高已设定)，初始化echarts实例 let myChart = this.$echarts.init(document.getElementById('main')); 基本配置 ...

2020-03-03 16:09:01 426

原创高性能js-加载和执行

js会使网页速度变慢，可以从加载速度，执行效率，DOM 交互，网页生命周期方面优化语言特性，数据结构，浏览器机理，网络传输

2020-01-31 16:09:48 232

原创 js函数

函数是对象，可以有属性和方法函数的属性可以存放只有函数需要用到的变量 fn.count = 0 function fn(){return this.count++} 函数定义表达式可以出现在代码的所有地方函数定义表达式将函数赋值给一个变量，变量会提升，但是赋值不会被提升，所以函数定义表达式定义的函数在定义之前无法使用函数定义表达式中可以包含函数名，利于函数递归，函数名将成为函数的局...

2020-01-28 10:26:17 185

原创 js数组

函数的下标是基于0的32位整数函数字面量表示法中的元素可以是表达式函数[ ]下标可以是表达式函数[ ]下标可以不是非负整数，相当于为函数对象添加属性，只有非负整数属性名才能引起length属性的修改 concact 不会递归扁平话参数中的子数组 var a = [1,2 3] a.concact (4,[5,[6,7]]) // 1,2,3,4,5,[6,7] toString会将数...

2020-01-26 23:40:32 293

原创遍历枚举对象属性

in：判断是否是对象的属性（包括所有自有属性和继承属性，所有可枚举和不可枚举的属性） for-in：遍历对象属性（可枚举的自有属性和继承属性） hasOwnProperty：判断属性是否是对象的自有属性（包括可枚举和不可枚举的属性） propertyIsEnumerable：判断属性是否是对象的可枚举自有属性 ...

2020-01-22 11:25:16 443

原创 1月12日学习笔记

.gitkeep文件放在空文件夹里，使得文件夹可以上传到github上 reset.styl文件引入时放在最上面 no-wrap text-overflow: ellipsis overflow: hidden white-space: nowrap package.json文件中加入依赖项，npm install,下载依赖项 build文件夹下的内容改变后，要npm run ...

2020-01-12 23:15:32 113

原创 12-26学习手记

2019-12-26 21:50:39 84

原创 axios文档学习

axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 { url: '', method: 'get/post/put/patch', // 缺省时为get baseURL: 'https://some-domain.com/api/', // `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。 ...

2019-12-12 17:10:59 130

原创 Vue官网文档学习

计算属性模板中不要放太多的逻辑，逻辑移到计算属性中计算属性其实是同名属性的getter函数计算属性和方法的区别：计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值；每当触发重新渲染时，方法总会执行。 computed: { now: function () { return Date.now() } } //上面的计算属性不是响应式...

2019-12-12 15:58:27 243

原创 12月5日

https://fancynode.com.cn/pxcook 自动标注工具按键盘的Insert键鼠标会变成黑色的小方框，再按一次恢复 letter-spacing：5px

2019-12-09 16:43:55 101

原创 12月4日

控制文件打印时的换页不会修改网页在屏幕上的显示，不一定要写在@media print{}中不能再绝对定位的元素上使用以下属性 page-break-before： auto (默认值) always（在指定该属性的元素前换页） left （使指定该属性的元素出现在一个左边的空白页上） right（使指定该属性的元素出现在一个右边的空白页上） avoid（避免在该元素前换页）...

2019-12-09 09:43:25 83

原创 flex布局

Flex 是 Flexible Box 的缩写，意为"弹性布局" 任何一个容器都可以指定为 Flex 布局。 display: flex; display: inline-flex; display: -webkit-flex; //Webkit 内核的浏览器（Chrome、Safari），必须加上-webkit前缀。设为 Flex 布局以后，子元素的float、clear和vertic...

2019-12-05 09:14:56 81

原创 CSS3

border-radius圆角，不一定需要指定边框 /*绘制一个圆*/ width:100px; height:100px; border-radius:50%; /*椭圆角*/ border-radius:椭圆x轴上的半径/椭圆y轴上的半径 background: background-image:url(img1) img1的其他属性, url(img2) img2的其他属性; /...

2019-10-02 18:03:50 110

原创 html5-2

web存储本地存储 localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。 sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据在使用 web 存储前,应检查浏览器是否支持 localStorage 和sessionStorage: if(typeof(Storage)!=="undef...

2019-10-02 18:01:32 116

原创 HTML5

<section>把相关的内容分组在一起感觉不相关的内容组织在一起用<div> 增加一个元素以应用样式用<div> <aside>放在主内容旁边的，边栏或引用 <artical>新闻报道、博客帖子 <nav> <header> <footer> 可以在<artical><sectio...

2019-08-30 10:53:08 93

原创 CSS布局

流是浏览器在页面上摆放HTML元素的方法。块元素从上向下流，各元素之间有一个换行；默认的，每个块元素会占浏览器窗口的整个宽度。内联元素在块元素内部从左上方流向右下方。上下外边距折叠正常页面流中，两个块元素上下相邻，上下外边距会折叠；一个块元素嵌套在另一个中，外边距会折叠；但如果外面的元素有一个边框，两个块元素的外边距就不会碰到一起，就不会折叠。浮动浮动元素必须指定宽度 ...

2019-08-29 17:38:12 88

原创 javascript--DOM

DOM（文档对象模型）是针对HTML 和XML 文档的一个API IE 中的所有DOM 对象都是以COM 对象的形式实现的 nodeType属性总共有12 种节点类型，这些类型都继承自一个基类型Node。每个节点都有一个nodeType 属性，用于表明节点的类型。  元素节点(1)；  属性节点(2)；  文本节点(3)；  注释节点(8)； 文档节点(9)；  文档段节点...

2019-08-08 14:50:15 155

表单元素的属性和方法：等价于HTML中的同名特性  action：接受请求的URL；  method：要发送的HTTP 请求类型，通常是"get"或"post"；  name：表单的名称；  target：用于发送请求和接收响应的窗口名称；  elements：表单中所有控件的集合（HTMLCollection）。  length：表单中控件的数量。  reset()：将所有表单域...

2019-08-06 22:50:28 108

原创 javascript--错误处理与调试

错误类型 Error：（其他错误类型的基类） EvalError：（使用eval()函数时发生异常；如果没有把eval当成函数调用，就会抛出；浏览器不一定在该抛出异常的时候抛出EvalError） RangeError：（数值超出了相应范围；如定义数组时，指定了数组不支持的项数new Array(-20)） ReferenceError：（访问不存在的变量） SyntaxError：（把语法错误...

2019-08-04 19:41:05 348

原创 javascript--使用canvas画布绘图

<canvas>元素在页面中设定一个区域，javascript动态地在这个区域绘制图形。支持该元素的浏览器都支持2D上下文和文本API 必须先指定<canvas>元素的宽、高才能绘图 <canvas id="drawing" width="200" height="200">后备文本</canvas> <!--也可以通过元素的属性或CSS...

2019-08-02 21:32:43 914

原创 javascript--事件

一、事件流在单击元素的同时，也单击了元素的容器元素。事件流：从页面中接收事件的顺序事件冒泡：事件开始时，由最具体的元素（文档中嵌套层次最深的结点）接收，然后逐级向上传播到较为不具体的元素。（所有现代浏览器都支持）事件捕获：与事件冒泡相反（老版本的浏览器不支持） DOM2级事件规定的事件流包括三个阶段：事件捕获–>处于目标–>事件冒泡捕获阶段也会触发事件对象上...

2019-08-01 21:45:41 104

原创 javascript--函数（递归、闭包）

一、函数声明与函数表达式定义函数的方式有两种：函数声明和函数表达式函数声明： function functionName() { } 函数声明提升：执行代码前会先读取函数声明。可以把函数声明放在调用它的语句后面。两个同名函数声明，后出现的生效函数表达式 var functionName = function() { } 因为function关键字后没有函数名，所以创建的函数叫匿...

2019-07-28 21:33:15 123

原创 javascript--继承

原型链继承让原型对象等于另一个类型的实例 SubType.prototype = new SuperType(); SubType的实例.constructor指向的是SuperType，因为SubType.prototype指向了SuperType的原型，而这个原型对象的constructor属性指向的是SuperType 给SubType的原型添加方法的代码要放在原型...

2019-07-27 20:53:33 150

原创 javascript--对象创建方法

创建对象的方法优点缺点 Object构造函数产生大量重复代码对象字面量产生大量重复代码工厂模式创建多个相似对象的接口无法知道一个对象的类型构造函数模式可以通过instanceof判断类型每个方法都要在每个对象实例上重新创建一遍（实例化一个函数对象），不同实例上的同名函数是不等的原型模式实例共享原型对象具有的属性和方法 Ob...

2019-07-26 16:58:03 89

原创 javascript--&&逻辑与||逻辑或

逻辑与有一个操作数不是布尔值，逻辑与就不一定返回布尔值如果第一个操作数是对象，返回第二个操作数如果第一个操作数是true，第二个操作数是对象，返回对象如果有一个操作数是null / undefined / NaN，则返回null / undefined / NaN 逻辑或如果有一个操作数不是布尔值，逻辑或也不一定返回布尔值如果第一个操作数是对象，返回第一个操作数如果第一...

2019-07-24 22:18:57 95

原创 javascript--Number/parseInt/parseFloat

Number（）或+ 转换任何数据类型 true 转换为1，false 转换为0 null 转换为0 undefined 转换为NaN 对象先调用valueOf()，如果转换结果是NaN，再调用toString()。数值转化方法转化范围字符串内容转化的结果 Number()或+ 转化所有值只含数字和正负号的字符串十进制数（忽略前导的0）有效的十六进制...

2019-07-24 18:23:51 160

原创 javascript基础2

标识符可以用$号采用驼峰命名法：第一个字母小写，剩下的每个单词首字母大写 /* * 中间的*是为了提高注释的可读性 */ "use strict" //编译指示，启用严格模式，可以在脚本头部或函数头部添加 5种基本数据类型 Number、String、Boolean、Null、Undefined typeof variable ==="string"//可以判断variable是否存...

2019-07-24 17:50:07 88

原创 javascript基础1

JavaScript是专为网页交互而设计的脚本语言 JavaScript由下列三部分组成 ECMAScript 核心 DOM 文档对象模型（用于HTML的API，访问操作网页内容） BOM 浏览器对象模型（访问和操作浏览器窗口） ECMAScript的宿主环境有Web浏览器、Node、Adobe Flash <script defer> //只对外部脚本文件有效，脚本延迟到文...

2019-07-24 16:24:11 94

原创数据结构--检索

散列不适合基于磁盘的应用，不适合范围查询 ASL ASL：平均检索长度，检索时的平均比较次数 Pi检索i个元素的概率，Ci检索第i个元素的比较次数基于线性表的检索顺序检索 template<class T> int SeqSearch(vector<Item<T>*>&datalist, int length, const T &...

2019-07-16 21:51:28 1116

原创数据结构--内排序

排序种类排序子类最坏时间效率最好时间效率平均时间效率空间效率插入排序直接插入排序 shell排序选择排序直接选择排序堆排序分配排序桶排序基数排序索引排序直接插入排序 int i,j; for() ...

2019-07-13 08:42:12 156

方塘半亩