h5 IOS微信浏览器input输入账号键盘闪烁 问题 由项目需求 只能在手机微信浏览打开h5页面 在登录界面。输入账号时,ios手机软键盘反复闪烁 原因 因为微信浏览器的重绘行为; 简单理解就是,自ios11开始,苹果手机的浏览器就有了自动填充密码的功能, 具体来说就是一个手机号密码登录的页面,ios识别到当前页面有密码输入框,所以触发了自动填充密码的功能。 解决方案 autoComplete="off" 和 autoComplete="n 前端 2024年10月28日 46 点赞 0 评论 6720 浏览
3种前端文件下载的方式 前端下载有两类,一类是直接让浏览器接管的(点击a链接触发),另一类是先在内存里下载好(blob),然后调用浏览器的保存。 1.window.open 我最初使用的方法就是这个,只要提供了文件的服务器地址,使用window.open也就是在新窗口打开,这时浏览器会自动执行下载。 2.a标签 其实window.open和a标签是一样的,只是a标签是要用户点击触发,而window.open可以主动触发 前端 2024年10月30日 137 点赞 0 评论 12312 浏览
26、关于父元素高度塌陷和块级格式化环境BFC BFC块级格式化环境 bfc是css中的一个隐含的属性,可以为该元素开启一个独立的布局区域 ,它包含着一定的规则 元素开启bfc的特点: (1)不会被浮动元素覆盖 (2)子元素和父元素的margin不会重叠 (3)可以包含浮动的子元素 一些特殊方式: 设置元素浮动;float:left;(不推荐) 设置行内块元素(不推荐) overflow设置为非visible 这里有详细的介绍: (1 前端 2024年10月30日 49 点赞 0 评论 17065 浏览
React学习之——条件渲染(个人笔记) React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。 if运算符 function UserGreeting(props) { return <h1>Welcome back!</h1> 前端 2024年11月02日 63 点赞 0 评论 3721 浏览
设计模式之观察者模式 1. 观察者模式 观察者模式(Observer Pattern) 观察者模式又叫作发布-订阅(Publish/Subscribe)模式、模型-视图(Model/View)模式、源-监听器(Source/Listener)模式或从属者(Dependent)模式 一对多的依赖关系,一个主题对象可被多个观察者对象同时监听,每当主题对象状态变化时,所有依赖它的对象都会得到通知并被自动更新 观察者模式 前端 2024年11月05日 167 点赞 0 评论 14773 浏览
Vue中的keep-alive是什么意思?以及如何使用 一、keep-alive是什么? <keep-alive>是vue内置的一个组件,能在组件的切换的过程中将状态保留在内存中,防止重复渲染DOM 包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们! <keep-alive>是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件中,作为标签使用 包裹在需要缓存的组件中 注意: 1. include 字符串 前端 2024年11月05日 139 点赞 0 评论 4130 浏览
Navigator.sendBeacon-页面关闭也能发送请求 背景 最近在需求中有一个这样的场景:需要在页面关闭的时候,用户不需要操作,主动关闭当前订单 当时考虑的方案:在页面关闭的时候,向后端发送一个请求,将这个资源释放掉; 定下方案时,觉得也不是什么难事,觉得谷歌浏览器应该会提供页面关闭的 API 供开发者使用。 经过查找,找到了这么两个 API :beforeunload 和 unload beforeunload 当浏览器窗口关闭或者刷新时,会触 前端 2024年11月05日 121 点赞 0 评论 14623 浏览
微信小程序——全局数据共享 全局数据共享,也叫做状态管理,是为了解决组件/页面之间的数据共享问题 开发中常用的数据共享方案有 Vuex、redux、MobX 等 小程序中的数据共享方案 使用 mobs-miniprogram 配合 mobs-miniprogram-bindings 实现数据共享 mobs-miniprogram 用来Store创建实例对象 mobs-miniprogram-bindings 用来把St 前端 2024年11月06日 45 点赞 0 评论 5142 浏览
vue.js怎么实现全屏显示功能 1、安装vue-fullscreen npm install vue-fullscreen 2、在mian.js中引用并注册 import fullscreen from 'vue-fullscreen' Vue.use(fullscreen) 3、点击按钮上绑定fullscreen方法 data中定义:fullscreenFlag:false fullscreen() { // 前端 2024年11月06日 90 点赞 0 评论 18694 浏览
小程序页面之间(传值)传递数据的方法 1、给html元素添加data-*属性来传递值,然后通过e.currentTarget.dataset或onload的param参数获取(data- 名称不能有大写字母,不可以存放对象) 2、设置id 的方法标识来传值,通过e.currentTarget.id获取设置的id值,然后通过设置全局对象的方式来传递数据 3、在navigator中添加参数数值 4、使用全局遍历实现数据传递 5、页面跳转或 前端 2024年11月07日 133 点赞 0 评论 10054 浏览