使用 flex 布局在开发中，推荐只使用 flex 布局，来保障跨平台时页面的布局方式是一致的,例如 nvue 页面就只能使用 flex 布局，不支持其他布局方式 给图片指定明确的尺寸在开发中，你需要给图片设置指定尺寸,因为image 组件是拥有默认宽高的,平台是故意这样设计的。 在浏览器中，如果 ...

什么是http协议？http(HyperText Transfer Protocol):超文本传输协议：在客户端和服务器端不仅可以进行文本传输，还可以传递图片，音视频；是浏览器和服务器端之间约定好了的一种规范；双方按照规范传递和接受数据 https: 加密的传输协议；更安全，在协议中增加了秘钥， ...

我们在写 vue 项目的时候会遇到给组件命名这里的 name 非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的 123export default { name:'xxx'} 当项目使用 keep-alive 时，可搭配组件 name 进行缓存过滤 ...

Canvas 想必前端er都不陌生，它是 HTML5 新增的「画布」元素，允许我们使用 JavaScript 来绘制图形。目前，所有的主流浏览器都支持 Canvas。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。 获取 canvas 上下文12345678// html< ...

面向场景：移动端 Web 页面，需要全局适配各种不同分辨率的的手机。 基本概念 物理像素(physical pixel)： 物理像素又被称为设备像素，他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。正是这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。屏幕可视宽 ...

CSS百分比padding实现比例固定图片自适应布局给 div 的顶部或者底部设置一个 padding： 12345678910111213141516171819// html<div class="swiper-container"> <img class ...

函数节流和函数防抖是都优化高频率执行js代码的一种手段 。函数节流(throttle)和函数防抖(debounce)都是通过延时逻辑操作来提升性能的方法，在前端优化中是常见且重要的解决方式。 “节流”与“防抖”的本质这两个东西都以闭包的形式存在。 它们通过对事件对应的回调函数进行包裹、以自由变量的形 ...

为什么要 Mock 数据？ Mock 数据是前端开发过程中必不可少的一环，是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发独立自主，不会被服务端的开发所阻塞。 开始 & 安装 安装 mockjs 1npm install mockjs ...

小程序通过setData修改数组或对象中的某一参数123456let arr = `insureList[${id}].toggle`let obj = `obj.toggle`this.setData({ [arr]: 1, [obj]: 1}) 小程 ...

本文主要介绍一些JS中用到的小技巧，可以在日常Coding中提升幸福度，将不定期更新~ 表达式和运算符短路运算符 && 和 ||我们知道逻辑与 && 与逻辑或 || 是短路运算符，短路运算符就是从左到右的运算中前者满足要求，就不再执行后者了；可以理解为： & ...