Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
前端例程20211213:网页去色(以灰度形式显示)
文章目录 前言 实现与演示 前言 在每年的一些特殊的日子 比如公祭日等 很多网站会将页面整体去色以灰度形式显示 以示哀悼 这里将对网页中实现该功能进行简单说明 实现与演示 使用CSS的 filter grayscale 属性可以给元素添加灰
Web与JS相关
前端
css
去色
滤镜
Node.js入门 03:模块化规范 CommonJS 与 ES Module
文章目录 目的 CommonJS 基础使用 module 对象 require 方法 ES Module 混合使用 总结 目的 传统的用在网页中的JavaScript代码文件与文件之中的内容都是全局相互可见的 这对于大型项目特别是多人合作的
Web与JS相关
javascript
nodejs
ES Module
cjs
前端例程20220728:点击涟漪效果按钮
演示 原理 监听按钮点击事件 点击事件中获取点击位置 在点击位置生成一个元素作为水波 水波生成后通过扩散同时变透明 水波根据动画时间变透明后销毁 代码
Web与JS相关
前端
CSS3
javascript
前端例程20221011:文本动态组合
演示 原理 代码
Web与JS相关
前端
javascript
css
特效
前端例程20220920:纯CSS图片自动轮播效果
演示 原理 代码
Web与JS相关
css
前端
H5
图片轮播
前端例程20221227:下雪动画
演示 动图太大了不好上传 这里就放个静态图吧 实际上这里是雪花从上到下飘落的效果 代码
Web与JS相关
前端
使用SheetJS读写Excel文件
文章目录 目的 基础说明 读取 写入 总结 目的 项目中有一个Excel转JSON的工具 之前这个工具一直使用 Python 的 openpyxl 库来编写的 然后使用 pyinstaller 打包成 exe 文件 之前这个工具只是个命令行
Web与JS相关
Excel
python
开发语言
sheetjs
前端例程20211122:盐酸与氢氧化钠溶液中和pH计算工具
文章目录 前言 功能演示 代码实现 前言 偶然的一个同事的工作需要计算盐酸与氢氧化钠溶液中和滴定过程的pH值 这里稍微对这个计算功能的实现做下记录 功能演示 上图两个溶液体积滑动条变动后单位有误 下面代码中已修正 代码实现
Web与JS相关
前端
酸碱中和
pH计算
盐酸
前端例程20220914:带悬停动画登陆页面
演示 原理 对登陆框监听鼠标进入 mouseenter 和退出 mouseleave 事件 在鼠标进入时添加一个元素 并设置其扩大的动画 在鼠标退出时设置元素动画 并在动画完成后删除元素 代码
Web与JS相关
前端
动画
CSS3
登陆页面
精美简历生成器(Nice_Resume_Builder)
文章目录 前言 功能演示 后记 前言 写简历有时候是个比较麻烦的事情 不管是用Word还是用别的设计工具 如果内容经常需要修改的话 那么修改后通常有需要花时间去调整格式排版 这个过程令我烦躁 毫无意义的浪费时间 所以稍微花点时间弄了这个东西
Web与JS相关
简历
resume
cv
前端
前端例程20221012:宣纸材质背景
演示 原理 使用 background image 加载材质图片 材质图片使用半透明的灰度图像 使用 background color 进行染色 代码
Web与JS相关
前端
材质
羊皮纸
css
Koa笔记 01:基础入门
文章目录 目的 基础介绍 Koa Context Request Response 错误处理 总结 目的 Node js最基本的是用来搭建HTTP服务器使用 它内置的模块基本上可以满足基础的HTTP服务器功能 但是如果要实现比较完整的HTT
Web与JS相关
javascript
nodejs
koa
http
前端例程20220815:拟物风格复选按钮
演示 原理 本文要实现的按钮大致示意如下 观察者从正上方观看 写代码时主要处理光照以及近大远小等现象 代码
Web与JS相关
前端
css
复选按钮
电源开关
前端例程20220906:霓虹灯效按钮
演示 原理 按钮使用阴影实现发光效果 设置元素块加强外发光效果 设置为光标悬停时才显现 使用元素块定位到按钮下方 3D形变后进行模糊处理作为倒影 代码
Web与JS相关
前端
css
html
设计
前端例程20220818:边框跑马霓虹灯效按钮
演示 原理 按钮使用阴影实现外发光效果 按钮设置倒影效果 使用四个块元素以按钮为基础绝对定位到上下左右四边作为边框 通过给边框元素设置动画 并设置动画时间差以实现边框跑马效果 代码
Web与JS相关
前端
css
CSS3
Web
前端例程20220802:玻璃背光按钮
演示 原理 使用元素包裹按钮 按钮设置为玻璃质感 设置光标悬停动画 使用元素的before和after两个元素作为背景灯光 设置光标悬停动画 代码
Web与JS相关
前端
css
CSS3
Node.js笔记:SerialPort(串口)模块使用(基于9.x.x)
文章目录 目的 模块安装 基础使用 扫描端口 打开端口 发送数据 接收数据 错误处理 数据解析器 SerialPort类 构造方法 属性 事件 方法 命令行工具 总结 目的 上位机与各种电路模块间常常采用串口进行通讯 Node js中可以使
Web与JS相关
javascript
nodejs
串口通信
UART