首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS事件

    想要知道这些事件是在什么时候进行调用的,就需要了解一下“事件”的概念。 事件 事件描述的就是从页面中接收事件的顺序。...而早期的IE和Netscape提出了完全相反的事件概念,IE事件是事件冒泡,而Netscape的事件就是事件捕获。...绑定方式有如下两种 行内绑定(内联模型): 通过在JS中选中某个节点,然后给节点添加onclick属性 "btnClick()">按钮 function btnClick(){...console.log("hello"); } script> 复制代码 动态脚本: 通过在JS中选中某个节点,然后给节点添加onclick属性 "btn">按钮 var btn =...要创建的自定义事件可以由createEvent("CustomEvent"); 返回的对象有一个initCustomEvent()方法接收如下四个参数。 type:字符串,触发的事件类型,自定义。

    8.3K20

    JS事件

    而事件描述的是从页面接收事件的顺序。 有意思的是,当时不同的开发团队对于事件提出了完全相反的概念,主要分为IE事件——冒泡,Netscape Communicator事件——捕获。 1....事件冒泡 “IE的事件叫做事件冒泡,即时间最开始由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档)。 例: <!...DOM 事件 “DOM2级事件”规定的事件包括三个阶段: 事件捕获阶段 处于目标阶段 事件冒泡阶段 首先发生的是事件捕获,为截获事件提供了机会,然后实际目标接收到事件,最后阶段是冒泡阶段,此阶段可以对事件作出响应...DOM事件 在 DOM 事件中,实际目标(div)在捕获阶段不会接收到事件,意味着在捕获阶段事件从 document 到 html 再到 body 就会停止。...点击下面链接 查看历史文章 git 基础操作 js处理微信分享配置 小程序生命周期

    5.8K10

    pdf.js预览pdf文件(base64)

    1、前言: 新接手一个老项目,需要改造pdf文件的预览效果,接口直接返回的pdf文件文件base64字符串,前端只能拿到base64来进行预览。...pdf.js是一款非常优秀的pdf解析工具,但不支持直接预览文件,这里需要对pdf.js稍微改造。...,放在webapp下面,我把下载以后的文件解压重新命名为pdfjs文件夹,如图  3、保存pdf文件 我这里是一个接口返回包括内容详情,图片,pdf文件等所有内容,点击一条pdf记录,跳转打开新的标签页进行预览...因此把接口返回的pdf文件base64编码先本地缓存.跳转到我们下载的pdf文件夹里面的【viewer.html】文件。...打开pdfjs/web下的viewer.html文件,添加js代码,对base64进行处理。

    15.6K21

    文件文件

    文件文件 1....文件 文件的分类: 根据功能分为:输入流(读取文件) 和 输出(写入文件) 根据操作内容:字符(读取字符数组) 和 字节流(读取字节数组) 字节输入流,字节输出,字符输入流,字符输出...=-1); //文件是必须要关闭的(像水管子一样) is.close(); 利用字节输出实现文件的写入 //利用字节输出实现文件内容的写入(OutputStream 接口的FileOutputStream...(info.getBytes()); //写入完毕后,关闭 os.flush(); //清空缓存区 os.close(); } 利用字节输入流和字节输出实现文件的拷贝 //利用字节输入输入输出...(只能读取字符文件的信息) //使用字符读取文件 public static void testReader() throws Exception{ //创建文件对象 File file =

    3K20

    js事件机制

    什么是事件 在JavaScript中事件是指一个事件沿特定数据结构传播的一个过程。整个事件总共包含三个阶段(从dome2来说):1.事件捕获阶段、2.处于事件目标阶段、3.事件冒泡阶段。...下面我们来看一个图,只要是谈到事件都会看到的一个图: ?...从这个图里面我们可以清晰的看到整个事件的执行过程,首先是从window开始,一步步的从上向下执行,此过程就是事件捕获阶段,当到达了事件的位置以后则处于事件目标阶段,之后会在向上冒泡,进入事件的冒泡阶段...触碰完成以后再把手拿出来,正好是一个相反的过程,这就与我们的事件机制是一个道理。 事件绑定 下面来看一下下面这个示例代码: <!

    1.5K20

    【C++】输入输出 ⑨ ( 文件 | 文件输入输出 | 继承结构 | 文件输入输出对象 | 文件打开与关闭 | 创建文件对象同时指定参数打开文件 | 调用文件 open 函数打开文件 )

    文章目录 一、文件输入输出 1、文件输入输出简介 2、继承结构 3、文件输入输出对象 二、文件打开与关闭 1、文件打开 2、创建文件对象同时指定参数打开文件 3、调用文件对象 open 函数打开文件...4、关闭文件 三、Visual Studio 2019 中创建文件 一、文件输入输出 1、文件输入输出简介 文件 IO , 主要定义在 fstream.h 头文件中 , 该头文件中定义了以下三个类...输入 / 输出 相关的继承结构如下图所示 : 3、文件输入输出对象 标准的 输入输出 操作的是 显示器 和 键盘 这两个标准默认设备 , C++ 中预先定义了 cin 输入流对象 接收 键盘输入数据...创建文件输出对象并打开文件 : // 创建 文件输出 对象 // 1....第二种方式 文件输出 // 创建 文件输出 对象 并打开 // 1. 首先 , 创建 文件输出 对象 // 2.

    35510

    Node.js 编程

    在 Node.js 中可以通过 buffer.constants.MAX\_LENGTH 查看某套开发环境最多可支持多少字节的缓冲区。.../main.js ./test.txt 就可以把 test.txt 文件压缩成 .gz 格式的压缩包了。...Node.js 平台里面每一种对象,在类型上都属于下面这四个基本抽象类中的一个,这些类是由 stream 核心模块提供的:ReadableWritableDuplexTransform每个 stream...ReadableOptions 接收的 options 参数可能会有这样一些属性:encoding: 表示对象按照什么样的编码标准,把缓冲区的数据转化成字符串,它的默认值是 null;objectMode...假如我们要实现这样一种 Writable 接收下面这种格式的对象:{ path: content: }每收到这样一个对象,我们就会把 path 所指的路径下创建一份文件

    17610

    Node.js 源码解读之可读

    的历史演变 不是 Node.js 特有的概念。它们是几十年前在 Unix 操作系统中引入的,程序可以通过管道运算符(|)对流进行相互交互。...在 Node 中,我们使用传统的 readFile 去读取文件的话,会将文件从头到尾都读到内存中,当所有内容都被读取完毕之后才会对加载到内存中的文件内容进行统一处理。...这样做会有两个缺点: 内存方面:占用大量内存 时间方面:需要等待数据的整个有效负载都加载完才会开始处理数据 为了解决上述问题,Node.js 效仿并实现了的概念,在 Node.js 中,一共有四种类型的...那么 Node.js 是怎样实现基于 EventEmitter 创建实例的呢?...总结 Node.js 为了解决内存问题和时间问题,实现了自己的,从而可以将数据一小块一小块的读到内存里给消费者消费 并不是 Node.js 特有的概念,它们是几十年前在 Unix 操作系统中引入的

    2.1K10

    使用RESTful 创建文件接收 API

    文件「文本、文档、图片等等」是一个服务器不可缺少的部分,在 使用 Flask 创建 RESTful 服务 介绍了如何使用 Flask 创建一个支持 RESTful API 的服务器。...这篇文章介绍如何使用 RESTful API 来完成文件接收,并将文件保存在静态目录下。...以下是文件接收的代码「这是实现的是图片的接收」: parse = reqparse.RequestParser() parse.add_argument('image', type=werkzeug.datastructures.FileStorage...以上代码实现通过参数传输图片上传至服务端,在服务端以文件的方式读取文件并将文件保存到服务器的静态文件目录下。 以下是通过 Postman 测试文件上传 API 的配置方式。 ?...在 Anddroid 下是使用 Retrofit 来完成文件的上传示例代码如下: public class Server { private static final String TAG = "

    2K10

    分享:纯 css 瀑布js 瀑布

    博客地址:https://ainyi.com/60 分享一次纯 css 瀑布  和 js 瀑布 纯 css 写瀑布 1.multi-columns 方式: 通过 Multi-columns 相关的属性...看到这里,我们可以发现,使用纯 css 写瀑布,每一块 item 都是从上往下排列,不能做到从左往右排列: ? 这样子若是动态加载图片的瀑布,体验就会很不好 我们想要的是这样: ?...这样做只能通过 js 来写瀑布 js 写瀑布: html 结构与上面类似,这里我用图片来做示例: 1 2 <...100% { 25 transform: scale(1.07); 26 } 27 } js...瀑布实现方式: css 的绝对定位方式:根据每张图片的位置设置 top 和 left 值: 1 //瀑布效果 2 //这里有一个坑(已经修复): 3 //因为是动态加载远程图片,在未加载完全无法获取图片宽高

    8.9K40
    领券