wx5efde04e640b7的博客_React,响应式布局,CSS3视频动画

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

<!DOCTYPE html><html> <head>

checkbox

复选框

css

flex

自定义样式

原创 2022-01-27 14:04:23 360 阅读

纯Css实现加载动画效果

效果：代码实现：<!DOCTYPE html><...

css3

css

html

5e

原创 2022-01-27 13:51:10 432 阅读

Mac系统重置PostgreSQL密码

1.修改pg_hba.conf配置文件sudo vi /Library/PostgreSQL/10(写成你

psql

postgresql

重启

sql

原创 2022-01-27 13:50:56 1799 阅读

DIV+CSS实现自适应表格布局

效果：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css"&...

css

表格布局

html

5e

div+css

原创 2022-01-27 13:50:28 460 阅读

使用CSS3 +JS实现图片预加载的动画效果

效果图：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图片预加载</title> </head> <style> .content { width: 600px; margin: ...

图片预加载的动画效果

图片预加载

html

jquery

4s

原创 2022-01-27 13:50:28 501 阅读

通过拖拽改变图片大小

<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>通过拖拽改变图片大小</title> <link rel="stylesheet" href="//apps.bdimg.co...

css

js

html

jquery

jqueryui

原创 2022-01-27 13:50:28 273 阅读

搞懂JavaScript全局变量与局部变量，看这篇文章就够了

js

js全局变量和局部变量

es6

javascript

前端

原创 2022-01-27 13:50:27 22 阅读

Mac配置本地DNS服务器

目录1.安装Homebrew1.1官网1.2安装命令1.3可能出现的错误1.3.1解决方法11.3.2解决方法21.4常用命令2.安装Dnsmasq2.1安装2.2启动2.3重启2.4停止3.配置dnsmasq3.1修改配置文件：3.2添加自定义hosts文件dnsmasq.hosts3.3修改设备的DNS服务器作为一名WEB开发者，有些时候我们在进行本地开发测试的时候，我们需要在PC上会使用修改hosts的方式添加指向本地的域名，来访问网

配置本地DNS服务器

dnsmasq

Homebrew

dns服务器

解决方法

原创 2022-01-27 13:50:27 2372 阅读

mac系统卸载postgresql的方法

1.打开终端输入以下命令：open /Library/PostgreSQL/10/uninstall-postgresql.app2.删除postgresql文件夹 sudo rm -rf /Library/PostgreSQL3.在用户管理中删除postgresql的用户，系统偏好设置——》用户及用户组。...

postgresql

用户组

用户管理

其他

原创 2022-01-27 13:50:27 1048 阅读

JS中!function(){}()的理解

这种写法，是一种立即执行函数的写法，即IIFE等设计模式。这种函数在函数定义的地方就直接执行了。理解IIFE设计模式的关键是要认识到，在ES6之前，JavaScript仅具有函数作用域（因此缺少块作用域），并通过闭包内部的引用传递值。ES6之后情况已不再如此，因为JavaScript的ES6版本使用let和const关键字实现了块作用域。(function(){})()是匿名函数，主要利用函数内的变量作用域，避免产生全局变量，影响整体页面环境，增加代码的兼容性。(function(){})是一.

js

javascript

作用域

函数定义

其他

原创 2022-01-27 13:50:27 284 阅读

Lucene 8.5.2核心API

Lucene 8.5.2核心APIApache Lucene是一个高性能的全功能文本搜索引擎库。另请：说明配套包描述 org.apache.lucene 顶级程序包。 org.apache.lucene.analysis 文字分析。 org.apache.lucene.analysis.standard 快速，通用的基于语法的令牌生成器根据Unicode标准附件＃29中StandardTokenize.

lucene

java

后端

apache

analyzer

原创 2022-01-27 13:50:26 86 阅读

html+css实现选项卡效果

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } ...

css3

css

html5

html

前端

原创 2022-01-27 13:50:26 257 阅读

全文检索工具Lucene入门教程

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

lucene

lucene 全文检索搜索引擎

lucene 网络爬虫

搜索

数据

原创 2022-01-27 13:50:25 156 阅读

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

1. 效果演示地址：https://www.albertyy.com/2020/8/rotateImg.html2. canvas关于canvas的使用我在这篇文章中有简单的介绍，可以看一下。3. 代码实现<!DOCTYPE html><html> <head> <title>图片旋转：公众号AlbertYang</title>

canvas

html5

照片旋转任意角度

html

javascript

原创 2022-01-23 15:53:35 632 阅读

设计模式(1)—什么是设计模式？设计模式的六大原则是什么？

目录1.什么设计模式2.设计模式的发展3.设计模式6大原则 3.1 开闭原则3.2 里氏转换原则3.3 依赖倒转原则3.4 接口隔离原则3.5 合成/聚合复用原则 3.6 迪米特原则1.什么设计模式软件设计模式（Design pattern），又称设计模式，是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性

设计模式

设计模式六大原则

编程语言

javascript

java

原创 2022-01-23 15:53:13 116 阅读

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

目录1 效果2 用到的知识点 2.1 什么是 canvas标签?2.1.1 创建一个画布（Canvas）2.1.2 使用 JavaScript 来绘制图像2.1.3 Canvas 坐标2.1.4 需要用到的canvas 属性和方法详解2.2 JavaScript floor() 方法2.3 JavaScript random() 方法2.4 JavaScript ceil() 方法2.5 Win

代码雨

黑客帝国代码雨

canvas

js

css

原创 2022-01-23 15:51:51 481 阅读

十分钟实现节日祝福动画，CSS+JavaScript实现元旦祝福动画，祝大家元旦快乐

视频已同步到我的B站账号欢迎大家关注。https://space.bilibili.com/563010186参考代码HTML:<!DOCTYPE html><htm...

css3

html

javascript

css

i++

原创 2022-01-15 16:20:06 232 阅读

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

1什么是桥接模式Bridge模式允许两个组件，即客户端和服务一起工作，每个组件都有自己的接口。

设计模式

javascript

JavaScript桥接模式

桥接模式

输出设备

原创 2022-01-15 16:13:33 76 阅读

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

目录1 什么是工厂方法模式？2工厂方法模式作用3工厂方法模式参与者4 代码实现1 什么是工厂方法模式？

设计模式

js

JS工厂方法模式

工厂方法模式

工厂方法

原创 2022-01-15 16:13:21 41 阅读

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

目录1 什么是单例模式？2单例模式的作用和注意事项3代码实现4案例应用

js

设计模式

js单例模式

html

单例模式

原创 2022-01-15 16:12:59 23 阅读

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

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

js

设计模式

javascript

prototype

JS构造函数模式

原创 2022-01-15 16:05:40 65 阅读

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

目录1什么是建造者模式2 建造者模式的作用和注意事项3.代码实现

设计模式

js

js建造者模式

建造者模式

建造者

原创 2022-01-15 16:05:22 122 阅读

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

目录1. 以多种方式学习某个知识2. 每天学习多个科目，而不是只学习一个科目

更高效的学习

更聪明的学习

20种让你更高效学习的科学方法

新知识

思维导图

原创 2022-01-15 16:05:10 191 阅读

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

目录1 学习目标2 什么是抽象工厂模式？3 抽象工厂模式作用4工厂模式参与者

设计模式

js

js抽象工厂模式

抽象工厂模式

javascript

原创 2022-01-15 16:04:43 39 阅读

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.

js

文字左右滚动

跑马灯

html

jquery

原创 2022-01-15 16:01:41 802 阅读

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

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

设计模式

javascript

原型模式

html

创建对象

原创 2022-01-15 16:00:24 45 阅读

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

目录1 什么是适配器模式？2 参与者3 实例讲解4 其它应用5 总结1 什么是适配器模式？适配器模式是将一个接口（对象的属性和方法）转换为另一个接口。适配器允许编程组件协同工作，否则由于接口不匹配而无法协同工作。

js

设计模式

JavaScript适配器模式

适配器模式

协同工作

原创 2022-01-15 15:59:30 60 阅读

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

目录1 什么是装饰器模式？2 装饰器模式的主要参与者有哪些3 代码实现4 实例应用5ES7 中的 decorator6 总结1 什么是装饰器模式？装饰器模式模式动态地扩展了（装饰）一个对象的行为，同时又不改变其结构。

JavaScript装饰器模式

设计模式

装饰器函数Decorator

装饰器模式

html

原创 2022-01-15 15:50:25 95 阅读

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

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

设计模式

js

JavaScript外观模式

外观模式

html

原创 2022-01-15 15:49:55 56 阅读

不会吧不会吧，你不会还不知道这些提高JS代码质量的骚操作吧？

目录1 评价代码质量指标1.1 健壮性1.1.1 参数校验1.1.2 try, catch1.1

javascript

代码规范

设计模式

装饰器模式

状态模式

原创 2022-01-15 15:48:44 101 阅读

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

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

51CTO博客

wx5efde04e640b7的博客