随笔分类 -  前端

正则记录
摘要：用过的正则做一下记录 指定开头中间和结尾匹配出结果 const string = "<p><img data-local="aaa" class="small-img" src="data:image/png;base64" > <img data-local="bbb" class="small- 阅读全文
posted @ 2023-09-27 11:49 干饭熊猫人 阅读(11) 评论(0) 推荐(0)
H5字体大小不受用户手机设置影响的方法
摘要：在做H5页面的时候，发现在老板的安卓手机字体出现了排版错乱，且字体变的异常的大，原因是老板的微信设置了字体放大，导致H5页面的字体也变大了。 搜索到了一个方法，做一个记录 在index.html里添加一个script标签，把以下代码添加进去，即可让页面不受手机设置影响 <script> (funct 阅读全文
posted @ 2022-12-15 15:50 干饭熊猫人 阅读(1125) 评论(0) 推荐(0)
vite项目使用tailwind热更新无效
摘要：今天试着创建一个vite项目，同时使用tailwind这个css库，但在使用的时候发现样式不能热更新，得npm run dev一次之后才起作用，重新看过文档后确定整个引入步骤没有问题。 正常的话会同时热更新index.css文件 、 不正常的状态 请教了另一个朋友，朋友也试着创建了一个demo，但一 阅读全文
posted @ 2022-04-25 21:09 干饭熊猫人 阅读(2261) 评论(0) 推荐(1)
公众号H5跳转微信小程序
摘要：公众号H5跳转微信小程序 项目需要通过点击产品列表进入到对应的微信小程序，而从公众号H5跳转到指定微信小程序，则需要用到微信开放标签 // html部分 <wx-open-launch-weapp id="launch-btn" // 用与获取节点 username="gh_xxxxxxxx" // 阅读全文
posted @ 2022-04-25 09:25 干饭熊猫人 阅读(735) 评论(0) 推荐(0)
获取URL里的参数的方法
摘要：URL参数获取 需要获取URL参数的时候，可以用以下这个方法 getUrlParams(paras) { const url = location.href; const paraString = url.substring(url.indexOf("?") + 1, url.length).spl 阅读全文
posted @ 2022-04-02 10:34 干饭熊猫人 阅读(1435) 评论(0) 推荐(0)
新环境准备工作
摘要：检查环境 node node -v 查看是否有node，有的话会显示node的版本 @vue/cli vue --version 查看是否有@vue/cli，有的话会显示版本号 git设置 git clone 一般会要求输入账号密码，如果报错了，可能是绑定了上一个离职的小伙伴的信息 查看电脑是否有别 阅读全文
posted @ 2021-11-12 21:55 干饭熊猫人 阅读(54) 评论(0) 推荐(0)
IOS浏览器点击input输入款自动放大解决方法
摘要：H5页面，ios点击input框，输入内容时，页面会自动放大，且失焦后需手动放小。 这是因为在移动端自适应宽度的代码中，没有把input的自动缩放关闭！一般常见于苹果手机的ios系统，而安卓系统似乎是默认关闭。 input框自动放大，虽然说有便于用户的输入和阅读，但也同时给用户带来了视觉的麻烦，所以 阅读全文
posted @ 2021-09-24 15:12 干饭熊猫人 阅读(2140) 评论(0) 推荐(0)
JS数据类型
摘要：数据类型 JavaScript中两大类数据类型 基本数据类型 类型名 typeof检测结果 值举例 基本类型值 数字类型 数字类型number 数字类型number5 字符串类型 string 'ABC博客' 布尔类型 boolean true undefined类型 undefined undef 阅读全文
posted @ 2021-07-01 13:57 干饭熊猫人 阅读(84) 评论(0) 推荐(0)
列表标签
摘要：无序列表 <ul>标签和<li>标签 无序列表使用<ul></ul>标签，每个列表都是<li></li>标签 <ul> < unordered list 无序列表 <li>面包</li> < <li>牛奶</li> < list item <li>鸡蛋</li> < 列表项 <li>水果</li> 阅读全文
posted @ 2021-06-27 22:48 干饭熊猫人 阅读(91) 评论(0) 推荐(0)
转义字符与HTML注释
摘要：转义字符 常见转义字符（字符实体） HTML注释 为代码添加注释非常重要，可以使日后再阅读代码或者他人阅读代码提供提示 可以在vscode编辑器里使用 ctrl+/ 输入 <!-- --> 阅读全文
posted @ 2021-06-26 21:58 干饭熊猫人 阅读(77) 评论(0) 推荐(0)
段落 标题 div标签
摘要：标题标签 h系列标签表示“标题”语义，h是headline的意思 标签 语义 h1 一级标题 h2 二级标题 h3 三级标题 h4 四级标题 h5 五级标题 h6 六级标题 搜索引擎非常看重<h1></h1>标签的内容，应该将重点内容放到<h1></h1>中，比如网页的Logo等 <h1></h1> 阅读全文
posted @ 2021-06-26 21:34 干饭熊猫人 阅读(484) 评论(0) 推荐(0)
标签学习
摘要：标签 HTML叫做“超本文标记语言”，超文本标记就是标签 标签通常成对出现 <p>不负韶华，只争朝夕</p> ↑ 起始标签 ↑ 结束标签 不同功能的标签有不同的功能 不同功能的标签有不同的功能 p标签表示段落 <p>不负韶华，只争朝夕</p> h1标签表示一级标题 <h1>不负韶华，只争朝夕</h1 阅读全文
posted @ 2021-06-26 21:01 干饭熊猫人 阅读(102) 评论(0) 推荐(0)
前端学习
摘要：HTML(超文本标记语言) HTML骨架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=" 阅读全文
posted @ 2021-06-26 19:01 干饭熊猫人 阅读(90) 评论(0) 推荐(0)