小记心得

store.js 是一个兼容所有浏览器的 LocalStorage 包装器，不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。代码：store.set('username', 'marcus')store.get('username')store.re

移动端模拟导航可点击自动滑动 0.1.4。导航可左右滑动，可点击边缘的一个，自动滚动下一个到可视范围【依赖于iscroll.js】。废话不多说直接上代码：/* * 移动端模拟导航可点击自动滑动 0.1.4 * Date: 2017-01-11 * by: xiewei * 导航可左右滑动，可点击边缘的一个，自动滚动下一个到可视范围【依赖于iscroll.js】 */

最近，移动端的项目越来越多，每个项目中都有登录注册界面等，异常提示的弹框和tip用的较多，于是抽出点时间封装了下对应的jquery插件，和一个函数；以便项目重用性。废话不多说，直接上代码：1  模拟alert弹出框函数//模拟alert弹出框函数；datetime：20160727；by：xiewei【依赖于flexible.js和jquery或者zepto】 fu

关于placeholder的使用，众所周知它是h5的新属性，所以IE9以下就别想用它了，不支持。那么我们必须要低版本的浏览器，做一些降级处理的兼容，原理自然就是：提示语placeholder用其他方式替代显示咯。以下是一小段兼容处理。代码如下： welcome to ixiewei world body{font:12px/1.5 "

placeholder占位符文字，也可以设置对应的颜色，透明度等样式，具体如下：/*placeholder字体颜色*/::-webkit-input-placeholder { /* WebKit browsers */ color:#ccc;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#ccc;}

最近项目中遇到一个令人头疼的问题，查阅各种资料，尝试各种方法，最终得以解决；哎···下面就说说这心酸的历程吧。大家都知道autocomplete属性是表单字段中的HTML5新属性，该属性有两种状态值，分别为"on" 和 "off"，该属性可省略：省略属性值后默认值为"on"，也可以省略属性名，直接写入关键字on或off。网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，

项目中有用到iScroll做移动端滑动效果的，里面有input复选框组件；此时出现了，点击复选框不起作用现象。原因：由于iscroll要监听鼠标事件和触摸事件来进行滚动，所以禁止了浏览器的默认行为。解决办法如下，由于iScroll5和4源码变化较大，所以处理方式有点不同，但是大致解决办法是一样的：方法一（元素排除法）：iScroll5版本：源码中找到事件

在仪表盘的任务增多同时，列表页的百分比圆环或圆饼也随之增多，于是顺手在仪表盘的基础上，封装了一个小小的jquery插件（jq-canvaspercent.js），暂且版本1.0吧，到以后业务的变化在对其进行功能拓展；暂时性用于页面中有多处百分比圆环的效果处理，还是不错的。jq-canvaspercent.js代码比较简单，以下直接给出插件代码和几张截图：/* * canvas

由于最近工作中，经常会遇到一些动态百分比的仪表盘，一开始都是用图片样式方式实现；但是随着越来越多的项目，决定用canvas绘制一个简易的仪表盘，便于以后项目中直接使用；现版本只是书写为方法形式，也许之后会有时间对其优化为插件形式。简简单单而已，以下直接给出代码： canvas绘制简易百分比仪表盘dash

之前，已经对此作了介绍，现优化整理出一个实用版本的flexible.js文件,可直接拷贝使用，代码如下：;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'

此段代码实现动态计算，事实上他做了这几样事情：动态改写  标签给  元素添加 data-dpr 属性，并且动态改写 data-dpr 的值给  元素添加 font-size 属性，并且动态改写 font-size 的值代码：;(function(win, lib) { var doc = win.document; var docEl = doc.doc

做这样的判断，原则上应该是后台程序判断处理，更为严谨；但是在一些h5页面中，不需要太严格，则通过js也可做对应判断。原理：通过判断客户端的userAgent方式解决。代码如下： var $rongyinu_app="rongyinu://com.rongyinu.platform"; //app程序协议，可对应调取打开相应app var $android_url="/do

HTML5结合ajax实现文件上传以及进度显示；带进度条的HTML5上传文件（使用XMLHttpRequest对象；HTML5之FileReader的使用

最近公司的某产品中，有动态热图的展现，分别展现某个时间段的热图时间变化，例如：最近一周七天内，每天的热图分布变化图；客户提出一个需求，这个动态变化的图生成一个gif图提供下载是否可行？实现方案：1.可通过服务端生成对应gif，然后前端请求下载2.前端自己实现生成gif图片，自行下载采用方案：前端实现方式，于是在网上找各种相关的几款组件调研，均有利弊，推荐两款好用并且稳定的组件：1 html...