现代图片性能优化及体验优化指南 - 缩放精细化展示及避免布局偏移、拉伸
本文是系列第三篇。系列文章： 现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用 现代图片性能优化及体验优化指南 - 响应式图片方案 图片资源，在我们的业务中可谓是占据了非常大头的一环，尤其是其对带宽的消耗是十分巨大的。 对图片的性能优化及体验优化在今天就显得尤为重要。本文， ...
在el-table中校验表单控件的三种方法
一、直接在 el-table-column 外嵌套 el-form 符合表单的校验习惯，唯一需要注意的地方 el-form 需要绑定 :model="scope.row" // html <div id="app"> <el-table :data="list" border> <el-table- ...
配置项目请求地址和axios以及实现token过期无痛刷新
配置请求地址：config->index.js 一个项目里通常有一个config->index.js，该文件包含了当前项目的请求地址，以及项目的版本信息。 // 请求地址 const API_URL_DEV = 'http://xxx.xxx.xxx.net:81/xxx' // 测试接口 cons ...
【JavaScript】JS引擎中执行上下文如何顺序执行代码
首先我们知道JavaScript引擎包括一个调用栈和堆，调用栈是代码实际执行的地方，使用执行上下文(执行环境)来完成；堆是非结构化的内存池，存储了应用程序所需要的所有对象。 执行上下文是什么？ 执行上下文包括全局执行上下文和执行上下文。 全局执行上下文：代码编译完成后进入调用栈执行首先创建全局执行上 ...
Vue相关笔记
Promise基本使用 Promise是异步编程的一种解决方案，用于一个异步操作的最终完成(或失败)及其结果值的表示，比传统的回调函数方案更加合理。 var promise = new Promise((resolve, reject) => {/* executor函数 */ // ... som ...
坐标系映射之(点击图片哪里去哪里)
需求 提供一张2d编辑完成的户型图片，图片中有多个房间、尺寸比例不固定、还有2d户型图数据(墙体顶点坐标、漫游点坐标等)，需要做到将2d编辑时提供的漫游点坐标映射到图片上，以做到用户点击图片某个位置时跳转至最近的漫游点VR视图中。 解决思路 首先提供的2d坐标数据中的中心点（0，0）并不是户型的正中 ...
Typescript 回调函数、事件侦听的类型定义与注释--拾人牙慧
实际项目中会运到的 Typescript 回调函数、事件侦听的类型定义，如果刚碰到会一脸蒙真的，我就是 这是第一次我自己对 Typescript 记录学习，所以得先说一下我与 Typescript 的孽缘 记得最早是在2014年遇上 Typescript 当时是完全看不上这东西的，甚至带着鄙视的心态 ...
vue+html5实现上传图片
原理:dispatchEvent 自定义触发事件，常用于自定义鼠标事件或点击事件 ,原生控件input打开上传文件方案：vue项目,点击自己的上传文件图标，通过dispatchEvent主动触发一个自定义上传文件事件 . 原生控件 input accept 属性: accept = "audio/* ...
对window.onload()的理解
为什么使用window.onload() 因为 JavaScript 中的函数方法需要在 HTML 文档渲染完成后才可以使用，如果没有渲染完成，此时的 DOM 树是不完整的，这样在调用一些 JavaScript 代码时就可能报出"undefined"错误。 用于在网页加载完毕之后立即执行的操作，即当 ...
前端JS for-in和for-of的区别
for in 遍历对象,返回的是对象的key; 遍历数组/字符串,返回的是数组的下标for of 只能遍历的是数组 遍历数组对象，返回单个对象； 遍历数组元素/字符串，返回单个元素 举例说明： 可以看到得出： for in 能够遍历对象 for of 不能遍历对象 可以看到得出： for in 能够 ...
图片在div中居中
要将一张图片垂直和水平居中在一个 <div> 元素中，你可以使用以下 CSS 样式： div { display: flex; justify-content: center; align-items: center; } img { max-width: 100%; max-height: 100 ...
前端如何给bearer token传值
Bearer token是一种常见的身份验证机制，通常用于Web API和其他Web服务。在前端中，Bearer token通常是通过HTTP头（HTTP header）发送的，具体来说是通过"Authorization"头。 在使用Bearer token进行身份验证时，需要将token包含在HT ...