自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 仿 微信删除@用户名功能

/ 查询字符串中是否有以@开头和空格结尾的格式。这只是一中是实现方式,有问题就提出来我好修改。// 删除距离光标最近的符合筛选逻辑的字符串。如果每天脑子都这样短路那该多好,可惜不是的!竟然想研究微信 @人名 删除功能,如何实现。人闲着就会胡思乱想,不知所措。谁知道为何今日脑子短路。// 获取光标所在位置。

2023-09-21 14:05:55 147

原创 Loading chunk {n} failed 解决方法集合

在加载网页时遇到了"Loading chunk {n} failed"的错误,这可能是由于以下几个原因之一: 1. 网络连接问题 2. 缓存问题 3. 服务器问题 4.浏览器兼容性问题

2023-07-05 10:35:28 3697 2

原创 uniapp Toast组件封装

项目需要uni自带的弹窗样式不适合现在的业务需求,样式多端不统一,所以自己封装的这个组件。主要是里边的js 样式根据自己业务需要改造。

2023-06-29 16:16:31 1332

原创 uniapp二次封装image 包含主色调识别,默认图,加载失败图

uniapp 二次封装image 包含主色调识别,默认图,加载失败图

2023-06-14 10:39:32 703

原创 vue重置data数据 神器之Object.assign()

例如:用户退出登录,from表单重置数据等等。一行代码搞定

2023-01-13 10:31:34 1264

原创 vue路由跳转页面滚动到顶部

注意: 这个功能只在支持 history.pushState 的浏览器中可用。今日一句: 遇见问题不要慌抽根烟,看官网。

2022-10-14 15:04:20 2286

原创 白屏时间和首屏时间

如何计算白屏时间和首屏时间

2022-07-28 15:03:06 341

原创 Map跟object 的区别

Map和object的区别

2022-06-17 13:36:32 154

原创 keep-alive 理解 如何实现?缓存是什么?

include 字符串或者正则表达式,只有名称匹配的组件会被匹配exclude 字符串或者正则表达式,任何名称匹配的都不会别缓存max 数字 最多缓存多少组件实例主要流程判断组件 name ,不在 include 或者在 exclude 中,直接返回 vnode,说明该组件不被缓存。获取组件实例 key ,如果有获取实例的 key,否则重新生成。key生成规则,cid +“∶∶”+ tag ,仅靠cid是不够的,因为相同的构造函数可以注册为不同的本地组件。如果缓存对象内存在,则直接从缓存对象

2022-06-15 15:54:52 1291

原创 css页面添加水印 pointer-events: none; css3解决 JS鼠标事件穿透到子标签

css页面添加水印 pointer-events: none; css3解决 JS鼠标事件穿透到子标签

2022-06-09 17:29:48 347

原创 C:\Program Files\Git\cmd\git.EXE ls-remote -h -t https://github.com/nhn/raphael.git

C:\Program Files\Git\cmd\git.EXE ls-remote -h -t https://github.com/nhn/raphael.git

2022-04-20 11:32:32 2756

原创 微信 深色模式适配

