2020年07月_Albert Yang

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

1.画图工具1.1ProcessOnProcessOn是一个面向垂直专业领域的作图工具和社交网络，成立于2011年6月并于2012年启动。支持绘制思维导图、流程图、UML、网络拓扑图、组织结构图、原型图、时间轴等等。官网：https://www.processon.com/1.2Draw.io非常强大，Draw本身不保存图表文件，而是把文件保存到你的Dropbox或者Google云端硬盘里。支持多种格式导出，可与Jira连接使用，而且完全免费。官网：https://www.dra

2020-07-08 09:33:31 10021 65

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

<!doctype html><html> <head> <meta charset="UTF-8"> <title>文字滚动：公众号AlbertYang</title> <script src="js/jquery-1.11.3.min.js"></script> <style type="text/css"> * { margin: 0; padding.

2020-07-28 17:50:04 3489

原创设计模式(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 Polyfill4.5改写原型模式实现5 总结1.什么是原型模式原型模式（prototype）是指用原型实例指向创建对象的种类，并且通过拷贝这些原型创建新的对象。原型模式不单是一种设...

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

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

目录1. 以多种方式学习某个知识2. 每天学习多个科目，而不是只学习一个科目3. 定期复习，而不是死记硬背4. 坐在最前面(对于学生来说)5.只专注于一件事6.学会简化、归纳7. 用手而不是使用笔记本电脑做笔记8. 写下你的烦恼9. 经常测试自己10. 将你所学的知识与你已经知道的东西联系起来11. 大声读出来12. 定期休息13.在学习结束时奖励自己14. 专注于过程，而不是结果15. 每天喝八杯水16. 每周至少锻炼三次17. 每...

2020-07-25 14:36:56 15208 79

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

目录1 学习目标2 什么是抽象工厂模式？3 抽象工厂模式作用4工厂模式参与者5 代码实现1 学习目标通过本篇文章的学习，你应当掌握以下知识：1 知道什么是抽象工厂模式？2 掌握抽象工厂模式的作用以及什么时候需要使用抽象工厂模式3 掌握使用JS实现抽象工厂模式的代码编写。2 什么是抽象工厂模式？抽象工厂模式提供了一种封装一组具有相同主题的单个工厂而无需指定其具体类的方法。即工厂的工厂；一个将单个但相关/从属工厂分组在一起的工厂，但未指定其具体类别。一个抽象工.

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

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

目录1 什么是工厂方法模式？2工厂方法模式作用3工厂方法模式参与者4 代码实现1 什么是工厂方法模式？在基于类的编程中，工厂方法模式是一种创建模式，该模式使用工厂方法来处理创建对象的问题，而不必指定将要创建的对象的确切类。这是通过调用工厂方法来创建对象的，而不是通过调用构造函数，该工厂方法在接口中指定并由子类实现，或者在基类中实现，并且可以选择由派生类覆盖。它提供了一种将实例化逻辑委托给子类的方法。工厂方法按照客户端的指示创建新对象。在JavaScript中创建对象的一种方法..

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

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

目录1什么是建造者模式2 建造者模式的作用和注意事项3.代码实现4总结1什么是建造者模式建造者模式（Builder）可以将一个复杂对象的构建与其表示相分离，使得同样的构建过程可以创建不同的表示。也就是说如果我们用了建造者模式，那么用户只需要指定需要建造的类型就可以得到所需要的东西，而具体建造的过程和细节不需要知道。建造者模式实际，就是一个指挥者，一个建造者和一个用户。用户调用指挥者，指挥者调用具体建造者工作，建造者建造出具体的东西给用户。建造者模式我们在代码中经常用到...

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

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

上篇文章单例模式：https://blog.csdn.net/qq_23853743/article/details/1074515611什么是构造函数模式构造函数用于创建特定类型的对象一不仅声明了使用的对象，构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数，然后在里面声明自定义类型对象的属性或方法。在JavaScript里，构造函数通常是认为用来实现实例的，JavaScript没有类的概，但是有特殊的构造函数。通过new关键字来调用自定义.

2020-07-20 22:23:20 4378 20

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

目录1 什么是单例模式？2单例模式的作用和注意事项3代码实现4案例应用4.1 使用单例模式管理命名空间4.2 使用单例模式为不同命名空间的button按钮添加click事件，并且使他们之间能够互相通信1 什么是单例模式？单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访...

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

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

1 效果演示地址：https://www.albertyy.com/2020/7/codeRain.html2 用到的知识点2.1 什么是 canvas标签?<canvas> 是一个HTML5中新增的元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成绘制图像。<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。2.1.1创建一个画布（Canvas）<canvas>实例:<canvas id="...

2020-07-18 22:05:34 5020 19

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

闭包（closure）是Javascript语言的一个难点，闭包是一个函数与周围状态（词法环境）的引用捆绑在一起（封闭）的组合，在JavaScript中，每次创建函数时，都会同时创建闭包。闭包是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰，即形成一个不销毁的栈环境。阅读本文前需要了解JS局部变量和全局变量。不清楚的可以看我的上篇文章：https://blog.csdn.net/qq_23853743/article/details/1069461001 计

2020-07-18 16:44:36 9214 51

原创纯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>标签在html中，<label>标签通常和<input>标签一起使用，<label>标签为input元素定义标注（标记）。label 元素不会向用户呈现任...

2020-07-15 07:25:06 5882 25

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

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #main { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .

2020-07-14 06:49:14 5798 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 6440 22

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

1.什么是LuceneApache Lucene是完全用Java编写的高性能，功能齐全的，全文检索引擎工具包，通过lucene可以让程序员快速开发一个全文检索功能。1.1什么是全文检索在我们的生活中数据总体分为两种：结构化数据和非结构化数据。结构化数据：指具有固定格式或有限长度的数据，如数据库，元数据等。非结构化数据：指不定长或无固定格式的数据，如邮件，word文档等。非结构化数据又叫全文数据。当然有的地方还会提到第三种，半结构化数据，如XML，HTML等，半结构化数据可以.

2020-07-11 17:55:11 7738 53

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

1、Java 反编译器JD-GUIJD-GUI 是一个用 C++ 开发的 Java 反编译工具，由 Pavel Kouznetsov开发，支持Windows、Linux和苹果Mac Os三个平台。而且提供了Eclipse平台下的插件JD-Eclipse、IntelliJ的插件JD-IntelliJ。JD-GUI不需要安装，直接点击运行，可以反编译jar,class文件。官方网站：http://java-decompiler.github.io/2.JD-Eclipse下载JD-..

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

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

效果：代码实现：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Loading</title> <style> * { margin: 0em; padding: 0em; } .loader { position: absolute; to...

2020-07-02 14:41:22 2749

AlbertYang的博客