随笔分类 - jquery
摘要：react-hammerjs是一款由hammer.js的JS插件来实现在react中实现手势滑动的事件插件， 它有各种各样的手势支持效果，这里我们就使用下它最简单的3种效果来实现我们要的动画 分别是点击（onTap）、滑动（onPan）、滑动结束（onPanEnd） 具体事件参数和其它事件可以参考官
阅读全文
摘要：一，HTML/5 1，浏览器渲染过程 主流浏览器渲染过程叫法有区别，但是主要流程还是相同的。Gecko 将视觉格式化元素组成的树称为“框架树”。每个元素都是一个框架。WebKit 使用的术语是“呈现树”，它由“呈现对象”组成。对于元素的放置，WebKit 使用的术语是“布局”，而 Gecko 称之为
阅读全文
摘要：最近在做一个官网类型滚动加载动画，使用到waypoint监听事件插件和animate动画样式，两者结合完美实现向下滚动加载动画，但是没有做向上滚动撤消动画，留待以后有空研究 首先来介绍下jquery.waypoint.js工具，这是一个实时监听页面滚动事件，它依赖于jquery，通过jquery添加
阅读全文
摘要：最近在移动应用中要做到一个录取汽车牌号码的功能，在网上找了一个插件后发现没有增加新能源车牌功能， 和同事研究了一下，将其进行改造完美的实现了这个功能，这里放出该插件的源码； 原插件来自A5源码网【http://down.admin5.com/texiao/138473.html】 <!DOCTYPE
阅读全文
摘要：轮播代码是代签博客园一位前辈写的代码，这里作了点小修改，实现了每张图片停留不同时间
阅读全文
摘要：var __LocalDataCities = { list: { "010": ["北京", "BEIJING"], "010010010": ["东城区", "DONGCHENG"], "010010020": ["西城区", "XICHENG"], "010010030": ["朝阳区", "CHAOYANG"], "010010050&qu
阅读全文
摘要：最近在项目中，因为还没使用前端构建工具，还在使用vue+jquery方法渲染页面 碰到几个小问题，在此记录下作为vue学习之路上的一个小知识点 需求：1、数据列表存在与否状态，没有数据显示默认提示，有数据则渲染出数据列表 2、列表数据存在3种状态，分别为0，1，2根据状态给数据打上可使用，已使用，已
阅读全文
摘要：用layer做操作结果提示时，发现如果页面超出屏幕的高度时，弹出的提示不是屏幕居中，而是在页面高度的中间，如果一个页面的高度比较大，就看不到提示了。 解决方法一： 当页面缺少下面这个声明时，在页面最上面加上声明就能解决问题。 页面就是少了这个，加上就正常。原因就是少了这个声明，导致解析页面时不正确
阅读全文
摘要：最近在用vue开发一个商品列表页，因需要根据请求回的字段是否有内容来显示隐藏该字段， 但因为vue异步加载导致显示隐藏方法不起作业（主要是判断条件取不到页面渲染内容），围观了vue生命周期后发现updated方法很好用
阅读全文
摘要：$(document).mousedown(function(e){ var _con = $("#up-list-ul-qlc"); if(!_con.is(e.target) && _con.has(e.target).length 0){ $("#up-list-ul-qlc").hide()
阅读全文
摘要：$(".up-list a.th1").click(function(){ $(this).next("ul#up-list-ul").show(); }); $(document).mousedown(function(e){ var _con = $("#up-list-ul"); if(!_con.is(e.target) &...
阅读全文
摘要：1，接口请求方式：post/get 2，产品编号读取数据修改：get传参通过生产线拉取对应产品编号/admin/f_kiln_operating_table/get_product_numberRoute('f_kiln_operating_table.get_product_number')参数:
阅读全文
摘要：$(function(){ $("body").on("focus","input,textarea", function() { if(!!$(this).attr('maxlength')){ var paopao =document.createElement('div'); paopao.style.left= $(...
阅读全文
摘要：5)value=value.slice(0,5)" /> //输入框为数字类型时防止maxlength属性不起作用 $('input').bind('input propertychange', function() { if($(this).attr("type")=="number"){ //获取输入框的最大长度 var mxaL= $(this)...
阅读全文
摘要：1.只显示年月日 2.只显示时分秒（需要引入时间插件文件。1.【jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.js】2.汉化【datetimepicker/js/jquery.ui.datepicker-zh-CN.js.js】） 3.显示年月
阅读全文
摘要：formValidator这个前台校验插件非常好用，其中有几个很有特点的方法可以单独提出使用，效果非常棒这里要说的是其核心方法之一，阻止提交动作，先校验，校验成功再执行提交动作 $("#php_submit").on('click', function () { all_val(); var ret = $.formValidator.pageIsValid("...
阅读全文
摘要：引用地址：http://juicer.name/docs/docs_zh_cn.html * 一个完整的例子
阅读全文
摘要：最近开发中碰到一个关于表单问题，在用户提交表单时候浏览器会提示是否保存帐号 如果点击保存，在退出帐号切换其他帐号时，浏览器会自动为表单填充数据，为了解决这个自动填充问题时， 主要分2个思路来解决，一个是在极速模式(google内核)下，浏览器会给包含有type为password的表单填充， 解决办法
阅读全文
摘要：多预览小图焦点轮播插件lrtk // JavaScript Document $(document).ready(function(){ //$('#select_btn li:first').css('border','none'); if ($('#zSlider').length) { zSl
阅读全文