自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

AlbertYang的博客

软件工程师,不做积极废人,欢迎关注微信公众号:【AlbertYang】海量学习资料免费领取哟...

原创 程序员常用网站和工具(持续更新)

1.画图工具 1.1ProcessOn ProcessOn是一个面向垂直专业领域的作图工具和社交网络,成立于2011年6月并于2012年启动。 支持绘制思维导图、流程图、UML、网络拓扑图、组织结构图、原型图、时间轴等等。 官网:https://www.processon.com/ 1....

2020-07-08 09:33:31 5582 64

原创 我们该如何高效的学习

全文字数: 1684 阅读时间: 约6分钟 本文在这里不讨论学习方法,关于学习的方法网上已经太多了,这里只谈一下我所认识的学习,以及如何进行高效率的学习。 1.正确的认识学习 在我们每个人的学习过程中,都贯穿着以下几点: 1.学习态度:(靠发心) 学习态度对学习效果的影响作...

2019-09-28 15:50:42 18544 77

原创 Linux系统常用基本命令总结

目录 Linux基本命令 Linux的简介 Linux的厂商 Linux的目录结构 基于虚拟机的环境搭建 常用命令与示例 一、文件基本操作命令 1. ls命令 2. pwd命令 3. mkdir命令 4. cd命令 5. touch命令 6. cp命令 7. mv命令 ...

2018-11-13 22:42:20 36007 24

原创 Docker教程(2)—Docker常用基础命令

Docker常用命令 帮助命令 1.显示docker的版本信息: docker version 2.显示docker的系统信息 docker info 3.帮助命令 docker 命令 --help 例如: docker info --help 镜像命令 1.查...

2020-11-24 21:45:46 1447 34

原创 Docker 教程(1)---Docker简介与安装

项目开发上线的时候,我们通常会把项目打成一个jar包或war包上传到线上的服务器,此时为了让项目能够运行,我们还要为线上的服务器配置项目的运行环境JDK,Tomcat,ES,Mysql,Redis,Hadoop等等,配置非常麻烦,特别对于搭建集群的时候更麻烦。有时候还会因为本地环境和线上环境的不一...

2020-11-22 23:00:41 3292 48

原创 JavaScript进阶(8)-ES6简介及新增let和const关键字

ES6一般用来泛指“下一代JavaScript语言”,但有时也用来特指ES2015标准。所有浏览器基本上对ES5(ECMAScript 5)提供了完善的支持,而对ES6(ECMAScript 6)和ES7(ECMAScript 7)的支持度也在不断提升。ES2015(ES6) 新增加了两个重要的 ...

2020-11-14 14:42:30 4401 43

原创 JavaScript进阶教程(7)-正则表达式

正则表达式 了解正则表达式基本语法 能够使用JavaScript的正则对象 正则表达式简介 什么是正则表达式 正则表达式:用于匹配规律规则的表达式,正则表达式最初是科学家对人类神经系统的工作原理的早期研究,现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文...

2020-10-24 23:07:20 10181 54

原创 JavaScript进阶教程(6)—硬核动图让你轻松弄懂递归与深浅拷贝

目录 一、递归 1.1 概念 1.2 出口 1.3 递归经典问题:递归求斐波那契数列 1.4 递归经典问题:递归求阶乘 1.5 递归求一个数字各个位数上的数字的和 1.6 递归遍历DOM树 二 深浅拷贝 2.1 浅拷贝 2.2 深拷贝 2.3 如何区分深拷贝与浅拷贝? 2....

2020-09-13 19:47:49 7473 34

原创 JavaScript进阶教程(5)-一文让你搞懂作用域链和闭包

1 作用域 在JS中变量可以分为局部变量和全局变量,对于变量不熟悉的可以看一下我这篇文章:https://blog.csdn.net/qq_23853743/article/details/106946100作用域就是变量的使用范围,分为局部作用域和全局作用域,局部变量的使用范围为局部作用域,全...

2020-09-12 19:26:40 5601 31

原创 JavaScript进阶教程(4)-函数内this指向解惑call(),apply(),bind()的区别

