weixin_40542544的博客

移动端,ios底部安全距离

1、 重绘：元素样式的改变（但宽高、大小、位置等不变）2、回流：元素的大小或者位置发生改变（当页面布局和几何信息发生改变的时候），触发了重新布局导致渲染树重新计算布局和渲染如添加或删除可见的DOM元素；元素的位置发生变化；元素的尺寸发生变化、内容发生变化（如文本变化或图片被另一个不同尺寸的图片所代替）；页面一开始渲染的时候（无法避免）；​ 因为回流是根据视口大小来计算元素的位置和大小的，所以浏览器窗口尺寸变化也会引起回流...

Vue实现返回顶部功能<template> <div class="scrollTop"> <div class="backTop" @click="backTop"> <button v-show="flag_scroll"> 返回顶部 </button> </div> //数据源 <di

H5端jsBridge引入方式由h5端引用在我司移动端初期版本时采用的是该方式，采用本地引入 npm 包的方式进行调用。这种方式可以确定 JSBridge 是存在的，可直接调用 Native 方法。但是如果后期 Bridge 的实现方式改变，双方需要做更多的兼容，维护成本高由native注入这是当前我司移动端选用的方式。在考虑到后期业务需要的情况下，进行了重新设计，选用 Native 注入的方式来引用 JSBridge。这样有利于保持 API 与 Native 的一致性，但是缺点是在 Native

在h5的开发中，input有些自带的表单控件会有下拉箭头，如下图所示，有的人觉得并不好看，想用自己的图片作为背景让控件更美化，于是就想去掉自带空间控件样式。我自己用到的时候用了好几个办法，就下边这个最好用。在需要更改的input的样式加下面这行代码就能实现：-webkit-appearance: none;这行代码会去掉当前控件的自带样式去掉，加上后代码如下图...

1.2.微信小程序适配iPhoneX底部小黑条(Home Indicator) （1）适配方案一：使用已知底部小黑条高度34px/68rpx来适配（不推荐） （2）适配方案二：使用微信官方API，getSystemInfo()中的safeArea对象进行适配（推荐） （3）适配方案三：使用苹果官方推出的css函数env()、constant()来适配 （推荐）3.H5适配iP...

1.闭包（1）闭包就是一个函数，两个函数彼此嵌套，内部函数就是闭包形成闭包条件是内部函数需要通过return给返回出来（2）①、闭包就是能够读取其他函数内部变量的函数。　　 ②、将函数内部和函数外部连接起来的桥梁2.localstorage,session,cookie的区别1.cookie始终在同源的http请求中携带，即使不需要，cookie在浏览器和服务器中来回传递。而localS...

微信小程序基础面试题1.微信小程序的优劣势？优势：①容易上手，基础组件库比较全，基本上不需要考虑兼容问题；②开发文档比较完善，开发社区比较活跃，支持插件式开发；③良好的用户体验：无需下载，通过搜索和扫一扫就可以打开，打开速度快，安卓上可以添加到桌面，与原生APP差不多；④开发成本比APP要低；⑤为用户提供良好的安全保障（小程序发布 严格的审查流程）劣势：①限制较多，页面大小不能超...

H5引入了应用程序缓存，意味着WEB应用可进行缓存，可在没有因特网时进行访问应用程序缓存的优势：离线缓存：用户可在离线时使用它们速度：加载速度更快减少服务器负载：浏览器只从服务器下载更新的或者更改过的资源实现缓存实现借助manifest文件HTML缓存1、每次的http请求头中，都会带有cookies——缺点；2、每个域名只能存储4K大小的cookies;3、主域名污染：如果...