Damao

实现代码class WaterMark { constructor(text = "", options = {}) { // 默认样式 const defaultStyles =

2023-03-31 JavaScript

水印

原理利用pointer-events属性设置元素是否对鼠标事件做出反应实现代码可以延申加入自定义动画<button class="save-button" onclick="console.log('保存')">保存</

2023-02-18 CSS

CSS

观察者模式观察者模式（Observer Pattern）观察者模式定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，并自动更新。观察者模式属于行为型模式，行为型模式关注的是对象之间的通讯，观察

2023-02-15 Damao

禁止键盘 F12document.addEventListener('keydown', event => { return 123 !== event.keyCode || event.returnValue = false

2023-02-07 浏览器

devtools 开发者工具

1、Promise.allPromise.myAll = function (promises) { return new Promise((resolve, reject) => { // promises

2023-02-07 JavaScript

JS JavaScript

AJAX AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML） AJAX最主要的两个特性：在不重新加载页面的情况下发送请求给服务器；受并使用从服务器发来的数据AJAX请求的五个

2023-02-06 JavaScript

Axios AJAX Fetch

笛卡尔乘积定义笛卡尔乘积是指在数学中，两个集合X和Y的笛卡尔积（Cartesian product），又称直积，表示为X×Y，第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员。假设集合A={a, b}，集合B={0,

2023-01-12 JavaScript

笛卡尔乘积

HTML拖拽API备忘清单事件 on事件处理程序触发时刻 drag ondrag 当拖拽元素或选中的文本时触发 dragend ondragend 当拖拽操作结束时触发 (比如松开鼠标按键或敲“Esc”键) drage

2023-01-11 HTML API

HTML拖拽

本文摘自一下文章阮一峰的网络日志如何不靠运气致富致富与杠杆美国风险投资家 Naval Ravikant 有一个很有名的长推特，一共40条，题目叫做《如何致富，不靠运气》，谈了他的商业观。和菜头翻译过中文版。另外，Naval Rav

2023-01-10 碎碎念

碎碎念

入门介绍 Vue 是一套用于构建用户界面的渐进式框架 Vue 3.x 官方文档 (cn.vuejs.org) Vue Router 4.x 官方文档 (router.vuejs.org) Vue 2 官方文档 (v2.cn.vuejs.or

2022-12-29 Vue

滚动条不占位 overlay属性 html { overflow-y: overlay; } 在CSS中将颜色定义为变量 :root { --main-color:#06c; } #foo

2022-12-07 CSS

CSS

向开源项目提交PR步骤Fork原项目到自己的仓库中 fork是’分叉’、’复制’的意思，fork可以复制出一个仓库的新拷贝，包含了原有库中的所有提交记录 fork后这个代码库是完全独立的，可以在自己的库中做任何修改，也可以向原来的库提交合并

2022-12-07 Github

git Pull request