Aimee的博客

前言常规前端项目中，需要规范团队的代码规范，除了手动的修改代码之外，可以借助插件来实现保存修改。这里选用eslint和prettier来实现代码风格统一。关于prettierprettier是一个代码美化工具，关于prettier配合使用的插件，包括eslint-plugin-prettier,还有其他的插件和脚本，具体可以参考https://github.com/prettier。官方给...

上一次说过了 H5移动端横竖屏切换监听的写法。横竖屏监听代码如下，这里就不做详细说明了。

对移动端H5定位，基于浏览器的定位，准确获取经纬度，计算最近距离定位插件 选用多个定位插件，最终决定使用高德地图的插件，在页面中引用http://webapi.amap.com/maps?v=1.4.4&key=您申请的key值 即可，然后再根据需求调用对应的函数，我所开发的项目使用API的是AMap.Geolocation获取当前浏览器的定位，AMap.CitySear...

使用jquery的extend扩展弹框插件jquery的extend用一个或多个其他对象来扩展一个对象，返回被扩展的对象。如果不指定target，则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true，则jQuery返回一个深层次的副本，递归地复制找到的任何对象。否则的话，副本会与原对象共享结构。 未定义的属性将不会被复制，然而从对象...

超简单的 jquery 版 手风琴滑块效果h5手风琴效果的写法有很多，我所写的效果 主要是使用jquery的animate方法实现的，鼠标移入手风琴左右滑动展示当前的模块，具体效果如下： 查看地址 link>>页面结构如下：将所要展示的图片生成列表<!--手风琴图片展示--><div class="accordionBox"> ...

根据项目的一些需求，经常需要横屏展示H5，但对于开启自动横竖屏的手机，横屏时转竖屏，或者竖屏转横屏时，页面布局可能会乱。通过各个手机设备的测试，主要原因是iphone手机反应比较快，而安卓机稍微慢一点，就不会出现页面布局乱的情况。于是就对iphone  手机在横竖屏旋转监听时添加延时，解决了画面乱的情况。

iphone手机屏幕尺寸移动端H5开发有必要了解一下主流手机的页面可视窗口大小，可以提前告知设计师，避免不必要的麻烦，对于手机适配也更好把控。

解决iphone 微信H5自动播放音乐问题——由于苹果的ios系统的安全保护较严格，iphone手机打开微信H5的时候（针对于已对audio标签设置 autoplay为true的H5），通常要先点击屏幕，才能触发音乐播放，经过研究，有更简便的方法可以处理。

绝对定位 和 float 的层级在写代码的无意中，对有相同的父元素的不同的两个元素同时使用了position absolute 和float 定位，造成了层级混乱。

最近开发了不少skrollr移动端H5项目，其中就遇到横竖屏会对skrollr的元素监听造成影响，页面元素为定位不准。

今天研究了一下递归循环，展示留言评论功能。

jquery 表情输入框，可存数据库前两天优化博客的时候，想在留言评论版块插入表情输入功能，并且用户能够存入数据库，并且可以在前台读取展示，于是研究了一下表情包，解决方法如下

之前写H5移动端都是使用window.innerWidth 获取视口的宽度，计算rem来写样式； 如： 计算rem /******rem *******/(function(win){ var remCalc = {}; var docEl = win.document.documentElement, tid, hasRem = true...