博客园贴边打赏

前言 玩博客园到网上找各种美化博客和主题啥的,虽然找到一些好玩的东西。这个打赏我一开始也是用的别人现成的,但是越来越觉得过于复杂。还是自己研究研究,搞个简单版本吧。 同时也多多练习练习自己的前端编码能力吧,虽然我是个后端程序猿,不过不影响我向全栈发展,哈哈。 贴边打赏 美化二维码 首先需要在微信和支 ...

JavaScript 面向对象TAB栏切换

功能要求: 点击 tab 栏,可以切换效果. 点击 + 号,可以添加 tab 项和内容项. 点击 x 号,可以删除当前的 tab 项和内容项. 双击tab项文字或者内容项文字,可以修改里面的文字内容. 代码实现: Obj_TAB.html(复制并保存为html文件,打开即可见效果): <!DOCTY ...

leaflet中如何通过透明度控制layerGroup的显示隐藏

最近在leaflet开发过程中,遇到地图数据需要按时序播放的需求,处理思路是将每个时间节点的要素添加到layerGroup中,然后通过切换layerGroup的显示隐藏来实现效果。翻看leaflet的API文档,发现leaflet中没有直接控制layerGroup显示隐藏的方法,那如何来实现laye ...

pdf转图片并下载

一、实现效果 选择本地 pdf 文件上传,会生成 pdf 文件的预览,点击保存功能。 二、所用插件 pdf文件相关的文件处理插件:pdfjs-dist@2.3.200 zip压缩文件相关的包: jszip@3.5.0 文件保存下载相关的包:file-saver@2.0.2 三、相关代码 vue 中测 ...

js的对象

js的对象 1. new关键字 // 构造函数的语法格式 function 构造函数名() { // 构造函数名字首字母要大写(规范) this.属性 = 值; this.方法 = function() {} } new 构造函数名(); // 例子 function Star(uname, age ...

html5 拖拽及用 js 实现拖拽

1. HTML5 拖拽 1.1 相关知识 拖拽元素:可以为元素添加 draggable="true"来让元素能够被拖拽。 拖拽元素的事件监听:(应用于拖拽元素) ondragstart当拖拽开始时调用 ondragleave 当鼠标离开拖拽元素时调用 ondragend 当拖拽结束时调用 ondra ...

JavaScript 常见移动端网页特效

1. 触屏事件 1.1 触屏事件概述 移动端浏览器兼容性较好,不需要考虑 JS 的兼容性问题。但是移动端也有自己独特的地方,比如触屏事件touch(触摸事件),Android 和 IOS 都有 touch对象代表一个触摸点,触摸点可能是一根手指,也可能是一根触摸笔 触屏事件可响应用户手指(或触控笔) ...

JavaScript 移动端轮播图

代码实现: mobileAutoPlay.html(复制并保存为html文件,打开并切换为移动端显示,即可见效果): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conten ...

JavaScript 常见PC端网页特效

1. 元素偏移量 offset 1.1 offset 概述 offset翻译过来就是偏移量,使用offset系列相关属性可以动态得到该元素的位置(偏移)、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 返回的数值都不带单位 1.2 offset 系列常用属性 1.3 off ...

JavaScript DOM初学笔记

1. DOM简介 1. 1 什么是DOM 文档对象模型(Document Object Model,简称 DOM),是 W3C组织推荐的处理可扩展标记语言(HTML 或者XML)的标准编程接口。 1.2 DOM树 **文档:**一个页面就是一个文档,DOM中使用 document 表示 元素:页面中 ...

谈"this"

首先,很多人对this有两个误解 1.this指向的是当前函数本身 什么意思呢,下面看一段代码。 1 function func(){ 2 this.a ++; 3 } 4 5 var a = 0; 6 func.a = 0; 7 8 for(let i = 0; i < 5; i++){ 9 fu ...

123···170>