2020年09月__wayliu

原创 06-JavaScript函数表达式

*1.函数表达式*2.闭包1.函数表达式定义函数方式：函数声明（有函数声明提升）函数表达式sayhi() //报错var sayhi = function sayhi () { console.log('hi')}sayhi() //hi函数声明和函数表达式的区别就是函数表达式没有函数声明提升，必须等解析器执行到它所在代码才执行。2.闭包...

2020-09-30 11:16:20 73

*1.继承*2.原型链1.继承接口继承（java等）实现继承js由于没有函数签名无法实现接口继承，只支持实现继承，而且其实现继承主要依靠原型链实现。2.原型链回顾原型对象、构造函数、实例的关系：每个实例都有一个原型（prototype）指向原型对象的指针，而原型对象的属性构造函数也是一个指针，此指针指向原型（prototype）所在的函数。// 被继承：SuperTypefunction SuperType () { this.property = true}// Supe

2020-09-30 10:43:42 90

原创 JSON

内容理解JSON 语法解析 JSON序列化 JSON关于JSONjson(javascript object notation)javascript对象表示法。一种数据交换格式。语法简单值：与JavaScript相同语法，可以在JSON中表示字符串、数值、布尔值、null。不能表示undefined。对象：一种复杂数据类型，键值对可以是简单值和复杂数据类型值。数组：一种复杂数据类型。简单值JSON字符串表示"hello world"与js字符串的区别是必须使用双引号

2020-09-29 19:44:00 90

原创 5-2面向对象之创建对象

工厂模式

2020-09-29 17:25:16 177

原创 5-1面向对象之理解对象

理解可以把js对象想象为散列表，无非就是一组键值对，其中值可以是数据或函数。每个对象都是基于一个引用类型创建，之前的4系列等就是引用类型，那些对象都是通过引用类型创建的。创建对象实例3种方式// 使用Object()var person = new Object();person.name = "wayliu";person.age = 18;//or 字面量创建var person = { name: "wayliu", age: 18}// or 使用对象构造器fun

2020-09-29 16:01:27 102

原创 Vue巩固-vuex

