- 博客(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
原创 Ajax异步通信总结
Ajax一、基础概念二、Ajax三、XHR、XML、JSON四、跨域一、基础概念二、Ajax三、XHR、XML、JSON四、跨域
2021-06-27 15:40:41 280
原创 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
原创 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脚手架
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
原创 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关注的人