前端 - 飘逸的风-分享点滴生活

当前位置：分类前端下的文章

CSS如何实现手机端底部导航绝对居中

最近在做一个web移动端的项目，底部导航菜单本来是固定的4个，后来客户要求，底部导航按钮可以后台编辑，也就是说，可以是4个，也可以是4个。但是，按照4个的距离设定好样式，当按钮增加5个的时候，整体样式就不对了。一种方法是程序动态调整每个按钮的宽度百分比，但是这样不够自动化。找了一些CSS相关资料，最终完美解决这个问题（这对于前端工程师来说是小菜一碟）。以下是解决方法： ....

2020-11-26 飘逸的风 0条评论 39人围观标签: CSS 阅读全文
安卓Android微信中自带浏览器文字变大如何解决

用安卓手机微信自带浏览器打开网页，如果系统字号放大了，那么访问的网页字体也会跟着变大，这个问题如何解决呢？可以使用微信WeixinJSBridge对象来阻止字体大小被调整。以下是代码：

2020-4-23 飘逸的风 0条评论 728人围观标签: JS 阅读全文
微信内置浏览器打开网页有时JS无法执行问题解决方案

苹果IOS微信内置浏览器打开网页，有时不会执行JS脚本，android安卓手机微信浏览器偶尔也有这样的问题，经过多次调试，发现是微信浏览器缓存了渲染页面，没有重新渲染页面，导致window.onload中JS无法执行。经过以上分析判断，给出的解决方案就是，如果使用了缓存，自动重载页面。以下是JS代码解决方案：

2020-4-23 飘逸的风 0条评论 2010人围观标签: JS渲染阅读全文
H5页面点击事件不生效问题如何解决？

H5页面里的标签绑定了点击事件，但是点击时有时不生效，直接使用 $(document).on(‘click’,function(){}) 绑定了点击事件，在点击它的子元素的时候点击事件并不生效。但是在浏览器模拟一切正常。遇到这种情况，以下是几种解决方案可供参考……

2020-4-8 飘逸的风 0条评论 1192人围观标签: JS 兼容性问题阅读全文
js输入框只能输入数字的方法

分享下js输入框中只能输入数字的方法，包括整数与小数，分享几个例子，有需要的朋友参考下。 1.使用正则表达式限制输入框只能输入数字： <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" onafterpaste="this.value=this.value.replace(/[^\...

2018-7-10 飘逸的风 0条评论 2637人围观标签: JS 阅读全文
JS移动客户端--触屏滑动事件

移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: ...

2018-6-4 飘逸的风 0条评论 2764人围观标签: JS 阅读全文
如何禁止百度手机搜索时对网页转码？

在网页<head></head>之间添加两端代码即可搞定。 <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> 网上查询的资料，百度和搜狗重新收...

2018-3-31 飘逸的风 2条评论 4012人围观标签: SEO搜索优化阅读全文
iPhoneX top:0出现的问题解决办法

前言 iPhoneX还没有正式开售，目前网上对其适配就引发了不少争论和吐槽。下面我就来谈谈ios11的WebView Viewport 及iPhoneX刘海想到的。 ios11的WebView Viewport 为了适应iPhoneX的刘海，ios11顶部状态栏做了更改，更改之后，我们在iphone8中，假如设置一个固定元素，top: 0。就会出现如下情况。解决...

2017-12-20 飘逸的风 0条评论 5869人围观标签: CSS iphoneX 阅读全文
css font-family常用的黑体宋体等字体中英文对照

在实现网页效果时，细节很重要，字体也不例外，CSS：font-family常用字体中英文对照如下：微软雅黑： Microsoft YaHei 宋体：SimSun 黑体：SimHei 仿宋： FangSong 楷体： KaiTi 隶书：LiSu ...

2017-12-7 飘逸的风 0条评论 3189人围观阅读全文
11个基础的HTML5动画工具

如今，在Web开发中最为流行的语言就是HTML5了，它帮助开发者将多样化的内容展现给用户。在过去两三年中，我们共同看到了HTML5的发展，它逐渐在网络的世界中积累了名气和流行度。HTML常常会给我们带来新的技术和特性，使得前端技术不断的发展强大。HTML5受到欢迎的原因也在于它给用户带来的极大便利，当前的大多数浏览器，如Chrome、Firefox、IE等都对它给予支持。 HTML5...

2017-9-12 飘逸的风 2条评论 3987人围观标签: HTML5动画阅读全文