自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 canvas画布

canvas一、介绍二、操作步骤三、绘制直线四、绘制矩形五、绘制圆形一、介绍canvas元素可以在网页中创建一块矩形区域,这块矩形区域被称为画布,可在其中绘制各种图形默认情况下canvas元素创建的画布区域大小为宽300px,高150px二、操作步骤①. 在HTML5页面中添加canvas元素,必须定义canvas元素的id属性值<canvas id="myCanvas"></canvas>②. js脚本中使用document.getElementById()方法,根

2021-06-28 17:09:11 392

原创 node.js

node.js

2021-06-27 16:17:17 114

原创 Ajax异步通信总结

Ajax一、基础概念二、Ajax三、XHR、XML、JSON四、跨域一、基础概念二、Ajax三、XHR、XML、JSON四、跨域

2021-06-27 15:40:41 280

原创 Git+Github

Git+Github

2021-06-27 14:55:25 110

原创 HTTP概述

HTTP

2021-06-27 12:57:32 233 1

原创 防抖、节流

防抖节流

2021-06-27 12:25:06 86

原创 js同步、异步

同步异步

2021-06-27 12:14:17 144

原创 javascript函数

函数一、函数1.函数定义方式2.函数的调用3.高阶函数(回调函数)4.函数参数默认值5.arguments二、this1.函数内部this指向2.改变函数内部this指向三、严格模式四、闭包1.变量作用域(全局、局部)2.闭包3.内存管理4.垃圾回收机制5.内存泄漏五、递归1.递归2.求1—n的阶乘3.求斐波那契数列4.遍历数据一、函数1.函数定义方式①函数声明方式 function 关键字 (命名函数)function fn() {};②函数表达式(匿名函数)var fn = functio

2021-06-27 00:37:48 382 1

原创 正则表达式

正则表达式1.概念2.创建3.测试正则表达式4.特殊字符(元字符)5.预定义类6.正则替换replace7.exec()验证1.概念(Regular Expression)用于匹配字符串中字符组合的模式,js中,正则表达式也是对象作用:检索、替换符合某个模式(规则)的文本(表单验证)过滤掉敏感词(替换)从字符串中获取想要的特定部分(提取)2.创建①调用RegExp对象的构造函数创建var regexp = new RegExp(/123/);console.log(regexp);

2021-06-27 00:09:30 100

原创 ES6语法

ES61、新增声明命令let和const2、模板字符串3、箭头函数4、剩余参数5、Object.keys()、Object.assign()6、for...of 循环7、import和export8、Promise对象9、解构赋值10、Set数据结构11、class12、async、await13、修饰器14、Symbol15、Proxy简介:ES:全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6好处:变量提升特性增加了程序运行时的不可预测性

2021-06-26 22:53:17 402 1

原创 Vant组件库 和ElementUI组件库

组件库

2021-06-26 20:41:06 2049 2

原创 Vue基础总结(下)(路由)

路由一、单页面应用SPA二、路由使用三、链接导航四、重定向五、模式六、编程式导航七、路由嵌套八、路由守卫一、单页面应用SPA单页面应用: 所有功能在一个页面上实现单页面-多页面对比:对比部分单页应用多页面应用组成一个html文件多个组件组成多个html文件静态资源公用共用,一次性加载完毕不共用,每个页面都加载一遍刷新方式页面局部刷新整页加载url模式itcast.com/#/pageoneitcast.com/pageone.html用户

2021-06-26 19:32:22 300 1

原创 Vue基础总结(中)(组件)

vue基础 中一、组件1.组件概述2.vue组件——创建3.vue组件——全局注册使用4.vue组件——局部注册使用5.vue组件——scoped作用二、组件通信1.父向子 props2.子向父3.跨组件通信 EventBus三、组件生命周期四、动态组件、插槽一、组件1.组件概述组件化:封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护组件:是可复用的Vue实例,封装标签、样式和JS代码2.vue组件——创建每个组件都是一个独立的个体, 代码里体现为一个独立的.vue文件

2021-06-26 03:18:01 318

原创 axios使用