目录 1 函数的定义方式 1.1 函数声明 1.2 函数表达式 1.3 函数声明与函数表达式的区别 1.4 构造函数Function(了解即可,一般不用) 2 函数的调用方式 3 函数内 this 的指向 4 call、apply、bind 4.1 call,apply 4.1...

2020-09-06 20:44:40 13156 36

原创 JavaScript 进阶教程(3)---让你彻底搞懂原型链和继承

1 原型链 1.1 原型 关于原型在JS面向对象编程这篇文章已经讲过了,今天简单来复习一下。 1.1.1 什么是原型? 在JS构造函数中有一个属性prototype,叫做原型,这是给程序员使用的。在JS实例对象中有一个属性__proto__,它也是原型,这是供浏览器使用的,它不是标准的属性...

2020-09-01 19:33:14 11351 101

原创 JavaScript 进阶教程(2)---面向对象实战之贪吃蛇小游戏

目录 1 引言 2 游戏地图 3 游戏对象 3.1 食物对象 3.2 小蛇对象 3.3 游戏对象 4 游戏的逻辑 4.1小蛇的移动 4.2 让蛇自己动起来 4.2.1 自动移动 4.2.2 自调用函数 4.2.3 私有方法 4.3 判断蛇是否吃到食物 5 代码 6 其...

2020-08-29 22:12:04 1902 15

原创 JavaScript 进阶教程(1)--面向对象编程

1 学习目标 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 2 面向对象介绍 2.1什么是对象 Everything is object (一切皆对象) 我们可以从两个层次来理解对象: (1) 对象是单个事物的抽象。 一本书...

2020-08-16 18:13:37 10726 75

原创 使用canvas把照片旋转任意角度

1. 效果 演示地址:https://www.albertyy.com/2020/8/rotateImg.html 2. canvas 关于canvas的使用我在这篇文章中有简单的介绍,可以看一下。 3. 代码实现 <!DOCTYPE html> <html> ...

2020-08-13 18:10:01 2385 25

原创 不会吧不会吧,你不会还不知道这些提高JS代码质量的骚操作吧?
原力计划

目录 1 评价代码质量指标 1.1 健壮性 1.1.1 参数校验 1.1.2 try, catch 1.1.3 控制变量权限 1.2 可扩展性 1.2.1 模块分明 1.2.2 高内聚低耦合 1.2.3 用添加代替更改 1.3可读性 1.3.1 变量命名规范 1.3.2 代...

2020-08-10 08:38:08 8161 78

原创 设计模式(12)[JS版]--JavaScript必会设计模式之外观模式(Façade Pattern)

目录 1 什么是外观模式 2 外观模式的主要的参与者 3 代码实现 4 实例应用 4.1 跨浏览器事件 4.2阻止默认和冒泡事件 5 总结 1 什么是外观模式 外观模式为子系统提供了一个接口,它屏蔽一个或多个子系统的复杂功,提供了一个一致的界面(接口)给用户。外观模式是一个非常简...

2020-08-06 22:09:35 1302 19

原创 设计模式(11)[JS版]-JavaScript中的注解之装饰器模式

目录 1 什么是装饰器模式? 2 装饰器模式的主要参与者有哪些 3 代码实现 4 实例应用 5ES7 中的 decorator 6 总结 1 什么是装饰器模式? 装饰器模式模式动态地扩展了(装饰)一个对象的行为,同时又不改变其结构。在运行时添加新的行为的能力是由一个装饰器对象来完成...

2020-08-05 23:38:20 4323 39

原创 设计模式(10)[JS版]-JavaScript如何实现组合模式???

目录 1什么是组合模式 2主要参与者 3代码实现 4应用实例 4.1 表单验证 4.1 图片阅读器 5总结 1什么是组合模式 组合模式允许创建具有属性的对象,这些对象是原始项目或对象集合。集合中的每个项目本身可以容纳其他集合,创建深度嵌套结构。 树型控件是复合模式的一个完美例子...

2020-08-04 22:35:22 3918 45

