Vue3的setup中使用ref获取dom元素
背景问题
- 在vue3中input如何获取焦点？
- vue3 setup语法糖如何获取dom元素？
vue2 的方法
在 vue2 中，在组件上设置 ref 属性之后，就可以通过 this.$refs.ref 访问到对应的 DOM 元素。
<input type="text" ref=[......]JavaScript
Vue3 setup使用模板引用$refs
在Vue2中，我们通常这么做实现一个模板引用：
<template>
<input ref="input" />
</template>
<script>
export default {
data() {},
methods: {[......]使用 React Hooks 构建一个音频播放器
原文链接：https://letsbuildui.dev/articles/building-an-audio-player-with-react-hooks
今天我们将使用 HTMLAudioElement 接口构建一个基于 React Hooks 的音频播放器组件。这个播放器可以实现音频列表的[……]
H5处理全面屏iPhone底部边距
iPhone 从 X 开始使用全面屏，浏览网页的时候底部会有一条遮住可视区域，为了避免H5页面被iPhone底部条遮住，可以采取以下方案。
iPhone自适应底部
首先，iPhone自带了屏幕安全区域的处理策略，可以使用constant和env两个css特性来获取底部的安全距离，然后通过@sup[……]
JavaSript模块规范：AMD规范与CMD规范介绍
JavaSript模块化
在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？
模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。可以想[……]
JavaScript的api设计原则
前言
本篇博文来自一次公司内部的前端分享，从多个方面讨论了在设计接口时遵循的原则，总共包含了七个大块。系卤煮自己总结的一些经验和教训。本篇博文同时也参考了其他一些文章，相关地址会在后面贴出来。很难做到详尽充实，如果有好的建议或者不对的地方，还望不吝赐教斧正。
一 接口的流畅性
好的接口是流畅易[……]
移动端抓包及web调试指南
本文包括：
- 抓包（截获网络请求）
- 在Windows上使用Fiddle抓包
- 在Mac上使用Charles抓包
- 页面调试：
- 在Windows上调试iOS
- 在Windows上调试Android
- 在Mac上调试iOS
- 在Mac上调试Android
本文旨在解决的问题包括：
- 在电脑上通[……]
JavaScript需要特别注意的地方
1 转换
parseInt(0.000001) // 0
parseInt(0.0000001) // 1
'5' == 5 // true
2 null
typeof null // "object"
null == undefined // true
10 + null[......]JavaScript截取字符串slice()、substr()、substring()的区别
共同点
第二个参数都可以省略，省略以后都是截取到字符串最后。
区别
第一个参数
- substring() 不能为负数
- substr() 可以是负数，是负数从尾部开始计算
- slice() 可以是负数，是负数从尾部开始计算
第二个参数
- substring() 不能为负数，终点的位置，需要[……]
一个典型的闭包方案，取for循环中i的值
有个网友问了个问题，如下的html，为什么每次输出都是5，而不是点击每个p，就alert出对应的1，2，3，4，5。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; chars[......]