问题描述提示:这里描述项目中遇到的问题:用户反馈 页面没有随着手机模式(深色模式,正常模式)切换 而改变!!!解决方案:思路:prefers-color-scheme 媒体查询 具有两个可以指定的有效值: light 和 dark :第一种 :用css来解决问题/* Defaults */ :root { --color-scheme-background: pink; --color-scheme-text-color: red;} /* Li.

2022-03-17 16:07:54 336

原创 css按钮动画 之放大缩小

css按钮动画 之放大缩小

2022-01-15 10:26:50 1123

原创 检测小程序是否授权定位

检测小程序是否获取定位需求** 1.用户手机硬件定位没开启 ** * 提示 *** 2.小程序没有授权定位 ** * 提示 *第一步 app.json 添加 permission "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口展示" }第二步 我一般这个放app.js 添加 isGetlocation isGetlocation(cb)

2021-12-03 17:06:57 1163

原创 点击跳转当前页面指定位置

scrollIntoView该scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。链接:==> 官网介绍这里我就不喷了. function scrollIntoView(id){ this.$el.querySelector(id).scrollIntoView({ behavior: 'smooth', // 平滑过渡 block: 'start' // 上边框与视窗顶部平齐。默认值

2021-11-23 13:11:44 657

原创 微信小程序 条码 二维码生成

wxbarcode微信小程序生成条码和二维码模块。自己 整理了一下链接: github 项目源码地址.效果安装因为电脑卡了还没有发布npm包 功能好了$ npm install wx-qrcode使用方法import wxQrcode from 'wx-qrcode'/** *barc 生成条码 * @param {*} id canvas 的id String 必填 * @param {*} code 内容条码 String 必填 * @param {*} wid

2021-11-18 18:03:01 2323

原创 自定义组件适配 iphone 底部安全区 顶部刘海屏

这里写目录标题项目场景:ios 顶部 底部 适配问题解决方案:在 index.html 的 head 标签中加入以下 meta:在项目 index.css 中添加下列样式:1.开启顶部安全区适配2.开启底部安全区适配注意事项!!错误1.怎么看是否生效 :项目场景:ios 顶部 底部 适配问题1.iPhone X 等机型底部存在底部指示条,指示条的操作区域与页面底部存在重合,容易导致用户误操作,因此我们需要针对这些机型进行安全区适配。2.ios 系统顶部刘海屏遮挡页面解决方案:在 index

2021-11-16 17:24:31 1988 1

原创 Vue 移动端出现弹出层时,禁止底部页面跟随滑动

这里写目录标题Vue 移动端出现弹出层时,禁止底部页面跟随滑动背景Vue 移动端出现弹出层时,禁止底部页面跟随滑动背景最近不在状态 ,感觉自己浑浑噩噩的需求就是弹出框弹出的时候禁止页面滑动,很多时候用css 就能结局 但是有的时候没办法! 所以想到了用js来解决这个问题!1.在有弹出框的页面中,加上以下方法,弹出框出现时调用禁止滚动方法stopScroll(),弹出框去掉是调取允许滚动方法canScroll()即可,代码如下:methods : { //禁止滚动 stopScrol

2021-11-15 16:38:56 3942 2

原创 小程序tabBar自定义全套

小程序自定义tabBar 注意事项!!!组件位置需要与pages在同一级目录文件夹名称必须是 custom-tab-bar文件名必须是 index.后缀业务需求需要自定义tabbar自定位 custom-tab-bar 文件 如下:例如需要判断登录问题index.js 页面// components/Tabbar/tabbar.jsimport storage from '../utils/cache'Component({ /** 1. 组件的属性列表 */

2021-11-05 17:33:25 325 1

原创 最新vue面试题集合

Vue 面试题文章目录Vue 面试题前言一、什么事MVVM?二、组件间通信 常用的1.父传子通信 props2.子传父 $emit3.跨组件传参三、生命周期四、 vue组件中data必须是一个函数五、Vue 中 v-if 和 v-show 有什么区别?六、Vue 中 computed 和 watch 有什么区别?七、$nextTick 是什么Vue八、v-for 中 key 的作用是什么?九、Vue 的双向数据绑定原理是什么?十、如何动态更新对象或数组的值?十一、常用的事件修饰符有哪些?十二、Vue

2021-11-04 08:38:51 573

原创 微信授权登录

微信授权登录1.跳转微信 获取codefunction UrlCode(appId ) { // 获取微信code const Url = encodeURIComponent(location.href) window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${Url}&response_type=code&sc

2021-11-03 17:40:53 222

原创 关于微信适配的坑==》ios、安卓强制微信字体

项目场景:嵌入式微信H5页面已做适配,但是还会变形问题描述: 很多时候做微信H5内嵌的时候会发现,已经做了适配但是有的手机就是会变形原因分析:我目前知道的原因是每个人微信字体不一致造成解决方案:安卓解决方案 /* eslint-disable */ /** 限制用户修改字体大小 */ setting () { if(typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.i

2021-11-03 16:00:12 406

原创 2021前端常见的面试题总结

eval这个方法有什么用eval可以直接把一段字符串转换为js代码==和 ===区别?==会在数据类型不同的时候,先进行类型转换在比较===不会进行类型转换,直接进行比较js中常见的数据类型值类型和引用类型有什么区别?浅拷贝和深拷贝浅拷贝的方法:…扩展运算符Object.assign深拷贝1. JSON.parse(JSON.stringify(obj))lodash中的方法自己写代码实现事件传播流程捕获阶段:是从html标签开始到当前触发事件的标签为止事件源阶段

2020-07-17 10:53:38 252

原创 2020 前端面试题Go Go Go

js中有哪些数据类型六种原始数据类型Boolean 有两个值true和falseNumber 数字String 字符串Null 值为null,指对象的值没有设置Undefined,没有被复制的变量会有一个默认值undefinedSymbol 符号,定义了之后就不能被修改引用类型 Objectjs中判断数据类型的方式typeof 返回一个字符串,表示数据类型instanceof 判断A是否是B的实例undefined和null的区别变量被声明但是没有赋值,等于undefine

2020-07-05 17:48:50 1120

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除