原创 设计模式(9)[JS版]-JavaScript设计模式之如何实现桥接模式???

1什么是桥接模式 Bridge模式允许两个组件,即客户端和服务一起工作,每个组件都有自己的接口。Bridge是一种高级架构模式,它的主要目标是通过两级抽象来编写更好的代码。它有利于对象之间非常松散的耦合,有时也被称为双适配器模式。 桥接模式的作用在于将实现部分和抽象部分分离, 以便两者可以独立的...

2020-08-03 22:53:18 2953 45

原创 设计模式(8)[JS版]-JavaScript设计模式之如何实现适配器模式???

目录 1 什么是适配器模式? 2 参与者 3 实例讲解 4 其它应用 5 总结 1 什么是适配器模式? 适配器模式是将一个接口(对象的属性和方法)转换为另一个接口。适配器允许编程组件协同工作,否则由于接口不匹配而无法协同工作。适配器模式也称为包装器模式。 适配器模式可以想象为我们日...

2020-08-02 21:05:01 4638 38

原创 JS+CSS实现左右文字滚动

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>文字滚动:公众号AlbertYang</title> <scrip...

2020-07-28 17:50:04 701 0

原创 设计模式(7)[JS版]-JavaScript设计模式之原型模式如何实现???

目录 1.什么是原型模式 2 参与者 3实例讲解 4使用 Object.create实现原型模式 4.1Object.create()的用法 4.2 用Object.create实现继承 4.2.1 单继承 4.2.2 多继承 4.3 propertyObject参数 4.4 ...

2020-07-27 22:18:55 4710 24

原创 如何更聪明地学习:20种让你更高效学习的科学方法
原力计划

目录 1. 以多种方式学习某个知识 2. 每天学习多个科目,而不是只学习一个科目 3. 定期复习,而不是死记硬背 4. 坐在最前面(对于学生来说) 5.只专注于一件事 6.学会简化、归纳 7. 用手而不是使用笔记本电脑做笔记 8. 写下你的烦恼 9. 经常测试自己 10. 将你...

2020-07-25 14:36:56 11577 76

原创 设计模式(6)[JS版]-JavaScript如何实现抽象工厂模式?

目录 1 学习目标 2 什么是抽象工厂模式? 3 抽象工厂模式作用 4工厂模式参与者 5 代码实现 1 学习目标 通过本篇文章的学习,你应当掌握以下知识: 1 知道什么是抽象工厂模式? 2 掌握抽象工厂模式的作用以及什么时候需要使用抽象工厂模式 3 掌握使用JS实现抽象工厂模式的代...

2020-07-24 21:28:39 2339 22

原创 设计模式(5)[JS版]-JavaScript如何实现工厂方法模式?

目录 1 什么是工厂方法模式? 2工厂方法模式作用 3工厂方法模式参与者 4 代码实现 1 什么是工厂方法模式? 在基于类的编程中,工厂方法模式是一种创建模式,该模式使用工厂方法来处理创建对象的问题,而不必指定将要创建的对象的确切类。这是通过调用工厂方法来创建对象的,而不是通过调用构造...

2020-07-23 20:52:03 3747 20

原创 设计模式(4)[JS版]-JavaScript如何实现建造者模式?

目录 1什么是建造者模式 2 建造者模式的作用和注意事项 3.代码实现 4总结 1什么是建造者模式 建造者模式(Builder)可以将一个复杂对象的构建与其表示相分离,使得同样的构建过程可以创建不同的表示。也就是说如果我们用了建造者模式,那么用户只需要指定需要建造的类型就可以得到所...

2020-07-21 20:59:56 3352 37

原创 设计模式(3)[JS版]-JavaScript中的构造函数模式是什么?

上篇文章单例模式:https://blog.csdn.net/qq_23853743/article/details/107451561 1什么是构造函数模式 构造函数用于创建特定类型的对象一不仅声明了使用的对象,构造函数还可以接 受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义...

2020-07-20 22:23:20 2558 20

原创 设计模式(2)[JS版]---JavaScript如何实现单例模式?

