前言 Hexo Next 主题自带的代码块功能,没有复制功能,很不方便。 经过一番查找后,在主题的 Issues 中找到了解决方案,这里记录下。 下载 需要下载 clipboard.js 主页 Github 提供下载 clipboard.min.js 将下载的文件存到如下目录:(相对目录为工程目录,没有目录则创建) 1 .\themes\next\source\lib\zclip\clipboard.min.js 导入 新建文件 custom.js ,目录如下:(相对目录为工程目录) 1 \th
Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包,解压后把文件夹中两个文件:ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的项目中。 然后把在你要使用复制功能的页面中引入Zero Clipbo
最近对博客做了一些改动,比如重新展示了文章页面的文档表单导航,风格参考了 vitepress 的显示效果,同时也给文章页面的代码块添加了复制代码和显示代码语言的功能,参考的显示效果是 ChatGPT 网页输出。
本篇博文是《从0到1学习安全测试》中漏洞复现系列的第二篇博文,主要内容是分析 Typora 出现 XSS 漏洞的原因,对该漏洞进行复现,并在多场景中进行实现,往期系列文章请访问博主的 安全测试 专栏;
上节之后有粉丝私聊觉得,平台右上角的“主页/退出” 按钮已经过时。所以我们本节首先来优化下。
代码主要参考自这篇:为网站代码块pre标签增加一个复制代码按钮代码_普通网友的博客-CSDN博客_pre js
远程屏幕共享用于各种应用程序和服务,从网络会议到远程访问应用程序。二线工程师可以使用它来协助一线的同事,或者技术支持专家可以使用它来准确了解到客户的故障现象。
大家好,我是一个闲着没事热衷于重复造轮子的不知名前端,今天给大家带来的是一个代码在线编辑预览工具的实现介绍,目前这类工具使用很广泛,常见于各种文档网站及代码分享场景,相关工具也比较多,如codepen、jsrun、codesandbox、jsbin、plnkr、jsfiddle等,这些工具大体分两类,一类可以自由添加多个文件,比较像我们平常使用的编辑器,另一类固定只能单独编辑html、js、css,第二类比较常见,对于demo场景来说其实已经够用,当然,说的只是表象,底层实现方式可能还是各有千秋的。
在详情页面我是用 WebView 展示的,我想实现的交互是,点击 WebView 的内容跳转另一个页面。实现过程是,让 HTML 代码调用 JavaScript 代码,再让 JavaScript 代码调用 Android 的代码,下面看看如何实现。
在介绍项目列表之前,先让我们热热身,做一个各个页面都会出现的 右上角返回主页按钮,这里会学习到一些css属性和js的使用。 在之前的章节中,我们规定home.html 作为我们的主页。那么我们给其他人分享的平台地址应该是:你的ip:8000/home/
在现代网页开发中,使用新技术和标签来提升用户体验是非常重要的。今天,我们就来聊聊如何利用HTML5的<dialog>标签来实现一个简洁实用的分享链接功能。
近期,有建网站客户要求实现在自己的手机网站上实现点击复制微信号并自动打开微信加好友的功能。怎么在自己建网站时,制作出这样的点击复制微信号并自动打开微信加好友功能呢?
前言 【音乐博客】上线啦! 为什么会想到写文档了呢? 因为一个项目如果没有文档的话,对接难度增加,其次也方便自己看自己的代码,士别三日,代码当刮目相待,方便他人,更方便自己 启发:还是因为同事最近在研究饿了么,然后顺道发现饿了么的文档是跟代码的组件绑在一起,想要抽离出其文档,结果发现耦合性太高,也想着自己的项目也应该有个文档,于是受到启发后,去了解一下发现vuepress还是挺不错的,md写文档 最近一直在二次封装饿了么组件,封装好之后可放在vuepress文档上 网站效果样式 六个方面 1. 下载vu
将 Matomo 跟踪添加到您的 Google 跟踪代码管理器非常简单。本指南为 Matomo 云客户和 Matomo 本地用户解释了入门所需的所有步骤。
但是,要使document.execCommand(‘copy’)生效,要满足如下几点:
从事:Python,前端,Java,C,C++, R ,Javascript,C#, Matlab , Swift , Go ,数据库等领域的都适合。
前言 jQuery 是一个轻量级的”写的少,做的多”的 JavaScript 库。极大地简化了 JavaScript 编程 jQuery 库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 环境准备 在网页中使用 jQuery 可以使用以下方法: 从 jquery.com 下载 jQuery 库 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery j
setCapture函数的作用就是将后续的mouse事件都发送给这个对象,releaseCapture就是将鼠标事件还回去,由 document、window、object之类的自行来处理。这样就保证了在拖动的过程中,不会由于经过了其它的元素而受到干扰 – 另外,还有一个很重 要的事情是,在Win32上,mouse move的事件不是一个连续的,也就是说,并不是我们每次移动1px的鼠标指针,就会发生一个mousemove,windows会周期性检查mouse 的位置变化来产生mousemove的事件。 所以,如果是一个很小的页面对象,比如一个直径5px的圆点,如果没有setCapture和 releaseCapture,那么在鼠标按住之后,快速的移动鼠标,就有可能鼠标移动走了,但是小圆点还在原地,就是因为下一次的mousemove事 件已经不再发给这个圆点对象了。
作为开发人员,我们应该知道一些开发工具和网站来提高工作效率。今天就给大家推荐小编自己开发的拼接字符串工具网站(www.loveshanstudio.com),可进行数组拼接、尾部换行、尾部空格,用于SQL语句拼接成java、JSP和HTML标签拼接成JS等场景。小编在开发过程中,是比较经常用到的。希望对你有所用处,提高你的开发效率。下面给大家介绍如何使用。
先让用户刷新再复现一遍,保持一直打开console的状态下操作。再手把手截图指导,如何打开console切到哪个面板,再让对方截图,结果是这样的报错:
Awescnb 是一款基于 vite 和 webpack5 ,构建、安装、切换的博客园皮肤。界面简单干净,集成到 Cnblog 步骤也十分简便,只需要几步就能在你的博客园快速安装皮肤。
说起 CSS 命名规范,大家应该都很熟悉,或者应该听说过 BEM 。BEM 是由 Yandex 团队提出的一种 CSS Class 命名方法,旨在帮助开发人员创建更好的且结构一致的 CSS 模块。
想自定义option的样式,很多人会建议用 标签来辅助同步操作与值
自从有了 Markdown, 我就再没用过富文本编辑器,因为 Markdown 的书写有一种心流的感觉。很多博客平台都支持 Markdown 了,即便是不支持,也没关系,可以通过 mdnice 或者 Md2All 转成富文本的格式。
指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。 例如:
由于我需要将一段文本中的链接全部清理掉,网上并没有找到相应的工具,还不如自己做一个。
我和她第二次相识,为什么这么说呢?因为如果有一个人跟你从小就认识,一起玩了很多很多年,突然有一天消失了。然后又过了将近十年才再次出现,此时的她无论是样貌还是性格都和曾经完全不一样,你甚至觉得她就像换了一个人,不敢想象这十年她经历了什么。但是你依然保留着那份对她“化成灰都认识的”熟悉的初心,重新接触后便可以说第二次相识。而让你想不到的是,她现在居然摇身一变,成为了一名测试工程师...
首先要注册github账户 访问下面的网址 https://github.com/ 点击Sign up for GitHub 按钮注册
在现代的Web应用开发中,与Excel文件的导入和导出成为了一项常见而重要的任务。无论是数据交换、报告生成还是数据分析,与Excel文件的交互都扮演着至关重要的角色。本文小编将为大家介绍如何在熟悉的电子表格 UI 中轻松导入 Excel 文件,并以编程方式修改表格或允许用户进行编辑,最后使用葡萄城公司的纯前端表格控件SpreadJS组件它们导出回 Excel 文件。
了解浏览器器插件,这里专指 Chrome Extension(CE)的基本知识和运行原理
大家好,我是喵喵侠,是一名前端开发。在日常开发的过程中,我经常会遇到各种问题,以往最常见的解决方式是借助搜索引擎,来寻找问题的解决办法。这种方式虽然大部分情况下能解决问题,但搜索和筛选还是需要花费不少精力的,搜索关键词不对,还得反复尝试。现在有腾讯混元大模型就方便多了,你能够通过自然语言描述,向大模型表达你的问题和需求,随后等待片刻,就能得到你想要的答案,这样就节省了大量搜索的时间,十分方便。我会在本篇文章中,先为大家介绍腾讯混元大模型的能力,然后按照我的平日的使用习惯,分享我之前的提问案例,最后会带来一个完整的开发实战小项目,相信看完本文的你一定会有所收获。
在文章中插入大量无意义内容一不美观,二不便复制,不如使用 js 创建隐藏内容的复制按钮吧。
JavaScript 代码多文件混淆加密可以有效保护源代码不被他人轻易盗取。虽然前端的 JS 无法做到纯粹的加密,但通过一系列的混淆操作,可以让源码变得难以阅读,增加他人复制的难度。强烈推荐您试一试 ipaguard代码加密工具,它能够为您的代码提供更强的保护。
有时候,只是为了一行数据,用户超级多,命名非常乱,一个一个整理,还要汇总为总表,可想而知,管理员得有多么地抓狂。
在asp.net的web应用系统中导出申请表等文档 在实际管理系统中,经常需要导出申请表,而这种申请表在系统投入使用之前就已经有。这是传统的doc文档。一般需求方都会提供这样的文档给开发团队,如何把信息导出成这样的一个标准的doc文档呢? 可以按以下的步骤走: 1. 用word打开doc文档,并另存为“筛选过的网页”,目的是得到对应这个申请表的html代码。 2. 用记事本打开这个html页面,并复制里边的代码。 3. 在系统中做一个这样的aspx页面,并把html的代码复制到里边。这时候,在Visual
随着浏览器的日益壮大,浏览器自带的功能也随着增多,在 Web 开发过程中,我们经常会使用一些 Web API 增加我们的开发效率。
使⽤typeof操作符获取基本数据类型 遇到引用类型的话 处理的就是对象
但是在小程序中需要注意,图片尽量不要放在项目中,因为在最后上传项目时大小不能超过8MB。
微信已经成为我们日常聊天联系基本的必备工具,所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博等,就是在页面的config接口注入权限验证配置好就ok!
在用Word写技术文档的时候,免不了要在文档中插入一些源代码。为了使插入进来的源代码更可读,就需要使这些代码的关键字高亮显示。所以在写这些文档的时候,我经常需要再开一个Visual Studio,在Visual Studio里编辑好代码之后,复制到Word里面,Word会帮助我们保留代码的格式,达到关键字高亮的效果。
除了WijmoJS 的可视化在线设计器之外(在这里阅读基于Web的WijmoJS Designer),我们刚刚发布了针对Angular开发的Visual Studio Code的设计器。 在HTML文件中,它在代表WijmoJS纯前端控件的每个标记上方插入CodeLens链接。单击该链接可在单独的选项卡中打开Wijmo Designer,并根据关联的标记对其进行初始化。用户在设计器中进行更改后,只需单击一下,就可以使用修改后的Angular标记更新原始HTML文件。
本文编程笔记首发 资源网平时需要一些下载的文件之类,做个下载按钮,方便使用。 复制css代码放置公共css中,将html放到文章需要显示下载的地方即可。 需要几个下载按钮,都可以,自行复制或删除a标签。
我们的这个系列已经进行了长达12章成品预览和40章纯开发章节,但是基本还没做过完全一点的测试修复bug章节,每次新开发的功能也仅仅停留在单元/函数层面上的自测。
Bootstrap 是由 Twitter 公司开发维护的简洁、直观、强悍的前端开发 UI 框架,它提供了大量编写好的 CSS 样式,允许开发者结合一定HTML 结构及JavaScript,快速编写功能完善的网页及常见交互效果,让web开发更迅速、简单。
博客美化: 1.添加分享按钮 左侧侧边栏添加分享按钮,效果图如下: 1.生成分享按钮的代码 到分享按钮的设计网站http://www.jiathis.com/ 生成代码 可以自定义生成代码,也可
你肯定处理过很多的事件监听,比如点击事件或者表单提交。事件监听对许多用例来说很有帮助,但是有时我们需要创建自己的自定义事件来处理复杂的交互。在这片短文中,我将告诉你有关创建自定义事件,侦听自定义事件以及创建双击自定义事件所要了解的内容。
领取专属 10元无门槛券
手把手带您无忧上云