vuex的基本使用1.安装2.创建store.js，在store.js中引入vue和vuex,实例化vuex，vue.use(vuex)使用vuex插件。3.在main.js中引入store.js,把store作为参数实例化。1.安装npm install vuex -S2.store.jsimport vue from 'vue'import Vuex from 'vuex'vue.use(Vuex)export default new Vuex.Store ({ state:

2020-09-29 12:50:01 77

原创 4-8引用类型Function

理解Function函数实际上是一个对象，每个函数都是Function类型的实例。由于函数是对象，因此函数名实际上是一个指向函数对象的指针。var sum = new Function("num1","num2",“return num1 + num2”)通过上面代码可以理解函数是一个对象，函数名是一个指向函数对象的指针没有重载function addSomeNumber (num) { return num + 100}function addSomeNumber (num) {

2020-09-29 00:38:04 82

原创 4-1引用类型Object对象

创建var person = new Object();person.name = "wayliu";person.age = 18;//orvar person = { name: "wayliu", age: 18}对象是某个特定引用类型的实例

2020-09-28 21:17:27 60

原创 02-JavaScript参数

理解参数js函数不介意传递进来多少个参数，不解以参数的数据类型。js中的参数在内部时用一个arguments对象表示的，函数接收到的始终是这个对象。这个对象与数组类似，arguments[0]function howManyArgs () { console.log(arguments.length)}howManyArgs("string",45) //2howManyArgs() // 0无参数的使用可以利用任意参数功能接收任意个参数并分别实现适当功能function

2020-09-28 21:01:07 51

原创 03-JavaScript变量、作用域

基本类型和引用类型的值基本数据类型值：简单的数据段，按值访问。引用类型值：保存在内存中的对象，引用访问。复制变量不同基本类型：在变量对象上创建一个新值，把该值赋值到为新变量分配的位置上。引用类型：不同的是复制的值是一个指针，指向存储在堆中的一个对象，复制结束后，两个变量实际上引用同一个对象。传递参数都是值传递，不过也有不同基本类型：把被传递的值复制给参数。引用类型：把被传递的在内存中的地址复制给参数。监测类型简称基本类型时用typeof，检测引用类型:Object、Array、Str

2020-09-28 20:43:31 88

原创 koa-router

const Koa = require('koa')const fs = require('fs')const app = new Koa()const Router = require('koa-router')let home = new Router()// 子路由1home.get('/', async ( ctx )=>{ let html = ` <ul> <li><a href="/page/helloworld"&

2020-09-28 13:13:01 154

原创 koa2基础知识巩固梳理

1.架设httpconst koa = require('koa')const app = new koa()app.listen(3000)通过这三行代码即可架设一个http服务，但是由于没有返回内容，浏览器上会看到not found。2.Context 对象Koa 提供一个 Context 对象，表示一次对话的上下文（包括 HTTP 请求和 HTTP 回复）。通过加工这个对象，就可以控制返回给用户的内容。const koa = require('koa')const app = ne

2020-09-28 12:48:08 180

原创 01-javaScript数据类型

变量松散类型可以用来保存任何类型的数据变量提升数据类型基本数据类型undefinednullbooleanstringnumber复杂数据类型6.object类型区分typeof true // "boolean"type "wayliu" // "string"typeof 2 // "number"typeof abc // "undefined"typeof null //"object"Null和undefinedtypeo

2020-09-27 23:11:42 72

原创 Broswer对象-Navigator对象+Screen+History+Location

Navigator 对象包含有关浏览器的信息。Naviagtor属性常用的就一个navigator.userAgent"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36"

2020-09-27 15:31:04 147

原创 Browser对象-Window

Window 对象属性第一类1.document 文档信息2.Location 当前url信息3.History 历史url信息4.screen 客户端屏幕信息5.navigator 浏览器信息第二类1.文档显示区的高度和宽度window.innerHeight//937window.innerWidth//12412.窗口的外部高度、宽度window.outerHeight//1040window.outerWidth//19203.当前页面相对于窗口显

2020-09-27 15:16:55 136

原创 4-7引用类型String 对象

创建和Boolean、Number属于基本包装类型。new String(s); //创建String(s); //转换var str = new String('123')str //String {"123"}String(true) //"true"String 对象属性constructorprototypelengthString-视觉效果类1.big() // 大号字体显示2.blink() //显示闪动字符串3.bold

2020-09-27 01:10:24 148

原创 4-6引用类型Number 对象

创建Number对象和Boolean、String一样是基本包装类型对象// 创建对象var myNum = new Number(value)var myNum = new Number(12)myNum //Number {12}// 转换类型var myNum = Number(value)var myNum = Number('12')myNum // 112Number 对象属性constructorprototypeMAX_VALUE 可表示的最大数MIN_

2020-09-26 23:00:30 91

原创 4-5引用类型Math 对象

无需创建Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法console.log(Math.PI) //3.141592653589793console.log(Math.sqrt(15)) //3.872983346207417,2的平方根Math 对象属性...

2020-09-26 22:29:10 201

原创 4-4引用类型Date对象

创建 Date 对象var myDate = new Date()console.log(myDate) //Fri Sep 25 2020 22:09:53 GMT+0800 (中国标准时间)Date 对象属性constructorprototypeDate 方法1.toString()myDate.toString() //"Fri Sep 25 2020 22:09:53 GMT+0800 (中国标准时间)"2.valueOf()Date()的毫秒表示myDate.val

2020-09-25 22:19:00 54

原创 4-3引用类型Boolean对象

创建与转换函数new Boolean(value) //构造函数Boolean(value) // 转换函数// 构造函数var a = new Boolean()a // Boolean {false}转换函数Boolean(1) //trueBoolean 对象属性constructorprototypeBoolean对象方法两个都是转化为Stringconsole.log(a.toString()) // "false"console.log(a) //Bool

2020-09-25 22:07:21 49

原创 4-2引用类型Array对象

创建Array对象new Array()new Array(size)new Array(element0, element1, …, elementn)var array1 = new Array()//array1 []var array2 = new Array(5)//array2 (5)[empty * 5]var array3 = new Array(1,2,3)//array3 (3) [1, 2, 3]Array对象属性constructor (object.

2020-09-25 21:54:26 115

原创正则表达式获取url参数

1、将所有参数转化为对象，重复的参数作为数组：function parseQuery(url) { var queryObj={}; var reg=/[?&]([^=&#]+)=([^&#]*)/g; var querys=url.match(reg); if(querys){ for(var i in querys){ var query=querys[i].split('=');

2020-09-24 20:09:52 4060

原创背景图居中小策略

在用一个大背景的时候，给页面的宽度是100%，由于需要适配不同大小的页面，故可以给background-position: center,让背景随着两边减小而建小两边。

2020-09-23 19:53:02 54

原创鼠标hover时按钮旋转，离开时也旋转

// 视频关闭按钮 &-btn { position: absolute; top: 0; right: 0; #wh(31px,29px); background-image: url(../../img/mh/video-close.png); transition: all 2s; &:hover { background-image: url(../../img/mh/vide

2020-09-23 14:14:29 641

原创 1. webpack初探

2-1webpack初探1.面向过程写法1-1index.html1-2 index.js通过在index.js中对dom进行操作2.面向对象写法2-1index.html2-2对1-2的js文件进行拆分Sidebar.js2-3 在index.js中实例化3. 面向对象写法优化3-1 增加了http请求，加载速度变慢3-2 在index.js中实例化顺序需与index.html引用js顺序一致（依赖关系不明确）3-3 优化在index.html中只引入index.j

2020-09-20 14:19:59 156

wayliu的博客