自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 axios请求的get/post

axios用到的比fetch要多,更加方便,提供了很多使用的API,引用的三种方式: npm npm install axios bower bower install axios cdn <script src="https://unpkg.com/axios/dist/ax...

2020-02-21 18:49:59

阅读数 5

评论数 0

原创 fetch请求get/post

fetch的基本格式 fetch('http://jsonplaceholder.typicode.com/todos') .then(res =>{ }) .then(data=>{ }); 它只是一个 HTTP 响应,而不是真的JSON。为了获...

2020-02-21 18:40:20

阅读数 14

评论数 0

原创 计算属性 vs methods

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hongbin</title>...

2020-02-18 21:39:03

阅读数 17

评论数 0

原创 纯css写唯美登录页面

css <link href="https://cdn.bootcss.com/font-awesome/5.11.2/css/all.css" rel="stylesheet"> <link href="http...

2020-02-18 15:11:53

阅读数 33

评论数 0

原创 js写倒计时

<span class="countDown"></span> <script> function countDown(second, select) { let oSpan = document.querySelec...

2020-02-16 10:52:44

阅读数 20

评论数 0

原创 js中两个!!感叹号表示的意思与使用原理

/* * 逻辑非非 * 在非的基础上在一个非 * 将值转换成布尔值boolean返回 * 可以确定变量中存贮的值是否满足某些条件,再做处理 * */ var val = "";//false var val = null;//false var val = u...

2020-02-16 10:02:07

阅读数 20

评论数 0

原创 闭包

/* * 匿名函数 !== 闭包 * 闭包:可以访问另一作用域的变量的函数 * 常见创建方式:在一个函数内部创建另一个函数。 * * */ function createComparisonFunction(propertyNmae) { return function...

2020-02-15 18:58:30

阅读数 23

评论数 0

原创 js小说阅读器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2020-02-14 19:25:40

阅读数 23

评论数 0

原创 自我改良版寄生组合式继承

两种不同的寄生组合式实现继承的inheritPrototype函数,第一种的结果对应第一张图 function inheritPrototype(subType,superType) { var prototype = Object(superType.prototype);//创...

2020-02-13 14:33:14

阅读数 57

评论数 0

原创 寄生组合继承

* 因为组合式继承会两次调用超类型的构造函数, * 一次是在创建子类型原型的时候,将超类型的属性添加到自类型的原型上, * 另一次是在子类型构造函数内部调用,将原型上的属性创建到自己身上, * 实现屏蔽超类型同名的属性 寄生组合式继承 * 通过借用构造函数继承属性,通过原型链的混成形式继承方法....

2020-02-12 20:33:25

阅读数 52

评论数 0

原创 组合式继承

组合继承(combination inheritance) * 有时也叫"伪经典继承",指的是将原型链实现继承和借用构造函数技术和二为一. * 思路:使用原型链实现对原型属性和方法的继承,而通过街工构造函数实现实例属性的继承. * 既通过原型上定义的方法实现了函数复...

2020-02-12 17:12:11

阅读数 57

评论数 0

原创 借用构造函数继承

借用构造函数(伪造对象/经典继承) *基本思想:在子类型构造函数的内部调用超类型构造函数。 *通过使用apply()和call()方法也可以在(将来)新创建的对象上执行构造函数。 * 相当于在子类型的内部执行了跟超类型身上所有的操作,比如添加属性,方法,实现继承超类型的方法和属性 * 不同于原型链...

2020-02-12 17:10:37

阅读数 54

评论数 0

原创 寄生式(parasitic)继承

寄生式(parasitic)继承是与原型式继承紧密相关的一种思路. * 思路与寄生构造函数个工厂模式类似,即创建一个仅用于封装继承过程的函数, * 该函数在内部以某种方式来增强对象, * 最后再像真的是它做了所有工作一样返回对象. function createAnother(origin...

2020-02-12 17:08:23

阅读数 55

评论数 0

原创 “超类型的构造函数”是指什么?

js原型链实现继承中的一个问题:在创建子类时,不能向超类型的构造函数中传递参数。这个“超类型的构造函数”是指什么? 有没有知道的大牛指点下^ o ^ ...

2020-02-11 12:39:42

阅读数 178

评论数 0

原创 原型链实现继承

继承 *继承是OO(Object Oriented)语言(面向对象语言)最为人津津乐道的概念。 * 许多语言都有两种继承方式:接口继承和实现继承。 * 接口继承之继承方法签名,实现继承则继承实际的方法。 * 因为函数没有签名,在ECMAScript中无法实现接口继承。 * ECMAScript5只...

2020-02-11 12:19:22

阅读数 109

评论数 0

原创 寄生构造函数模式

/*感觉没多大用记下得了*/ /* * 基本思维: * 创建一个函数,该函数的作用仅是封装创建对象的代码,然后返回新创建的对象。 * 表面上看很像构造函数 * */ function Person(name,age,job) { v...

2020-02-10 19:33:47

阅读数 180

评论数 0

原创 稳妥构造函数模式

/*稳妥对象(durableobjects) * 所谓稳妥对象,指的是没有公共属性,而且其方法也不引用this对象。 * 稳妥模式最适合在一些安全环境中(这些环境会禁止使用this和new), * 或者防止数据被其他应用程序(如 Mashup程序)改动是使用。 * ...

2020-02-10 19:32:45

阅读数 195

评论数 0

原创 原型模式的不足和解决办法

原型模式的缺点: * 虽然省略了为构造函数传递初始化参数这一环节,结果所有的实例都有了默认的相同的属性值。会带来一些不方便,但主要问题还是由其共享的本质所导致的。 * 原型中所有的属性是被很多实例共享的,这对于函数非常舒服,但对于包含引用类型的属性来说,问题就出来了: function Perso...

2020-02-10 18:24:47

阅读数 193

评论数 0

原创 更简单的原型语法和原型语法的动态性

更简单的原型语法 为减少不必要的输出,也从视觉上更好的封装原型的功能,用一个包含所有属性和方法的对象字面量来重写整个原型对象: function Person() { } Person.prototype = { name : "Hongbin"...

2020-02-10 17:03:35

阅读数 140

评论数 0

原创 工厂模式,构造函数模式和原型模式

红宝书P144,152 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title<...

2020-02-10 15:15:52

阅读数 153

评论数 0

原创 for-in循环和替代的两种方法

<script> function Person() { } Person.prototype.name = "宏斌"; Person.prototype.age = 21; Person.prototype.job = &...

2020-02-10 15:12:01

阅读数 74

评论数 0

原创 读取属性的特性

Object.getOwnPropertyDescriptor()方法, * 两个参数:属性所在的对象和要读取器描述符的属性名, * 返回值是一个对象, * 如果是数据属性有:configurable,enumerable,writable,value. * 如果是访问器属性有:configura...

2020-02-09 18:04:38

阅读数 204

评论数 0

原创 对象的访问器属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> &...

2020-02-09 16:52:31

阅读数 165

评论数 0

原创 JavaScript对象属性的特性高级功能

“use strict” /创建一个对象最简单的方式:创建一个Object的实例,然后再为它添加属性和方法/ var person = new Object(); person.name = “Hongbin”; person.age = 21; person.job = “students”; ...

2020-02-09 14:20:25

阅读数 233

评论数 0

原创 prototype原型和__proto__原型链

2020-02-08 15:08:17

阅读数 147

评论数 0

原创 constructor构造函数的小细节

定义的f是Fn的一个实例,打印Fn发现里面只有m:10,因为构造函数中定义的n跟f没关系,只有this.xxx跟new的新对象有关系,所以打印f.n会返回undefined,因为n没有定义,打印f.m会打印10,也就是Fn中的n 在构造函数中return一个基本类型值,打印f,结果不会有影响; 在...

2020-02-08 13:06:21

阅读数 147

评论数 0

原创 基本类型值基于两种不同模式创建的值是不同的

num2 是数字类(Number)的实例,mun1也是,只是表达方式不同,也都可以使用数字类的属性和方法 视频地址: https://www.bilibili.com/video/av24239549?p=6.

2020-02-08 11:23:06

阅读数 115

评论数 0

原创 一道考察this指向和js运行原理细节的单例模式测试题

原题: var n = 2; var obj = { n: 30, fn: (function (n) { n *= 2; this.n += 2; var n = 5; return function (m)...

2020-02-07 19:41:45

阅读数 114

评论数 0

原创 Singleton Pattern(单例模式)

/*单例设计模式(Singleton Pattern) * 1,表现形式: * var obj = { XXX:XXX, ... }; * 就是一个破对象 * 在单例模式中obj不仅是对象名,被称作“命名空间”【NameSpace】。 * 把描述的事务放到命名空间中,多个命名空...

2020-02-07 15:24:01

阅读数 112

评论数 0

原创 利用jQuery基本结构定义一个自己的jQuery框架

我们可以参照下载的没有压缩的jQueryj文件,查看Query的基本结构: (function (window,undefined) { let jQuery = function () { return new jQuery.prototype.i...

2020-02-07 10:41:50

阅读数 89

评论数 0

原创 js,jQuery获取当前时间,并显示打印

简易的效果 代码: <style> div{ width: 200px; height: 80px; background-color: #90EE90; margin: ...

2020-02-06 19:13:30

阅读数 116

评论数 0

原创 js消除耦合现象

每个函数中都有一个属性叫 arguments 用来包含所有传入的参数 这个对象还有一个属性叫 callee ,该属性是一个指针,指向拥有这个arguments对象的函数。 案例中 函数的执行与函数名factorial紧密的耦合在一起,要消除这种耦合现象,就要用到arguments.callee....

2020-02-06 18:29:00

阅读数 227

评论数 0

原创 jQuery实现高仿QQ音乐

几个实现的效果看视频吧: 动图很是不清楚 代码: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...

2020-02-05 16:52:23

阅读数 7515

评论数 8

原创 高斯模糊背景

背景由两部分实现,一个是背景,另一个是背景上有一个遮罩 .mask_mask {/*遮罩*/ width: 1536px; height: 800px; z-index: -1; position: absolute; top: 0; backgro...

2020-02-04 14:25:39

阅读数 169

评论数 0

原创 与痘痘达成和平共处五项原则

1,不熬夜 2,不吃油腻 3,不吃辣 4,多吃蔬菜,多锻炼 5,注意个人卫生

2020-01-31 13:29:12

阅读数 183

评论数 0

原创 jQuery custom scrollbarjQuery自定义滚动条

可以去GitHub上找对应的文件下载,下载完custom scrollbar 的压缩包里面只要导入下面两个划线的css文件和js文件就可以用了。 要注意的是要先导入jQuery custom scrollbar的css文件,再导入我们自己的css文件,js文件也是一样,先导入jQuery的js再导...

2020-01-30 08:52:20

阅读数 108

评论数 0

原创 jQuery实现点击弹出窗口,点击外部关闭功能

效果 //删除功能 $('body').delegate('.info_head_icon', 'click', function () { let $rem = $(`<ul class=...

2020-01-28 16:03:19

阅读数 110

评论数 0

原创 jQuery实现点赞功能及再次点击取消功能

效果: 实现代码 //点赞功能(因为点赞模块是动态创建的所以要用到事件委托) $('body').delegate('.click_praise', 'click', function () { ...

2020-01-28 11:42:34

阅读数 99

评论数 0

原创 微博发布功能完善版

要求:正常输入,发布按钮变亮,点击可以正常发布,如果输入空格,按钮不亮,点击无任何反应,若空格后面有有效字符,按钮功能恢复正常,前面的空格不被显示。 效果展示: 代码如下: <!DOCTYPE html> <html lang="en"> <hea...

2020-01-28 08:27:47

阅读数 127

评论数 0

原创 js检测开头输入空格

const str = JSON.stringify(arr);//将 JavaScript 值转换为 JSON 字符串,可以转函数或数组 $(function () { $('input').bind('input',function (...

2020-01-27 10:39:45

阅读数 162

评论数 0

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