随笔分类 - html
HTML 指的是超文本标记语言，不是一种编程语言，而是一种标记语言
摘要：前言 在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
阅读全文
摘要：什么是Http 一次http传输，是由请求报文和响应报文来完成的 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来
阅读全文
摘要：Map常识 请自己看吧:http://www.w3school.com.cn/tags/tag_map.asp Map自适应
阅读全文
摘要：之前在介绍HTML5的placeholder属性时，曾实现了一些页面例子让大家参考，但这些例子里的背景文字都是灰色的，样式很单一，其实它们可以做的更好看。CSS3里提供了专门的规则属性来美化用placeholder实现的input输入框的背景提示信息。下面我们来看看如何用专用的CSS属性来美化具有p
阅读全文
