- 博客(24)
- 收藏
- 关注
RSS订阅原创 常用图片格式优缺点
适用于图标、线条图形、图表等矢量图。动画效果（通过 CSS 或 JavaScript 控制）。用于大多数网页图像，尤其是需要兼顾质量和文件大小时。支持动态图像（类似 GIF）。适合需要透明背景的图像（如图标、标志）。用于质量要求较高的图像，比如图表和文本。适合照片和色彩丰富的图像。用于大部分网页中的图片展示，尤其是照片。色彩数量受限，不能用于色彩丰富的图像。文件较大，尤其是动画图像。文件通常比 JPEG 大，尤其是色彩复杂的图像。适合简单动画和小图标。网络表情、短动画等。对复杂图像或照片效果不适用。
2025-01-25 10:58:33
231
原创 浏览器内置对象 navigator
navigator 对象是 window 对象的一部分，因此你可以直接通过 navigator 来访问它。常见的用途包括检测浏览器类型、语言、操作系统信息等。
2024-11-13 17:00:57
675
原创 JavaScript嵌入式Webview页面调取原始 app中的方法
在 iOS WebView 中，JavaScript 可以通过 window.webkit.messageHandlers 与原生代码交互。在 iOS 原生代码中，使用 WKWebView 设置一个消息处理器，将 JS 消息传递到原生层。
2024-11-01 14:25:27
304
原创 vue 中同时监听两个值同时变化
通过计算属性将两个值组合起来，然后监听该计算属性。当任意一个值发生变化时，计算属性也会重新计算，从而触发 watch 回调。
2024-10-16 16:30:51
874
原创 VUE2 使用 el-upload 实现单个图片上传、删除、预览（上传后隐藏上传图片按钮）
【代码】VUE2 使用 el-upload 实现单文件上传、删除、预览（上传后隐藏上传图片按钮）
2024-09-26 11:56:43
619
原创 element-ui 中 el-select 使用 value-key
当 el-select 选项列表中的 value 是一个对象，而不是一个简单的原始值（如字符串、数字等），可以使用 value-key 来告诉组件哪个字段应该作为该对象的唯一标识符。这在你想让 el-select 使用复杂对象时特别有用。假设我们有一组用户对象，每个对象包含 id 和 name，并且我们希望 el-select 显示用户的 name，而选择的值应该是 id。
2024-09-14 09:32:27
690
原创 Promise.all 用法
Promise.all() 方法会接收一个包含多个 Promise 的数组，并返回一个新的 Promise。当所有的 Promise 都成功时，返回的 Promise 将解析为一个包含每个 Promise 结果的。如果有任何一个 Promise 失败，则返回的 Promise 将拒绝。，可以通过 Promise.all() 来实现。在 JavaScript 中，
2024-09-14 09:31:53
326
原创 vue2 + elementUI （vue-i18n）使用国际化语言 （在 js 文件中使用）
【代码】vue2 + elementUI （vue-i18n）使用国际化语言 （在 js 文件中使用）
2024-09-09 11:27:35
513
原创 vue2 + elementUI （vue-i18n）国际化
推荐版本：npm i vue-i18n@8.28.2 -D。安装完成后在项目的 main.js 文件。
2024-09-05 09:32:23
559
原创 tinymce-vue 复制粘粘图片自动上传
今天遇到了一个需求需要仿wx 公众号的富文本 其中一个功能就是需要粘粘上传。处理方法：添加paste 配置。到这里就可以粘粘图片上传啦！话不多说 直接上代码。第二步：配置上传方法。
2024-08-27 19:41:26
523
原创 Linux/macOS启动项目报错Error: EACCES: permission denied, open ‘xxx’
命令行输入 sudo chmod -R 777 xxxx(文件地址)重启项目就 ok 了。
2024-08-16 17:46:44
887
原创 后端配置了CORS前端依旧跨域问题
后端配置 CORS 头，允许凭证，并确保 Access-Control-Allow-Origin 设置为具体的前端域名而不是 *。确保 Origin 匹配： 确保 Access-Control-Allow-Origin 的值与请求的 Origin 完全匹配，包括协议和端口。前端axios 使用了 axios.defaults.withCredentials = true 进行全局配置，后端CORS 设置。前端 修改 axios.defaults.withCredentials = false。
2024-08-07 16:14:34
463
原创 React全家桶学习笔记 (一)
React全家桶学习笔记 (一)目录React全家桶学习笔记 (一)一、jsx基本语法二、组件1.函数组件2.类组件3.函数组件与类组件的区别一、jsx基本语法(react核心库 react ， react-dom(虚拟dom)， babel(jsx转js))一.定义虚拟dom时不要使用引号二.标签使用表达式使用{}(1)在{}中只能写表达式（注意：语句与表达式的区别）(一)表达式:一个表达式会产生一个值 例: 1.a 2.a+b, 3.
2021-12-20 11:38:39
498
原创 元素水平垂直居中的方式
元素水平垂直居中的方式弹性盒：父元素： display: flex;子元素： margin: auto;弹性盒2：父元素：display:flex;justify-content: center;align-item: center;定位1：父元素：position: relative;子元素：position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;定位加2d变形父元素： position:relative;
2021-06-07 21:25:19
170
原创 回流&重绘详解(如何减少)
回流和重绘在了解回流和重绘之前我们首先要知道什么是回流什么是重绘。什么是回流通过构造render tree，我们将可见DOM节点以及它对应的样式结合起来，可是我们还需要计算它们在设备视口(viewport)内的确切位置和大小，这个计算的阶段就是回流。当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建时，这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。什么是重绘
2021-05-02 10:28:42
1052
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人