- 博客(131)
- 收藏
- 关注
RSS订阅原创 关于video标签属性你了解多少？
关于video标签,在W3Cschool中有些比较属性的属性，但是一些别的属性，你了解多少？：在ios设备上是否全屏播放"：作用是允许视频在腾讯X5浏览器中内联播放，不设置此属性的话，视频默认在全屏模式下播放：playsinline属性主要用于控制视频在iOS设备上的播放模式，防止视频在全屏模式下播放，而是强制视频在页面内联播放。这个属性最初是由WebKit浏览器引擎（如Safari）实现的，并不是所有浏览器都支持。然而，随着移动设备的普及和视频播放需求的增加，越来越多的浏览器开始支持类似的功能。
2025-03-12 15:21:15
281
原创 HTTP/1.0、HTTP/1.1、HTTP/2 核心区别对比
经常开发的小伙伴估计对http都不陌生，下面来看看的之间的区别是啥？特性HTTP/1.0HTTP/1.1HTTP/2.0连接方式飞持久连接持久连接（默认）多路复用单连接传输格式文本文本二进制分帧并发能力单请求/连接管道化（顺序响应）多路复用（并行响应）头部压缩无无HPACK算法压缩服务器主动推送不支持不支持支持队头阻塞问题存在管道化下仍存在完全解决。
2025-02-28 11:38:56
490
原创 当移动端H5中的display:flex不生效时，给我整破防了
在项目开发中遇到一个“更多”按钮放置于卡片的右下角时，在安卓9版本的浏览器打开项目，结果测试出来“更多”按钮样式错乱，做了这么久的开发，在移动端给我整破防了。情况紧急，于是更换成position:relative定位来实现，最后可以实现效果。现在想知道如何是什么原因造成的。display:flex布局，使用比较灵活，但是这个css特性是新的，老版本的浏览器不兼容，有时候使用就会失效。position的定位，一般来说就是子绝父相，在文档流中不占据位置，同时可以使用z-index来设置层级。
2024-08-23 14:45:51
651
原创 js中的一键复制功能
在前端开发中，有时候需要对内容比如订单编号，货物编号进行复制处理业务，但是编码有比较长，手动一个个的录入不仅费时还容易录入错误，这时的一键复制功能就显的很方便。查阅相关资料得知，js有个方法是可以实现复制功能的document.execCommand('copy') //拷贝/复制document.execCommand('cut') //剪切document.execCommand('paste') //粘贴。
2024-08-16 15:55:37
383
原创 JavaScript获取URL参数常见的几种方法
在前端开发中，处理URL参数是一个常见的任务，尤其是在没有框架支持的情况下。虽然许多框架提供了方便的方法来获取URL参数，但有时我们需要依赖原生JavaScript来完成这个任务。这也是面试中经常出现的问题之一。今天让我们一起来探讨如何利用原生JavaScript来获取URL参数值。原生JS获取URL链接参数的方法有好几种，我们一起来学习一下常见的几种。1. 使用正则表达式 2. 利用split分割方法 3. 使用URLSearchParams方法。
2024-08-04 13:02:11
344
原创 windows中node版本的切换(nvm管理工具)，解决项目兼容问题 node版本管理、国内npm源镜像切换（保姆级教程，值得收藏）
在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。无须卸载现有版本，可同时安装不同的版本。
2024-08-03 01:33:27
1490
原创 前端常用（正则）的封装方法（值得收藏）
在前端开发中，不管是pc端还是移动端，都需要使用到一些方法，比如电话号码的校验，身份证号的校验，邮箱的校验，节流、以及输入框的防抖等，时间的格式封装（可以使用dayjs库实现），深拷贝，浅拷贝，防抖(可以使用[\[lodash\]](https://www.lodashjs.com/))
2024-07-31 11:27:39
280
原创 元素标签的attr属性的巧妙利用（值得收藏）
需求如图：虽然可以通过一个标签，直接赋值，然后通过定位也能实现需求;但是另一种方式更巧妙，有时候可以通过少量代码实现多样的需求，把一个元素展示在盒子上的方法，通过使用元素的attr属性，巧妙的借助定位实现需求-- item.duration 是从接口获取的值 -->&::after {//通过attr属性实现内容在盒子上的展现
2024-07-26 22:05:56
184
原创 vant组件如何仿造钉钉打卡考勤展示在移动端页面上详解
前段时间有个需求，让客户每日打卡，然后在日历上展示每日打卡的状态，红色点表示未打卡，蓝色点表示已打卡。之前开发项目都是点击弹窗获取获取对应的日期当作表单参数提交给后端，像这个打卡日历展示在屏幕上还是第一次见，那就开始思考，本项目使用的vue3+vant组件开发。使用vant组件时，一定要注意文档中的说明参数的类型，同时写逻辑要写完整才能知道是不是对的，这个日历的逻辑在刚写的时候就报错，当时快把心态搞崩了，不过最终实现了客户需求，哈哈。写到这可以看到页面展示的日历，但是如何把数据状态展示在页面上的呢？
2024-07-25 23:34:29
629
原创 js中的“?“/“??“以及“||“的详解（值得收藏）
在JavaScript中，问号（?）通常用于三元运算符，而两个问号（??）则是空值合并运算符，用于在左侧操作数为null或undefined时，返回右侧的操作数。1、?. （可选链运算符）如何在obj.b?.d会是怎样的呢？结论：当对象中的一个属性是undefined的时候，再想从这个属性身上读取属性时需要使用”?2、??（空值合并运算符)当一个数据时null或者undefined时，使用”??“，获取的是后面的值,如果??前面的值是别的，就获取??
2024-07-23 13:08:31
328
原创 git 如何撤销提交的日志
在Git中，如果你已经提交了一个更改并且想要撤销这个提交但保留更改（即撤销commit但保留working directory和index中的更改），你可以使用git reset命令。如果你想要撤销commit并且丢弃所有的更改，你可以使用git reset --hard。git reset --hard HEAD^1 或者 git reset --hard c9f9a6b(提交日志id的前7位)其中HEAD^1表示当前分支的上一个commit。如果你需要撤销更多的提交，可以将1替换为相应的数字，比如。
2024-07-23 09:16:35
465
原创 回流和重绘那些事（值得收藏）
前言：一般在面试的时候，老是被面试官问道这个知识点，刚开始面试的时候，是不是被这个问题问住过，那种尴尬的场面，可以用脚趾头抠出两室一厅一厨一卫。那么今天就好好弄清楚这两个是什么 玩意，从此，这个面试点不在让你尴尬。回流：在javascript中，回流也叫做重排，是指当渲染树中的一部分或全部因为元素的规模尺寸、布局、隐藏等改变时，浏览器重新渲染部分dom或全部dom的过程；简单来说，就是重新排版整个页面。每个页面至少需要一次回流，就是在页面第一次加载的时候。重绘。
2024-07-15 17:53:51
304
原创 配置好这些插件，你开发移动端H5项目直接可以用px单位
下载postcsspxtoviewport（postcss-px-to-viewport是一个PostCSS插件,它可以将px单位转换为视口单位(vw、vh 或 vmin)），autoprefixer（Autoprefixer是一款自动管理浏览器前缀的插件，它可以解析CSS文件并且添加浏览器前缀到CSS内容里）
2024-07-15 12:44:30
310
原创 前端项目部署指南，前端项目打包上线
前端开发完项目，打包dist文件，一般情况下，把dist文件包交给运维，然后运维部署上线，这样确实没啥问题，但是小公司或者初创公司压根没有运维，可能后段也是二把手，这时，前端能进行线上部署，那你就牛逼了。
2024-07-14 00:33:10
646
原创 H5项目使用vant组件的手机号校验
在开发h5项目的时候遇到手机号校验，原本想采用后台管理那种校验方式（validator函数写校验手机号逻辑）猛然间发现，可以在使用行内使用pattern属性。这样写方便快捷,同样能达到校验效果。
2024-07-03 17:20:22
598
原创 v-mode1cannot be used on a prop,because local prop bindingsare not writable.Use a v-bind bindingcomb
vue自3.4版本以后，组件间数据双向绑定推荐使用defineModel()宏来实现，而不是用之前做法。
2024-07-03 14:46:58
1751
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人