好用的API接口
QQ音乐歌曲接口1QQ音乐独家vip版独家vip版,返回mp3、flac格式,模糊匹配搜索结果全列表歌名、歌手,托管至字节跳动
QQ音乐歌曲接口2https://i.y.qq.com/v8/playsong.html?ADTAG=cbshare&_wv=1&appshare=android_qq&appsongtype=1&appversion=12030008&channelId=10036163&hosteuin=7K4ioivP7iSl&openinqqmusic=1&platform=11&songmid=0016hCwC4JuBFr&type=0
链接里的参数songmid是打开QQ音乐官方某歌曲信息网址链接里的id参数,如https://y.qq.com/n/ryqq/songDetail/0037tsaf0kA7zp的songmid就是0037tsaf0kA7zp。
视频归档 | 全自动解析 微博 / 微信 视频全自动解析 微博 / 微信 视频直链 半自动解析 网易 MV/B 站 等.( ...
开源好用的媒体播放器,快来试试吧
写在前面经常在项目中会遇到前端需要播放视频,如果只是播放而已似乎原生的 video 就可以实现,类似这样<video src="***.mp4" controls></video>,并配合一些JS是可以实现自动播放等功能的。但是需求总是在变的,如果是一个文档中的教学视频这个时候的需求可能会需要增加倍速播放、断点播放等功能。虽说原生的页面配合也是可以实现,但是会涉及到页面的适配、良好的交互以及好看的页面。所以本着没有轮子就找轮子的心态,今天就找找开源的视频播放器。
正文开始一、DPlayerDPlayer官方链接
🍭 一款开源免费的HTML5 弹幕视频播放器
支持特点
流媒体格式 HLS FLV MPEG DASH WebTorrent Any other custom streaming formats
媒体格式 MP4 H.264 WebM Ogg Theora Vorbis
功能 Danmaku Screenshot Hotkeys Quality switching Thumbnails Subtitle
...
Vue3.0笔记
安装环境与依赖.vue需要被编译成js文件,才能被浏览器识别的。所以在构建项目之前得安装好以下软件工具哦👨🔧
node 8+
安装Node环境:https://nodejs.org/zh-cn/
查看Node版本:node -V
npmnpm是node的内置管理器。
查看npm版本:npm -V
设置镜像源:npm config set registry
查看镜像源:npm config get registry
请修改npm镜像:
淘宝npm镜像 registry地址:http://registry.npm.taobao.org
cnpmis镜像 registry地址:http://r.cnpmjs.org
Vue-cli(手脚架)Vue-cli是Vue.js开发的标准工具。
安装Vue-cli:npm install -g @vue/cli
查看Vue-cli版本号:vue -v
创建Vue3项目了解Vue3生命周期以及setup()函数ref,reactive 响应式数据生命
被响应式api标记过的数据才可以成为响应式数据
ref-用来标记简单类型数据 ...
全球排名前十的免费邮箱
最近在折腾一些网站搭建、AI绘画、chatgpt,期间少不了第三方的服务(注册登录),那么一般是用邮箱注册账号的。起初我都用同一个邮箱注册,最后就大量服务广告把我邮箱撑满了。
QQ邮箱📧
这可不大行,得有一个邮箱用于学习,一个邮箱用于工作。于是我开始折腾起了邮箱,疯狂地注册不同品牌的邮箱服务,也就是以下我要介绍的邮箱,最后这些邮箱可以通过网易邮箱大师app集中起来收发邮件,Nice!
Gmail – 33% – 美国目前用户量和全球市场占有率全球第一的邮箱服务,注册该账号可以通过国内手机号验证。门槛:有网络要求,需科学上网。
Outlook – 8% – 美国微软提供的邮箱服务,界面美化效果拉满,邮箱后缀有@outlook.com、@hotmail.com(前身),如果不绑定手机号的话,可以注册多个。没有网络要求。
Yahoo! Mail – 6% – 美国yahoo!!! 这个雅虎大家应该不陌生吧,也是需要手机号验证。门槛:2021 年 11 月 1 日起,用户将无法从中国大陆使用 Yahoo 的产品与服务,需要科学上网
Apple iCloud – 5% – 美国有苹果电脑或苹 ...
css知识点随笔
!important除了使用!important以外,还有其他的方式来增加CSS属性的权重。以下是一些提高CSS属性权重的方法:
嵌套选择器:通过嵌套选择器可以让CSS属性作用于更具体的元素。例如:.container div p比.container p具有更高的权重。
ID选择器:ID选择器在CSS中的权重最高。例如:#header比.header具有更高的权重。
行内样式:将CSS样式直接写在HTML标签内,这样可以覆盖外部样式表和内部样式表。例如:<p style="color: red;">这是一个红色文本</p>
!important和!important组合:使用多个!important,可以让属性的权重更高。例如:color: red !important; font-size: 20px !important;
需要注意的是,过度使用!important会导致样式难以维护和重复,因此建议只在必要的情况下使用。
Visual studio 2022 常用快捷键与编码技巧
我这学期学习ASP.NET core网站开发,采用的是C#语言,那在使用Visual studio 2022这款IDE,需掌握一些快捷键与代码补全技巧能让我的操作变得熟练(CV🤣),接下来我就来记录一下🖊
使用快捷键的好处
提高效率:使用快捷键可以使工作速度更快,减少手动操作的反复。通过快捷键可以更快速地完成一些常见任务,如复制、粘贴等。
减少手部疲劳:频繁重复鼠标操作容易导致手部疲劳和慢性损伤。而通过使用快捷键,可以减少鼠标点击和移动的频率,从而减轻手部负担。
熟练程度提高:通过使用快捷键,可以逐渐熟练掌握各种快捷键的操作方法,并能够更加高效地完成工作。
常用快捷键注释c#的3种注释符
单行注释 //
多行注释 /要注释的内容/
文档注释 /// 多用来解释类或者方法
12Ctrl + K + C :注释ctrl + K + U :取消注释
启动12F5 :调试运行Ctrl + F5 :运行不调试
热重载1Alt + F10
编码常用操作1234567891011121314151617181920 ...
系统设计入门
bilibili()
function bilibili() {
let dom = document.getElementById('BV1k3411S7zr')
fetch('https://api.dp2002.top/api/b?id=BV1k3411S7zr').then(res=>res.json()).then(data=>{
dom.innerHTML = `
14:25
${data.title}
${data.desc}
${data.view}
${data.like}
${data.coin}
视频
${data.owner ...
个人网站开发
网站开发基础基础知识
域名
服务器(国内或国外,国外服务器无需备案)
搭建网站环境
10个搭建站点开箱即用的网站资源其实网站不一定要一行行代码敲出来的,有的网站网页都是东拼西凑找现成的模块或者框架组合起来的,只需要选择适合自己的搭建框架工具也可以搭建出强大而精美的个人website。
【1】WordPress(开源建站系统)可用于建造个人博客,企业官网,电商平台特点:傻瓜式、多主题、插件丰富。https://cn.wordpress.org/
【2】docsify(文档站点生成器)特点:使用简单,可装插件、响应式。https://docsify.js.org/#/
【3】dumi(文档站点生成器)适合项目、产品的官网特点:使用简单,专为组件开发场景而生https://d.umijs.org/
【4】imgcook根据设计稿一键智能生成代码特点:傻瓜式操作,随意修改,AI生成代码https://www.imgcook.com/
【5】ant design landing网站首页生成器特点:模板丰富,可视化编辑网页元素,可一键上传网站,不需要购买服务器、域名等。https://an ...