wx5c04c8a88fd20的博客_脚手架开发项目实战,node,算法原创(5)

欢迎

【9大跨域解决方案】location.hash解决跨域的原理

通过hash实现跨域通信该方法跟window.name类似，有点神奇，有点绕，鲜有人用，但确实能够实现跨域通信。那么，我们下面详细讲解下如何利用hash实现跨域。引例前提准备：a.html,起在localhost:3000上b.html,起在localhost:3000上c.html,起在localhost:4000上可见a和b是同域的，c是独立的需求：在a页面获取...

location

hash

跨域

location.hash

window.name

原创 2021-09-02 10:13:45 1137 阅读 1点赞 1收藏

【9大跨域解决方案】websocket解决跨域的原理

websocket笔记webSocket本身不存在跨域问题，所以我们可以利用webSocket来进行非同源之间的通信。websocket如何实现跨域通信?原理：利用webSocket的API，可以直接new一个socket实例，然后通过open方法内send要传输到后台的值，也可以利用message方法接收后台传来的数据。后台是通过new WebSocket.Server({port:...

websocket

socket

socket.io

跨域

websocket跨域

原创 2021-09-02 10:13:24 3141 阅读

6、ES6-object(含es5实现es6的类，未完待续)

一、object的简写1、属性的缩写let name = 'zhuangzhuang';let age = 18;let obj = { name:name, age:age} 那么对于这种value为变量，key跟value名字相同的，那么可以简写成如下：let name = 'zhuangzhuang';let age = 18;let ob...

object

对象

class

类

面向对象

原创 2021-09-02 10:13:22 82 阅读

【9大跨域解决方案】postMessage解决跨域的原理

postMessage()这是H5引入的一个API，可以实现跨文档、多窗口、跨域消息的传递。postMessage(data,origin)方法data:要传递的数据origin:字符串参数，只目标窗口的源，协议+主机+端口号[+URL]，URL会被忽略，所以可以不写如果要传递给所有窗口，值可以为"*"如果传给当前窗口同源的话，值可以为"/"message当使用postM...

postmessage

跨域

原理

jsonp

同源策略

原创 2021-09-02 10:13:10 1617 阅读 1收藏

7、ES6-生成器Generator和迭代器Iterator的实现原理

今天我们要简单讲解下生成器Generator和迭代器Iterator的实现原理，这是实现koa的基础，也是实现异步解决方案async await的基础。在这里，讲解原理的前提是你必须知道生成器Generator和迭代器Iterator是用来干什么的，可以自行搜CSDN相关文章阅读，在这里不做赘述。生成器Generator的实现原理首先，我们用一小段代码来实现一个简易的generator...

es6

实现原理

迭代器

生成器

原创 2021-09-02 10:13:10 373 阅读

4、转化ES6语法

一、转化ES6语法使用的loaderbabel-loader@babel/core 转化的核心模块@babel/preset-env 这是个大包，转化js语法的loader用法module:{ rules:[ { test:/\.js$/, use:{ loader:'babel-loader', options:{//用babel-l...

babel

runtime

polyfill

webpack

preset-env

原创 2021-09-02 10:12:53 659 阅读

2.ES6-解构赋值及其原理-解构看完这篇足够了

所谓的解构赋值其实就是分解出一个对象的解构，分成两个步骤： 1. 变量的声明 2. 变量的赋值一、数组的解构赋值/* 对于数组的解构赋值，其实就是获得数组的元素，而我们一般情况下获取数组元素的方法是通过下标获取，例如： let arr = [1,2,3]; let a = arr[0]; ...

es6

解构赋值

前端

js

原理

原创 2021-09-02 10:12:52 258 阅读

1.ES6-let与const

let 与 const 在说到let和const之前，我们必须来回顾下var，var声明变量有以下几个特点： 1. 可以重复声明 2. 不能定义常量 3. 不支持块级作用域一、let let的特点 1. 支持块级作用域 2. 变量不预解析常见题解析： a. 举例一：{ let a = 0;}co...

es6

前端

js

let

const

原创 2021-09-02 10:12:49 72 阅读

10行代码实现require功能

笔者在学习node的时候，突然想到如何自己写一个require，于是就有了这篇文章。 10行代码能够快速写出require功能，主要具备的只是点是fs模块知识、new Function知识，CommonJs知识。首先来介绍本文用到的fs模块知识fs = require(‘fs’)这一句代码就是node的引入文件模块，可以进行文件操作fs.readFileSync(modu...

node

require

commonjs

js

前端

原创 2021-09-02 10:12:48 474 阅读

ES6解构赋值——让人误会的等号"="

大家知道，Javascript中，”=”的含义主要就是赋值，而有时候，简单的赋值也会让人产生误会。在讲这种误会前，让我们先来做下下面三道题吧！题目一：function move({x = 0, y = 0} = {}) { return [x, y];}move({x: 3, y: 8}); // [3, 8]move({x: 3}); // [3, 8]...

Javascript

js

赋值

es6

参数解构赋值

原创 2021-09-02 10:12:47 152 阅读

3.ES6-模板字符串及其原理

最初，我们拼接字符串的时候，是通过连接符”+”来接的，并且如果换行等需要使用转义字符，否则就会报错。这样让我们书写十分不便。所以，ES6中就引入了模板字符串，帮助我们解决这一问题。1、拼接和变量作用let name = 'zhuangzhuang';let age = 27;let desc = `${name}今年${age}岁了`;//在这句话中将变量用${}包裹起...

es6

模板字符串

原理

js

前端

原创 2021-09-02 10:12:46 383 阅读

3.Go预备知识——高级数据类型(更新中)

数组数组的声明格式:type 变量名称 [数组长度]类型{数组元素}如果没有{数组元素},那么默认值就是零(或者该类型的默认值)数组长度可以用…来表示，这样无需

go

go语言

后端

数组

默认值

原创 2021-09-02 10:12:13 113 阅读

es6常用的方法及其原理－大杂烩【持续更新】

一、 reduce 与 reduceRight 1、reduce 将一个数组中的一系列值计算出一个值(从左往右算) //result 表示所有计算结束后返回的值，也就是最后一次return的值 let result = arr.reduce(function(val,item,index,origin){ //val当前值， //item当前元素， //index当前索引

es6

数组字符串

前端

javascript

语法

原创 2021-09-02 10:12:08 61 阅读

一个普通函数的冷僻属性(length、caller、arguments、name、[[Scopes]]和[[FunctionLocation]])

函数的属性一个普通函数具有哪些属性？先看下图：可见，一个普通的函数具有8大属性——arguments、caller、length、name、prototype、__proto__、[[FunctionLocation]]、[[Scopes]] 上述8大属性中，最为关键的自然是prototype和__proto__两大属性，但笔者必须照顾下标题的感受，讲讲其他...

es6

函数

length

javascript

语法

原创 2021-09-02 10:11:50 303 阅读

4.ES6-剩余参数、拓展运算符,以及对象合并的方法(含ES7)

剩余参数语法：…rest 作用：将参数转成数组传入函数当我传入指定个数参数时：function sum(initVal,a,b,c){ return initVal + a + b + c;}sum(10,9,8,7);//34 当我传入不定个数参数时：function sum(initVal,...rest){ retu...

es6

es7

剩余参数

拓展运算符

...

原创 2021-09-02 10:11:29 109 阅读

5.ES6-箭头函数中的this

let obj = { name:'zhuangzhuang', getName:function(){ console.log(this.name); }}let obj2 = { name:'jingjing', readName:obj.getName}obj2.readName();//结果多少？let obj = {...

es6

前端

thia指向

箭头函数

this

原创 2021-09-02 10:11:14 64 阅读

Go学习——0.type关键字

type关键字type a int 表示形成了一种新的类型叫a，这个类型a完全具备了int的特性如果在main中打印%T，a的类型就是main.atype a = int 表示给int类型取了一个别名叫a，a与int完全等价如果打印%T，a的类型就是int，并且这个a类型只会在代码中存在，编译完成后不会有a类型...

go

Go语言学习笔记

原创 2021-09-02 10:11:02 145 阅读

Go学习——1.常量

const 定义常量，不能改值const 定义的变量不允许接收函数返回值，因为常量的值时在编译器可知的，函数调用只有再运行时发生。比如const a = math.Sqrt(4),这是不对的。字符串常量，const str = “hello world”，他们都是untyped，没有任何数据类型的。...

go

python

golang

java

自增

原创 2021-09-02 10:11:01 298 阅读

Go学习——2.数组

数组数组的长度是固定的，数组的每个元素的类型都是一样的在快捷方式:=定义一个数组时，不是所有的元素都要指定一个值：a := [3]int{12},这样默认没有值的元素就是0，也就是a为[12, 0, 0]数组的类型是 [数组长度]类型 , 这个整体才是数组的类型Go里面的数组是值类型而非引用类型，这意味着，当他们被赋值给一个新变量的时候，会把原始的数组拷贝给新变量。如果对新变量做出修改，不会影响到原来的数组。a := [...]string{"USA", "China", "India", "

go

数组

值类型

赋值

ide

原创 2021-09-02 10:11:00 275 阅读

Go学习——3.切片slice

切片sliceslice自己并不存储数据，它仅仅是底层数组的一个标识。所以slice的任何修改都会影响到底层的数组slice的创建方式一：var names []string方式二:c := []int{6, 7, 8} //creates and array and returns a slice referencefmt.Println(c)方式三: make(类型, 长度，容量(可选))i := make([]int, 5, 5)fmt.Println(i)

go

数组

内存优化

值传递

可变参数

原创 2021-09-02 10:10:59 108 阅读

Go学习——4.函数

函数函数返回值有命名，可以使用返回值命名做运算，并且返回时，只需要写一个return即可func rectProps(length, width float64)(area, perimeter float64) { area = length * width perimeter = (length + width) * 2 return //no explicit return value}可变参数函数注意点：形式：func fname(a int, b …

go

可变参数

可变参数函数

函数调用

默认值

原创 2021-09-02 10:10:59 140 阅读

Go学习——5.package

main函数和main包每一个可执行的go程序都必须包含一个main函数。这个函数是程序运行的入口点。main函数应该驻留于main包里面。package packagename这行代码指定了某个特定的源文件从属于哪个包。它位于每个go文件的第一行。包在Go中，任何以大写字母开头的变量和函数都是被导出的名字。只有被导出的函数和变量才能在其他包中使用。每个包都可以(不必须)包含一个init函数，这个init函数没有任何的返回值类型和参数。init函数不能再代码中被显式调用，但在被引

golang

初始化

main函数

显式

可执行

原创 2021-09-02 10:10:58 101 阅读

Go学习——6.指针

指针指针也是变量，用于存储变量的内存地址。a b 1560x1040a124 address - 0x1040a124上面的图就说明：b变量的值时156，被存储在内存地址是0x1040a124的位置上。变量a保存着b的地址。我们就说，a指向了b指针声明格式： var a *int = 一个地址值指针变量存放的是地址说明:

go

值传递

指针变量

内存地址

操作符

原创 2021-09-02 10:10:57 133 阅读

Go学习——7.结构体

结构体1.创建结构体命名结构体(声明一个新的类型)定义type Employee struct { firstName, lastName string age, salary int}使用（2种）第一种：属性顺序可以乱emp1 := Employee{ firstName: "Sam", age: 18, salary: 100, lastName: "Anderson"}第二种：属性可以不写，但是值顺序不能乱emp2 := Employee

golang

字段

接受者

导出类

赋值

原创 2021-09-02 10:10:56 153 阅读

Go学习——8.方法

方法在func关键字和方法名之间存在接收者类型的那些函数，我们称之为方法。 ------------------接收者 | --------------接收者类型 | |func (t Type) methodName(parameter list) {}||--------------相当于给接受者t添加了函数methodName，类似于js中的面向对象，给类添加方法，只不过go没有面向对象，所以这么搞||--------------这样

go

golang

字段

接受者

调用方法

原创 2021-09-02 10:10:55 113 阅读

Go学习——9.文件读取

文件读取1. 学习内容把整个文件读进内存使用文件的绝对路径文件路径作为命令行参数传递将文件绑定到二进制文件中一小块一小块地读取文件一行一行地读取文件2.把整个文件读进内存最基本的文件操作就是把整个文件读进内存中。使用ioutil包下的ReadFile函数即可完成package mainimport ( "fmt" "io/ioutil")func main() { data, err := ioutil.ReadFile("./test.txt")

go

golang

文件读取

文件路径

二进制文件

原创 2021-09-02 10:10:54 1132 阅读

Go学习——9.Map

Map1.Map的定义使用make定义m := make(map[string]string)特别注意：默认值不是nil，是empty map，但是在运算中，nil和empty map是可以互用的 m := make(map[string]string) fmt.Println(m) // map[]非make定义只定义，不赋值(也就是赋默认值)var m map[string]string特别注意：默认值是nil，不是empty map，但是在运算中，nil和e

golang

go

leetcode

map

赋值

原创 2021-09-02 10:10:53 87 阅读

Go学习——10.字符和字符串

字符和字符串处理rune相当于go的charpackage mainimport ( "fmt" "utf8")func main() { s := "Yes我爱慕课网!" fmt.Printf("%s\n", []byte(s)) // 查看s的字符串内容,结果为"Yes我爱慕课网!" fmt.Printf("%X\n", []byte(s)) // 查看s的原始的字节,结果为"596573E68891E788B1E68595E8AFBEE7BD9121" // 打印下每个字符的原始

go

golang

字符

字符串

strings

原创 2021-09-02 10:10:52 301 阅读

【手写】MVVM原理1

刚写的原理，先放上来再说，后续补充解说<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>MVVM</title></head><body> &a

MVVM

VUE

订阅发布

双向数据绑定

原理

原创 2021-09-02 10:10:52 80 阅读

Go学习——11.包和封装

封装名字一般使用CamelCase首字母大写代表public首字母小写代表private这里的公有和私有是针对包来说的包记住：一个文件夹就是一个包一个包里的所有文件的开头都是一样的package 包名包名一般就是文件名，main函数所在的包除外，当然也可以不一样大写字母开头的元素可以导出到其它包中使用。一个包里的文件之间相互引用导出的属性、变量、函数等，是不需要import的引用别的包导出的内容需要import这个包结构体定义的方法，可以在不同文件，

golang

包

go包管理

封装

package

原创 2021-09-02 10:10:51 156 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx5c04c8a88fd20的博客