自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

方塘半亩

问渠哪得清如许,为有源头活水来

  • 博客(30)
  • 资源 (1)
  • 问答 (2)
  • 收藏
  • 关注

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

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

2020-03-03 16:09:01 453

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

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

2020-01-31 16:09:48 242

原创 js函数

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

2020-01-28 10:26:17 203

原创 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 305

原创 遍历枚举对象属性

in: 判断是否是对象的属性(包括所有自有属性和继承属性,所有可枚举和不可枚举的属性)for-in: 遍历对象属性(可枚举的自有属性和继承属性)hasOwnProperty: 判断属性是否是对象的自有属性(包括可枚举和不可枚举的属性)propertyIsEnumerable: 判断属性是否是对象的可枚举 自有属性...

2020-01-22 11:25:16 460

原创 1月12日学习笔记

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

2020-01-12 23:15:32 128

原创 12-26学习手记

line-height: number | % 相对于当前字体 | 带单位的white-space: nowrap | pre 保留所有空白 | pre-wrap 保留空白符,正常换行| pre-line 合并空白符,保留换行符min-width: 元素的最小宽度 %根据包含它的块级对象 | 数值out-line: 位于元素边框外围的线,不会占据空间color style wi...

2019-12-26 21:50:39 88

原创 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 139

原创 Vue官网文档学习

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

2019-12-12 15:58:27 253

原创 12月5日

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

2019-12-09 16:43:55 107

原创 12月4日

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

2019-12-09 09:43:25 90

原创 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 93

原创 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 120

原创 html5-2

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

2019-10-02 18:01:32 127

原创 HTML5

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

2019-08-30 10:53:08 100

原创 CSS布局

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

2019-08-29 17:38:12 92

原创 javascript--DOM

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

2019-08-08 14:50:15 165

原创 javascript--表单脚本

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

2019-08-06 22:50:28 120

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

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

2019-08-04 19:41:05 382

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

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

2019-08-02 21:32:43 941

原创 javascript--事件

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

2019-08-01 21:45:41 111

原创 javascript--函数(递归、闭包)

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

2019-07-28 21:33:15 137

原创 javascript--继承

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

2019-07-27 20:53:33 168

原创 javascript--对象创建方法

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

2019-07-26 16:58:03 99

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

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

2019-07-24 22:18:57 110

原创 javascript--Number/parseInt/parseFloat

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

2019-07-24 18:23:51 168

原创 javascript基础2

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

2019-07-24 17:50:07 96

原创 javascript基础1

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

2019-07-24 16:24:11 102

原创 数据结构--检索

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

2019-07-16 21:51:28 1132

原创 数据结构--内排序

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

2019-07-13 08:42:12 166

canvasT.html

javascript--canvas学习

2019-08-03

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除