随笔分类 - html
HTML 指的是超文本标记语言，不是一种编程语言，而是一种标记语言
摘要：这里有官方文档！ 初始化插件项目 vscode扩展插件本质上也是一个 前端项目！ 安装脚手架，并初始化项目 npm i --g yo generator-code yo code 这个时候，脚手架会提示你：“选择 ts 还是 js、用什么么构建工具等等”，按照如下选项即可（比如我这里创建一个 Run
阅读全文
摘要：前言 密码不能明文传输，所以我们要加密。 以前可能我们需要借助诸如 cryptoJs一样的三方库来做，可现在浏览器原生支持了window.crypto 浏览器 crypto-helper.ts type Cfg = { // 算法参数，定义了生成 RSA 密钥对时使用的具体算法和相关参数，通常是一个
阅读全文
摘要：定义变量文件 随便写一个scss文件，比如在 src/assets/var.scss $my-color: #00b96b; 打包工具配置 不同工具 如webpack、vite有不同的处理方式加载到全局 vite // vite.config.ts import { defineConfig } f
阅读全文
摘要：前言 我原图2MB的png，使用webp后为1.2MB，使用avif就只有500kb了，而且还是原图高保真！ 最后兼容性也上去了 安装 Windows: vcpkg install libavif Macos: brew install libavif 或者下载安装包！ 简单使用 avifenc i
阅读全文
摘要：前言 在App 中通常会把主要的几个页面放在下方icon，让使用者能够方便操作，这个元件在flutter 中称为BottomNavigationBar。 而GoRouter则是Flutter 官方所提供的套件，可以用来整合整个专案的路由。 当这两个功能整合在一起的时候，一个不小心呈现出来的效果就会差
阅读全文
摘要：threejs底层封装了强大的webGL技术，让开发者们可以开箱即用 （其实也并非开箱即用，还是挺麻烦的🙂）。 恰巧朋友遇到了些难题，借此契机，接触了下threejs。 官网是支持中文的，虽然翻译的很差，但寥胜于无。 这里还有个野生的中文文档，感兴趣的可以看看，毕竟也是某位开发者的一腔热血之作！
阅读全文
摘要：一直对css都不够重视，觉得简单，其实也是有些知识的。所以抽空做了些总结 参考文献：[mdn的css文档](https://developer.mozilla.org/zh-CN/docs/Web/CSS)、[w3c css规范](https://www.w3.org/TR/CSS/) w3c是制定
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：前言 Tracking.js 是一个独立的JavaScript库（不依赖于任何框架），用于跟踪从相机实时收到的数据。 跟踪的数据既可以是颜色，也可以是人， 也就是说我们可以通过检测到某特定颜色，或者检测一个人体/脸的出现与移动，来触发JavaScript 事件。 它是非常易于使用的API，具有数个方
阅读全文
摘要：flex布局怎么再设置子元素两侧对其的情况下设置最后一行左对齐 .container { display: flex; flex-wrap: wrap; justify-content: space-between; } .container:after { content: ""; flex: a
阅读全文
摘要：方案一 鼠标按下的时候 起点 = 球的x轴位置-偏移位置. 按下开始移动的时候 , 需要继承上次的偏移位置开始移动 即style.left = 球的x轴实时位置-起点 <html> <head> <meta charset="UTF-8"> <title>Document</title> <styl
阅读全文
摘要：前言 传统的ws，发送前后都需要json序列化和反序列化这对编写代码并不友好。所以我做了个优化 废话不多说，上代码 my-ws.js const ws = new WebSocket("ws://dshvv.com:7777/my_ws"); // 判断是不是json字符串 const isJson
阅读全文
摘要：接口调用 先看看这个接口的返回值 前端处理 //根据文件后缀名来映射Blob Type const typeDic = { docx: 'application/msword', doc: 'application/msword', bin: 'application/octet-stream',
阅读全文
摘要：先看效果 再看代码utils.js import Mock from 'mockjs'; // mock老师们数据 const data = Mock.mock({ 'list|10-40': [{ 'id|+1': 1, name: '@cname' }] }) // 模拟获取老师接口 expor
阅读全文
摘要：js版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网络实时状态</t
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：echarts地图离线包 描述 由于项目的特殊性，只能使用内网网络，所以不能用到在线实时数据包。然而，早在几年前，echarts官网上的离线地图包官方以比例不符合国家规范下架了。 反而其推荐使用在线地图API（如百度地图api或者高德地图api）。或者在线生成本地数据的工具：阿里的datav，高德的
阅读全文
摘要：一般下载都是给一个下载文件地址然后前端拿到这个绝对路径a链接打开就是下载是吧但是有些后端，偏偏就是用post接口，返回一个二进制文件流可能这样不用写入本地（服务器）吧。不用清理管理和维护 解决办法 // 导出excel function postExcelFile(data, url) { var
阅读全文
摘要：我有一个需求如下： 有一个学生号的数组，根据这个数组，取出相关学生的所有信息。获取学生信息的接口用setTime模拟，假设每次请求需要耗时2s，代码如下 已知要得到信息的学生的数组如下： 触发动作为页面上的一个按钮，点击开始执行 使用传统回调(需要2s，所有请求完成) javascript let
阅读全文
浙公网安备 33010602011771号