SF
我的前端
我的前端
注册登录
关注博客
注册登录
主页
关于
RSS
js 正则实现过滤html字符串,给h1和h2标签添加id,实现锚点功能
肥皂泡
11 月 30 日
阅读 2 分钟
137
正则要求: 没有id属性的h1/2标签,支持过滤嵌套标签生成string作为锚点id<h[12]: 匹配 <h1> 或 <h2> 标签的开始。(?![^>]*\bid=): 使用负向前瞻,确保标签中没有 id 属性。[^>]*: 匹配 <h1> 或 <h2> 标签中的其他属性(如果有的话)。([\s\S]*?): 捕获标签内部的所有字符,包括空格和...
nuxt3 最新踩坑记录
肥皂泡
11 月 19 日
阅读 4 分钟
257
版本nuxt3.14依赖vite+element-plus+scssnuxt文档不清晰,版本问题也很多,要自己琢磨。element-plus适配ele集成用的推荐@element-plus/nuxtelement-plus版本如果不是>=2.8.8,要手动升级,不然!global assignments告警让人奔溃ele主题 {代码...} element主题变量定义,用@element-plus/nuxt推荐即可 {代码...} element...
URLSearchParams api简单解析url参数
肥皂泡
2023-06-25
阅读 2 分钟
714
先上代码 {代码...} 输出结果URLSearchParamsURLSearchParams.append(),插入一个指定的键/值对作为新的搜索参数。URLSearchParams.delete(),从搜索参数列表里删除指定的搜索参数及其对应的值。URLSearchParams.entries(),返回一个iterator可以遍历所有键/值对的对象。URLSearchParams.get(),获取指定搜索参数的第一个值...
js类型转换truthy和falsy
肥皂泡
2023-05-08
阅读 1 分钟
572
JavaScript 在需要用到布尔类型值的上下文中使用强制类型转换(Type Conversion )将值转换为布尔值,比如:在条件语句或者循环语句中
for in和Object.keys和for-of区别
肥皂泡
2023-02-06
阅读 2 分钟
725
for...in以任意顺序迭代一个对象的可枚举属性,包括继承的可枚举属性。(包括继承属性)(不包括Symbol)可以迭代数组遍历顺序先遍历出(非负)整数属性(integer properties,按照升序),然后其他属性按照创建时候的顺序遍历出来 {代码...} 结果为: {代码...} 原因,ECMAScript规范中定义了 「数字属性应该按照索引值⼤⼩...
javascript 正则 高级用法
肥皂泡
2023-01-05
阅读 4 分钟
1.2k
先简单看几个常用基础标识符^ 匹配一个输入或一行的开头, {代码...} $ 匹配一个输入或一行的结尾 {代码...} *匹配前面元字符0次或多次 {代码...} +匹配前面元字符1次或多次 {代码...} ? 匹配前面元字符0次或1次 {代码...} {代码...} 正则表达式(Regular Expression)其实是一门工具,通过字符串模式匹配,实现搜索和替换...
try、catch、finally使用注意事项
肥皂泡
2022-12-29
阅读 2 分钟
1.1k
try、catch、finally用法总结: 1、不管有没有异常,finally中的代码都会执行 2、当try、catch中有return时,finally中的代码依然会继续执行 3、try或catch里面有return语句,finally里面的表达式依旧会执行,但不影响try.catch return的值。finally语句执行不会影响try或catch的return {代码...} 打印结果 {代...
vue scope和deep穿透原理
肥皂泡
2022-12-29
阅读 2 分钟
2k
会为该组件内所有dom元素都加一个【标识组件唯一】的动态属性[哈希值,data-v-实例标识] (这里dom,包括 [普通dom元素] 和 [子组件的根元素] )
ts 高级工具类
肥皂泡
2022-12-29
阅读 6 分钟
979
关键字,技巧了解keyof,用来取得一个对象接口的所有 key 值 {代码...} in 则可以遍历枚举类型 {代码...} typeof 用来获取基本数据的类型 {代码...} 注意只能用来查询变量或者属性的类型。无法查询其他形式的类型。比如说:返回调用的类型。extends 条件语句 {代码...} infer 声明一个变量来承载extends条件语句中的某些待...
git本地忽略assume-unchanged和skip-worktree
肥皂泡
2022-11-07
阅读 1 分钟
3.9k
两种方式assume-unchanged和skip-worktree添加本地忽略 {代码...} 移除本地忽略(恢复跟踪) {代码...} 3.git ls-files -v查看所有文件列表,小写h开头是assume-unchanged,大写S是skip-worktree。文件标识描述H缓存,正常跟踪文件Sskip-worktree文件hassume-unchanged文件Munmerged, 未合并Rremoved/deletedCmodified/chan...
无限滚动列表
肥皂泡
2021-10-22
阅读 1 分钟
2.5k
无限滚动使用场景很多,有些难点需要注意。比如页脚中的链接无法访问,因为内容不断地将页脚推开;手机从纵向转向横向,您如何处理调整大小事件?或者,当列表过长时,您如何防止页面卡顿。
js实现十六进制文件转十进制
肥皂泡
2021-10-20
阅读 1 分钟
2.3k
{代码...}
WebRTC连接状态相关整合
肥皂泡
2021-09-26
阅读 2 分钟
7.2k
主要是关于RTCPeerConnection的状态connectionState和iceConnectionState这两个状态用于对应的事件onconnectionstatechange和oniceconnectionstatechange。
滚轮事件整理
肥皂泡
2021-06-25
阅读 1 分钟
937
wheel,scroll(es标准滚轮事件)DOMMouseScroll(只有ff支持的滚轮事件,ff17以后可以用wheel标准事件)mousewheel(wheel之前的非标准事件,ie\opera兼容性,ff不支持)MouseWheelEvent和MouseScrollEvent(ff支持)
css实现简单checkbox自定义样式
肥皂泡
2021-04-30
阅读 1 分钟
2.4k
很简单,input里面放个after伪元素,替代原本的checkbox。原checkbox用visibility: hidden;隐藏掉。选中样式对应after的content: '\2714''\2714'对应打勾样式。
前端的base64 转换实现
肥皂泡
2021-04-19
阅读 4 分钟
6.2k
window.btoa和window.atob,是浏览器提供的字符串base64编解码。但是该方法不支持中文字符串的转码。因为转码是针对ASCII码。
js浏览器获取网络连接类型
肥皂泡
2020-12-04
阅读 1 分钟
3.4k
{代码...} userAgent和connection的兼容性其实都不好,特别是pc,所以很多情况还是返回unkown
icon 格式图片canvas画法
肥皂泡
2020-09-29
阅读 3 分钟
1.4k
#data 格式 {代码...} {代码...}
计时器统一管理
肥皂泡
2019-08-07
阅读 3 分钟
2.5k
计时器统一管理,es6 class写法 {代码...} 调用 {代码...} git链接[链接]
creat-react-app3 配置文件分析2
肥皂泡
2019-05-29
阅读 8 分钟
3k
文件结构分析 env.js {代码...} modules.js其实就两个函数,为了读取jsconfig.json或者tsconfig.json文件中的配置,两个文件不能同时存在. paths.js文件前面说过了 pnpTs.js 这块确实不太清楚,不敢乱讲。看内容是关于typescript的,有ts-pnp插件配置,有大神帮忙解答下。 webpack.config.js所有webpack基础配置(除了dev...
creat-react-app3 配置文件分析1(eject之后)
肥皂泡
2019-05-28
阅读 6 分钟
3.7k
yarn eject之后,文件目录相比之前只是多了config和scripts两个文件夹,package.json多了很多配置项,所以本文主要解决config和package.json两个部分.
point-events兼容问题
肥皂泡
2019-03-21
阅读 1 分钟
7.1k
canIuse 查询,显示ios和android都完美支持这个css属性,发现问题: ios下,父元素pointer-events:none;点击穿透,子元素 pointer-events:auto;//让子元素的点击事件生效
移动端 滚动隐藏浏览器地址栏和工具栏
肥皂泡
2019-03-18
阅读 1 分钟
12.1k
参考:js自动隐藏手机浏览器地址栏文章中实现原理其实很简单,强制页面高度超过手机屏幕高度,手动滚动时会隐藏浏览器自带地址栏和工具栏(qq浏览器不会隐藏工具栏).js实现自动隐藏,
vue项目 移动端实现ip输入框问题
肥皂泡
2019-03-18
阅读 8 分钟
3.4k
vue框架移动端做ip输入框组件,input在浏览器和微信端兼容问题。要求:只能输入数字,输入数字以外的字符(包括点、冒号等数字符号)时自动跳到下一段ip输入框.type=number类型,不会禁止点的输入。手动过滤拿不到包括点字符的字符串.而且输入多个点之后,拿到的值为空.解决办法:type=tel,只能输入数字,且可以获取到点...
微信6.7.4版本,ios 键盘顶上去页面 收起键盘后页面不下去bug修复
肥皂泡
2018-12-12
阅读 1 分钟
6.7k
iphone微信6.7.4版本出现的问题,用户输入时,软键盘弹出。收起软键盘的时候,页面下部软键盘原来位置会变成一片空白区域,页面没有恢复原状。