js录音并播放demo
发表于|更新于
|浏览量:
伟大变为可笑只有一步，但再走一步，可笑又会变为伟大。——佩思
代码如下：
1 |
相关推荐
2022-03-01
在单html页面中使用react并配置jsx
天空更适合仰望，而不是居住。——杜鲁门·卡波特 《蒂凡尼的早餐》 首先按照官方文档一分钟用上React以及快速尝试JSX，如果你不需要JSX，可以按照这个Demo去实现 我们在页面上放入这三个cdn： 123<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script><script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script><script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> 然后新建一个script标签并指定type="text/babel"，例如： 1<script s...
2025-05-31
remix
精诚所加，金石为开。——《后汉书·光武十王列传》 https://remix.run/ https://github.com/remix-run/remix Remix：现代化的全栈 Web 框架随着 Web 开发技术的不断演进，开发者对框架的要求不仅局限于前端性能的优化，还包括后端数据处理、SEO 支持以及高效的开发体验。为了解决这些需求，Remix 应运而生。 Remix 是一个现代化的全栈 Web 框架，专注于提供最佳的开发者体验和用户体验。它以渐进增强的理念为核心，帮助开发者构建快速、可交互性强、并且易于扩展的 Web 应用。 什么是 Remix？Remix 是一个开源的全栈 Web 框架，致力于优化应用的性能和开发体验。它允许开发者同时处理客户端和服务端逻辑，使得应用的交互性和性能达到最佳状态。 Remix 的核心优势包括： 服务端渲染（SSR）：通过服务端渲染提高初次加载速度和 SEO 表现。 渐进增强：支持现代浏览器功能，同时为低性能设备提供良好体验。 路由驱动开发：基于文件系统的路由，让开发者专注于功能实现。 数据加载优化：支持服务端数据加载和缓存机制，减...
2021-11-04
uniapp分包
当众人都哭时，应该允许有的人不哭。当哭成为一种表演时，更应该允许有的人不哭。——莫言 我们在使用uniapp进行微信小程序开发时可能会遇到如下情况： 这是因为微信小程序官方文档提到： 某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。 在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。 在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示。 目前小程序分包大小有以下限制： 整个小程序所有分包大小不超过 20M 单个分包/主包大小不能超过 2M 对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更好的解耦协作。 此时可以进行简单的静态资源处理，将static目录下的图片之类的压缩或者放到在线图床上 如果在这样处理后还是提示超...
2022-10-08
vue-cropper
青春是一种持续的陶醉，是理智的狂热。——拉罗什富科 分享一个vue图片裁剪组件 官网：https://github.xyxiao.cn/vue-cropper/ 演示demo：http://github.xyxiao.cn/vue-cropper/example/ 还是很不错的 1. 安装1234# npm 安装npm install vue-cropper# yarn 安装yarn add vue-cropper 如果你没有使用 npm 在线例子vue-cropper + vue.2x 在线例子vue-cropper@next + vue.3x 服务器渲染 nuxt 解决方案 设置为 ssr: false 1234567891011module.exports = { ... build: { vendor: [ 'vue-cropper ... plugins: [ { src: '~/plugins/vue-cropper', ssr: false } ...
2021-11-09
让link标签失效
此岸永远是残缺的，否则彼岸就要塌陷。——史铁生 一直有小伙伴吐槽我的博客太花哨了，想让我加个隐藏主题功能，于是我就加了一个 这里用到了jquery选择带对应属性的标签 我这里是让引入style.css的link标签失效了 关键代码如下： 隐藏 12<!-- 选中head节点，找到href属性为'/css/style.css'的link标签，添加属性disabled为disabled -->$("head").children("link[href='/css/style.css']").attr('disabled', 'disabled') 显示： 12<!-- 移除该属性 -->$("head").children("link[href='/css/style.css']").removeAttr('disabled')
2025-07-29
selenium
我慢慢明白了我为什么不快乐，因为我总是期待一个结果。看一本书期待它让我变得深刻；吃饭、游泳期待它让我一斤斤瘦下来；发一条微信期待它被回复；对别人好期待被回待以好；写一个故事说一个心情期待被关注安慰；参加一个活动，期待换来充实丰富的经历。这些预设的期待如果实现了，我长舒一口气，如果没有实现呢，就自怨自艾。可是小时候也是同一个我，用一下午的时间看蚂蚁搬家，等石头开花。小时候不期待结果，小时候哭笑都不打折。——《允许自己虚度时光》 https://github.com/SeleniumHQ/selenium Selenium：让你的浏览器自动工作，解放双手的神器！你是否曾幻想过：打开电脑，一行代码敲下去，Chrome、Firefox、Safari……各路浏览器自动帮你完成所有重复操作，自己在旁边喝咖啡、刷剧、享受生活？这不是科幻，而是真实存在的“自动化世界”——Selenium，就是让这一切变得触手可及的开源王者！ Selenium是什么？一句话超酷简介 Automates browsers. That’s it!Selenium，就是让浏览器自己动起来的神器！不管你用什么语言，...