目录 1 什么是单例模式? 2单例模式的作用和注意事项 3代码实现 4案例应用 4.1 使用单例模式管理命名空间 4.2 使用单例模式为不同命名空间的button按钮添加click事件,并且使他们之间能够互相通信 1 什么是单例模式? 单例就是保证一个类只有一个实例,实现的方法一般...

2020-07-19 21:58:24 732 17

原创 黑客帝国中代码雨如何实现?用 canvas 轻松实现代码雨炫酷效果!

1 效果 演示地址:https://www.albertyy.com/2020/7/codeRain.html 2 用到的知识点 2.1 什么是 canvas标签? <canvas> 是一个HTML5中新增的元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成...

2020-07-18 22:05:34 1025 18

原创 什么是JavaScript 的闭包???

闭包(closure)是Javascript语言的一个难点,闭包是一个函数与周围状态(词法环境)的引用捆绑在一起(封闭)的组合,在JavaScript中,每次创建函数时,都会同时创建闭包。闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰,即形成一个不销毁的...

2020-07-18 16:44:36 6923 50

原创 纯CSS实现iOS风格打开关闭选择框

目录 1 效果 2 知识点 2.1 标签 2.2 CSSfloat属性 2.3 CSS3transition属性 2.4 CSS3:checked选择器 2.5 CSSelement+element选择器 3 代码实现 1 效果 2 知识点 2.1 <label&g...

2020-07-15 07:25:06 3927 25

原创 纯CSS实现自定义单选框和复选框
原力计划

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/c...

2020-07-14 06:49:14 3139 19

原创 设计模式(1)—什么是设计模式?设计模式的六大原则是什么?
原力计划

目录 1.什么设计模式 2.设计模式的发展 3.设计原则6大原则 3.1 开闭原则 3.2 里氏转换原则 3.3 依赖倒转原则 3.4 接口隔离原则 3.5 合成/聚合复用原则 3.6 迪米特原则 1.什么设计模式 软件设计模式(Design pattern),又称设计模式,...

2020-07-12 16:59:19 2209 20

原创 全文检索工具Lucene入门教程
原力计划

1.什么是Lucene Apache Lucene是完全用Java编写的高性能,功能齐全的,全文检索引擎工具包,通过lucene可以让程序员快速开发一个全文检索功能。 1.1什么是全文检索 在我们的生活中数据总体分为两种:结构化数据 和非结构化数据 。 结构化数据: 指具有固定格式或有限长...

2020-07-11 17:55:11 3225 50

原创 Java反编译器JD-GUId的安装与使用

1、Java 反编译器JD-GUI JD-GUI 是一个用 C++ 开发的 Java 反编译工具,由 Pavel Kouznetsov开发,支持Windows、Linux和苹果Mac Os三个平台。而且提供了Eclipse平台下的插件JD-Eclipse、IntelliJ的插件JD-Intel...

2020-07-06 15:21:01 721 12

原创 纯Css实现加载动画效果

效果: 代码实现: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Loading</title>...

2020-07-02 14:41:22 531 0

翻译 Lucene 8.5.2核心API

Lucene 8.5.2核心API Apache Lucene是一个高性能的全功能文本搜索引擎库。 另请:说明 配套 包 描述 org.apache.lucene 顶级程序包。 org.apache.lucene.analysis ...

2020-06-30 11:30:04 414 0

翻译 Lucene 8.5.2演示API

Lucene 8.5.2演示API 演示模块提供了简单的示例代码来展示Lucene的功能。 另请:说明 配套 包 描述 org.apache.lucene.demo 用于索引和搜索的演示应用程序。 org.apache.lucene.demo...

2020-06-30 11:22:15 388 0

原创 html+css实现选项卡效果

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ mar...

2020-06-26 11:27:43 981 0

原创 搞懂JavaScript全局变量与局部变量,看这篇文章就够了
原力计划

<script type="text/javascript"> var a = "Hello"; function test(){ var a; console.log(a); a = "World"; conso...

2020-06-26 11:22:06 1300 27

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