谷歌chrome浏览器在用户登录记住密码之后通常会改变input框的背景色input CSS样式input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {-webkit-text-fill-color: #ededed !important;-webkit-box-shad...

1.部分iOS系统中软键盘收起H5页面不回落项目中遇到了，页面中input框输入信息软件盘弹起，输入完成后，点击确定，软件键盘收起时，发现页面底部滚动到上面，底部留白，页面不会弹到底部。解决方法如下：// 解决H5页面ios软键盘收回页面卡半屏问题$("input,select").blur(function() {var u = navigator.userAgent;if (u.indexOf

在做项目时，我们的页面风格往往都是统一的，页面布局大多也相似，这样我们就可以吧相同的，可以复用的组件封装起来，页面上需要使用时，引用就可以了；下面介绍一个自己封装的页面布局组件1.在components下新建PageFrame/index.vue,内容如下：<template><div class="page-frame"><div clas...

需求背景最近在做H5项目时，遇到一个需求，公司所有的项目共用了一个防人机页面，当人机验证完成时需要把结果参数发送给调用它的父页面，APP端在使用验证页面时，结果是通过H5与APP交互方法传递的；但是H5引用这个页面时，只能通过iframe内嵌的方式来实现，这样在验证通过后就面临着iframe内嵌页面需要将验证结果发送给外部父页面，通知外部父页面做相应的处理；实现方式1.父页面发送消息，子页面接受消

在项目中我们经常会做多个小的vue项目，这些项目页面不多，功能也不复杂，它们可以共用依赖，但是我们又不能每个小项目单独初始化vue项目，这个时候，我们就希望在一个vue脚手架下创建多个子项目，它们互不干扰，可以独立运行，但又能共用一套依赖；其实这个需求尤大大早就替我们想到了，在vue-cli的官方文档中就有介绍;pagesType:Obj...

前言作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。常规操作哈，点赞后再观看呗！你的点赞就是我创作的动力之一！问题下面列举了我遇到的一些常规问题，如有遇到其他问题请在评论区补充，之后我也会实践后加以补充，感谢！（经常更新该文）...

前段时间接到一个做报表的项目，需要将数据导出成excel表格，表格模板中有很多表格是需要合并的，之前没有这方面的经验，也为难了好久，后来终于发现一个好用的js插件，完全能够实现我需要的功能，一块分享给大家；由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库，功能强大，支持格式众多，支持xls、xlsx、ods(一种OpenOffice专有表格文件格..

         早上接到阿里云客服的电话，告知我之前买的云虚拟机快到期了，问我要不要续费，我去看了下控制台，感觉自己留着这个还是蛮有用的，就续费了，随便翻了下控制台，看见虚拟机上面的数据库还没怎么用过，就想着利用一下，再加上自己最近在捣鼓一些小玩意，零零总总的也学到一些东西，这更激发了我的动手欲，我就试着使用PHPstorm连接我允许你主机上的MySQL数据库，本以为没什么难得，可谁知道还是遇到

接到一个H5小游戏的需求，需要强制H5横屏显示；大概效果如下：实现原理利用transform将这个父容器在竖屏状态下整体顺时针旋转90º，页面就处于横屏的状态。但是因为旋转元素的基点默认为本身的中心点。所以我们设置一下它的旋转中心为左上角（transform-origin: 0% 0%；），这样页面被“转出了屏幕”停留在屏幕的左侧，最后一步只需要将它往右平移一个屏幕的宽度就刚刚好（left：100

在Vue项目中使用npm install  安装项目依赖是，安装到中途突然报了如下错误  错误内容：npm ERR! Unexpected end of JSON input while parsing near '...^0.1.6","cross-spawn"'npm ERR! A complete log of this run can be found in: