HTML5简单的视频播放器举例
采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。 index.html 的代码如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <!– 引入字体图标 […]
HTML5详解（三）
Web 存储 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。 H5 中有两种存储的方式 1. window.sessionStorage 会话存储： 保存在内存
HTML5详解（二）
本文主要内容 拖拽 历史 地理位置 全屏 拖拽 在HTML5的规范中，我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作，其中图片、链接默认是开启拖拽的。 1. 拖拽元素 页面中设置了 draggable="true" 属性的元素。 举例如下： <!DOCTYPE html> <html lang=&
HTML5详解（一）
HTML5的介绍 Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1（严格的html） 2002 Tableless Web Design（表格布局） 2005 AJAX 2009 HTML5 2014 HTML5 Finalized 2002年的表格布局逐渐被淘汰，是因为
通过简单的css+js实现图片不弹窗浏览完整图片
效果 方法 1.添加css样式 <style> /* 初始状态 */ .enlarge { transition: all 0.2s ease-out; } /* 显示原图 */ .enlarge.fullsize { width: auto; height: auto; } </style> 这段 CSS 代码定义了一个名为 enlarge 的类，其中包含一个过渡效果的属
通过简单的css+js实现图片不弹窗浏览完整图片 阅读更多»
网络抓包和代理工具：Whistle
简介 Whistle 是基于 Node 实现的跨平台抓包调试工具，其主要特点： 完全跨平台：支持 Mac、Windows 等桌面系统，且支持服务端等命令行系统 功能强大（理论上可以对请求做任意修改）： 支持作为 HTTP、HTTPS、SOCKS 代理及反向代理 支持抓包及修改 HTTP、HTTPS、HTTP2、WebSocket、TCP 请求 支持重放及构造 HTTP、HTTPS、HTTP2、We
最简单的方法免费白嫖ChatGPT
前言 最近OpenAI对各地区的限制又缩紧了，想要使用自己的ChatGPT对于普通人来说还是很难的。 下面介绍的方法，你不需要： OpenAI账号 科学上网 自行部署 只需要有手就行。 WeTab新标签页 前往 WeTab新标签页官网 下载该浏览器插件。 使用 在插件管理页打开扩展 返回主页，找到显眼的ChatGPT图标，点击。 左侧很多源，随便找一个就行了。 注意： 这些都是公共的免费源，需要注
HTML：05.其他标签
内容 列表标签：<ul>、<ol>、<dl> 表格标签：<table> 框架标签及内嵌框架<iframe> 表单标签：<form> 多媒体标签 滚动字幕标签：<marquee> 列表标签 列表标签分为三种。 1. 无序列表<ul>，无序列表中的每一项是<li> 英文单词解释如下： ul：un
关于包管理器npm、yarn和pnpm的一些总结
前言 在Node.js生态系统中，包管理器是至关重要的组件之一，它们负责维护各种应用程序和库之间的依赖关系。 依赖(dependency)是别人为了解决一些问题而写好的代码，即我们常说的第三方包或三方库。 一个项目或多或少的会有一些依赖，而你安装的依赖又可能有它自己的依赖。 项目中的依赖，可以是一个完整的库或者框架，比如 react 或 vue;可以是一个很小的功能，比如日期格式化;也可以是一个命
关于包管理器npm、yarn和pnpm的一些总结 阅读更多»
markdown中转义字符源码显示
前言 最近遇到一个问题，当我在markdown中使用代码块包裹转义字符时，最终前端还是会将字符转义出来。 比如： #在前端仍然会输出为空格 解决方法 在Markdown中使用反引号包裹起来的文本会被解析为代码或者代码块，而不是普通的文本。 如果希望在Markdown中展示转义字符的源码，可以使用HTML实体编码的方式来实现。 在HTML实体编码中， 表示一