axios是一个专门用于发送ajax请求的库,axios 底层还是原生js实现, 内部通过Promise封装的支持客户端发送Ajax请求支持服务端Node.js发送请求支持Promise相关用法支持请求和响应的拦截器功能自动转换JSON数据基本使用:axios({ method: '请求方式', // get post url: '请求地址', data: { // 拼接到请求体的参数, post请求的参数 xxx: xxx, }, params: {

2021-06-26 02:42:33 207

原创 Vue基础总结(上)(指令 API)

这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录

2021-06-26 01:33:58 113

原创 vue脚手架

vue脚手架一、概念二、vue-cli全局安装三、vue-cli创建项目启动服务四、生成文件目录一、概念简述: 用于快速生成vue项目基础架构,渐进式代表的含义是:主张最少, 自底向上, 增量开发, 组件集合, 便于复用官网:https://cli.vuejs.org/zh/vue-cli:是vue官方提供的一个全局模块包(带工具命令行),开箱即用,webpack零配置,此包用于创建脚手架工程vue-cli的好处- 统一的项目结构(文件夹+文件+配置代码)- 开发过程中的webpack各

2021-06-26 01:01:28 149

原创 webpack总结

webpack一、基本概念二、使用步骤1.下载安装yarn2.初始化包环境3.安装依赖包4.package.json文件配置5.新建src文件夹6.运行打包命令三、配置1.打包的入口和出口2.自动打包功能3.生成预览页面4.配置自动打包相关的参数package.json文件5.加载器loader6.打包处理css文件7.打包处理scss文件8.配置postCSS自动添加css的兼容前缀9.打包样式表中的图片和字体文件10.打包处理js文件中的高级语法一、基本概念webpack:是一个打包模块化javas

2021-06-25 16:23:41 98

原创 JavaScript构造函数和原型

构造函数和原型一、构造函数一、构造函数在ES6之前,对象不是基于类创建的,而是一种称为构造函数的特殊函数来定义对象和它们的特征

2021-06-25 15:14:17 267

原创 JavaScript对象和类

JavaScript面向对象一、面向对象编程1.面向过程2.面向对象二、ES6中的类和对象1.对象2.类创建类类constructor构造函数三、类的继承1.继承一、面向对象编程1.面向过程面向过程:分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的调用2.面向对象面向对象:把事务分解成一个个的对象,然后由对象之间分工与合作,面向对象一对象功能来划分特点:封装性继承性多态性二、ES6中的类和对象1.对象面向对象的思维特点:1.抽取对象共用的属性

2021-06-24 23:29:21 334

原创 ECharts数据可视化项目经验

这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录

2021-06-24 15:18:57 646

原创 ECharts数据可视化基础概述

Echarts数据可视化一、简介二、使用方法三、相关配置一、简介二、使用方法三、相关配置

2021-06-23 23:21:25 419

原创 jQuery总结

jQuery一、简介1.jQuery2.入口函数3.jQuery对象和DOM对象4.对象转换二、选择器1.基础选择器2.jQuery层级选择器3.筛选选择器(特有方式)4.类操作三、动画效果1.显示隐藏2.滑动3.淡入淡出4.自定义动画5.stop()停止动画排队6.事件切换四、操作1.固有属性2.自定义属性3.数据缓存4.文本属性5.元素操作6.尺寸操作7.位置操作五、事件1.注册2.解绑3.自动触发4.事件对象5.拷贝对象一、简介1.jQuery是一个快速、简洁的javascript库,封装了Ja

2021-06-23 20:13:54 84

原创 Web APIs总结

Web APIs一、DOM1.概念2.DOM树3.获取元素4.事件概述5.鼠标事件6.操作元素7.自定义属性8.节点9.事件操作二、BOMWeb API:浏览器提供的一套操作浏览器功能和页面元素的API,一般由输入和输出(函数的传参和返回值)一、DOM1.概念文档对象模型,处理可扩展标记语言,html、xml的标准编程接口,可改变网页的内容、结构、样式。2.DOM树文档:一个页面就是一个文档元素:页面中所有标签都是元素 element节点:页面中所有内容都是节点(标签、属性、文本、注释)

2021-06-23 15:02:48 299

原创 javascript基础总结

js基础一、简介1.javascript2.js组成3.注释二、变量1.概念2.变量命名规范3.数据类型4.标识符三、运算符四、流程控制五、数组1.概念2.方法六、函数1.概念2.一、简介1.javascript运行在客户端的脚本语言,不需要编译,由js解释器逐行进行解释并执行2.js组成ECMAScript js语法DOM 页面文档对象模型BOM 浏览器对象模型3.注释单行 //多行 /* */二、变量1.概念变量是程序在内存中申请的一块用来存放数据的空间2.变量

2021-06-21 17:54:57 64

原创 移动web开发布局总结

移动web开发一.移动开发基础1.视口viewport2.视口标签3.二倍图4.特殊样式二.移动端布局1. 流式布局(百分比布局)2. flex弹性布局3. less+rem+媒体查询布局4. bootstrap一.移动开发基础1.视口viewport①布局视口 layout viewport②视觉视口 visual viewport③理想视口 ideal viewport2.视口标签<meta name="viewport" content="width=device-width, i

2021-06-21 17:25:53 78

原创 HTML5+CSS3总结

H5+C3一.HTML51. 语义化标签2.多媒体标签3.新增input类型4.新增表单属性5.属性选择器6.结构伪类选择器7.伪元素选择器8.滤镜9.过渡二.CSS31.2D转换2.动画3.3D转换一.HTML51. 语义化标签标签描述header头部标签nav导航标签article内容标签section定义文档某区域aside侧边栏标签footer尾部标签2.多媒体标签①audio 音频属性值描述auto

2021-06-21 12:13:42 101

原创 CSS基础语法总结(下)

CSS语法一.传统网页布局的三种方式一.传统网页布局的三种方式普通流(标准流)浮动定位普通流(标准流/文档流):就是标签按照规定好默认方式排列.①块级元素会独占一行,从上向下顺序排列。 常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table②行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。 常用元素:span、a、i、em 等浮动:可以让多个块级元素一行内排列展示①浮动的元素会脱标,不占据原来的位置②浮动的元素在一行上显示,顶对齐,代码换行没有缝

2021-06-21 10:33:33 57

原创 CSS基础语法总结(上)

CSS语法1.选择器2.字体属性3.文本属性4.CSS引入方式1.选择器类别用法标签选择器标签名{ }类选择器.类名{ }id选择器(id属性只出现一次)#id名{ }通配符选择器*{ }属性选择器[属性名]链接伪类选择器a:link、a:visited、a:hover、a:active结构伪类选择器:first-child伪元素选择器::before后代选择器元素1 元素2 { }子选择器元素1>元素

2021-06-20 14:07:02 59

空空如也

空空如也

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

TA关注的人

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