文章 2024-07-02 来自:开发者社区

Android端使用WebView注入一段js代码实现js调用android

需求:为网页上个链接增加点击事件,但是这个链接无法增加js代码 url:http://public.rongcloud.cn/view/D4F444BE2D94D760329F3CF38B4AE35C 网页截图: 需要给“投融资讯“四个字设置点击事件 但是观察源码 ...

文章 2024-06-06 来自:开发者社区

80 行 JS 代码实现页面添加水印:文字水印、多行文字水印、图片水印、文字&图片水印

80 行 JS 代码实现页面添加水印:文字水印、多行文字水印、图片水印、文字&图片水印 一、水印概括 1. 添加水印的好处 信息标识: 水印可以用于标识文档的所有者、保密级别、状态或其他相关信息,帮助用户更好地理解文档内容的属性。 版权保护: 在文档中添加水印可以帮助保护内容的版权,防止他人未经授权地复制、转载或篡改内容。 安全保护...

80 行 JS 代码实现页面添加水印:文字水印、多行文字水印、图片水印、文字&图片水印
文章 2022-12-13 来自:开发者社区

前端工程师学 docker 看这个就够了

前言虽然是做前端的,但是有时候也会做一些和前端不太相关的事儿。最近在工作中用到了 docker,配合运维同学为自己的node项目创建了一个 docker 镜像。然后我的项目就可以轻松的跑在服务器上了。这也是我认为 docker 最好用的地方(因为别的还不知道哈),不用担心环境的问题。以前可能会出现代码在自己的机器上跑的贼6,到了服务器就跪,大部分情况是环境导致。有了 docker 就可以让你的环....

前端工程师学 docker 看这个就够了
文章 2022-11-27 来自:开发者社区

js代码实现倒计时秒杀的效果

js代码实现倒计时秒杀的效果实际项目中,需求一个倒计时秒杀功能,每天下午6点后,计算距离第二天上午10点的小时、分钟、秒数,计时到第二天上午10点后开启抢购功能;代码如下<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>...

文章 2022-05-31 来自:开发者社区

Html5+CSS3+JS代码实现圣诞节动态表白特效,祝你成功

一、前言临近平安夜、圣诞节的到来,又是一波大好表白时机!身边的同学马上就要动手了,还不快行动起来,程序员也有属于我们的浪漫!这篇文章使用前端三大技术Html5、CSS、Js来实现圣诞动态表白特效。二、表白特效演示及源码1、圣诞表白特效 圣诞表白特效:仅含有一个HTML文件即可实现,可修改在一起的时间、表白美句等html代码: <!doctype html> <html> ....

Html5+CSS3+JS代码实现圣诞节动态表白特效,祝你成功
文章 2022-05-17 来自:开发者社区

【70行JavaScript代码实现除夕夜倒计时 零基础也能学会~

70行代码实现除夕夜倒计时 零基础也能学会~引言2022年就要到啦,现在距离过年仅剩20余天,那利用技术制作一个简单的倒计时页面,这个主意不错,开干~效果图技术栈使用到了前端的技术,HTML+CSS+JavaScript,定时去刷新代码index.html<!DOCTYPE html> <html lang="en"> <head> <meta ...

【70行JavaScript代码实现除夕夜倒计时 零基础也能学会~
文章 2022-05-12 来自:开发者社区

图解JavaScript——代码实现【2】(重点是Promise、Async、发布/订阅原理实现)

本节主要阐述六种异步方案:回调函数、事件监听、发布/订阅、Promise、Generator和Async。其中重点是发布/订阅、Promise、Async的原理实现,通过对这几点的了解,希望我们前端切图仔能够在修炼内功的路上更进一步。一、六种异步方案1.1 回调函数异步编程的最基本方法,把任务的第二段单独写在一个函数里面,等到重新执行这个任务的时候,就直接调用这个函数。优点:简单、容易理解和实现....

图解JavaScript——代码实现【2】(重点是Promise、Async、发布/订阅原理实现)
文章 2022-05-12 来自:开发者社区

图解JavaScript——代码实现(Object.create()、flat()等十四种代码原理实现不香吗?)

使用思维导图来对new、instanceof、Object.create()、Object.assign()、map()、filter()、reduce()、flat()、call()、apply()、bind()、防抖、节流、深拷贝的实现原理进行阐述,然后利用js代码进行实现,为前端切图仔在求职工作中再添一门武功秘籍,提升自身内功。本节为第一节,后面将继续探索Promise、Async、Axi....

图解JavaScript——代码实现(Object.create()、flat()等十四种代码原理实现不香吗?)
文章 2022-05-09 来自:开发者社区

前端 JavaScript 之『节流』的简单代码实现

前戏首先,总结一下上一篇文章——《前端 JavaScript 之『防抖』的简单代码实现》的内容:「防抖」就是在高频率触发事件停止触发后,延时执行某个处理逻辑。防抖虽然在一定程度上对性能起到了优化效果,但是,我们也要看到它的局限性:如果高频率事件一直触发,那么回调函数中的逻辑就一直得不到执行。大家都知道,掘金的编辑器带有草稿箱的效果,即你输入的内容会保存下来,即使我们退出编辑器页面了,再次进入还是....

前端 JavaScript 之『节流』的简单代码实现
文章 2022-05-09 来自:开发者社区

前端 JavaScript 之『防抖』的简单代码实现

前戏 经过上一篇文章的总结,我们知道:短时间内高频率地触发事件,可能会导致不良后果。具体到我们开发界来说,如果数据一致处于一种高频率更新的状态,那么可能会引发的问题如下:前后端数据交互频率过高,导致流量浪费。界面高频率渲染更新,引发页面延迟、卡顿或假死等状况,影响体验。在进入正题之前,我们先来看下面这个例子:&lt;form action="" class="example-form"&gt; ....

前端 JavaScript 之『防抖』的简单代码实现

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注