加载中
轻量级滑块Swiper插件发布(仅3kb)

Light-Swiper 专注于移动端、轻量级Swiper原生插件(3kb gziped)。触摸事件基于element,不影响页面的触摸事件(如右滑返回上一页) 重构于Swipe,实现自定义swipe宽度、偏移量、无限轮播、...

2019/02/22 10:48
923
使用vue2+Vuex+Router重写饿了么点餐系统和vue插件简析

一直对vue很感兴趣,最近使用vue2.0开发了高仿饿了么点餐系统来练练手,不得不说vue真是一个很不错的框架,但是也遇到过一些坑,在这里和大家分享一下 饿了么点餐系统 vue2.0、vuex、vue-rou...

This其实不难,通过实例全面解析JS中的This

GitHub地址:https://github.com/SimonZhangITer/MyBlog/issues/12 this的指向问题应该是让每一个前端er都头疼的问题,我也一样,曾经遇到甚至都是一顿乱猜。最近在研读一些书籍如《你不知道...

2017/05/16 09:54
3.9K
Vue2+Echarts实现多种图表数据可视化Dashboard详解(附源码)

数据可视化 将数据通过图表的形式展现出来将大大的提升可读性和阅读效率 本例包含柱状图、折线图、散点图、热力图、复杂柱状图、预览面板等 技术栈 vue2.x vuex 存储公共变量,如色值等 vue-...

树状层级json转换数组的尾递归写法

树状层级包含关系的JSON转换为一个数组列表,使用尾递归算法不仅代码简单,而且性能高效,不会爆栈 需求简介: 把树状的JSON数据连起来转换成一个个的数组,如:item1层有一个item2,它的下面...

2017/01/24 17:21
4.3K
dataTables中文排序以及中英文混排乱序问题解决

dataTables是个强大的JQuery表格插件,但是不支持中文排序,这个比较令人头疼。 这里针对几种常见的数据格式写了一个dataTables的中文排序方法: //添加中文排序 function addChieseAsc() { ...

dataTables本地刷新数据解决只能初始化一次问题

dataTables的表格只能初始化一次,这样如果需要动态改变表格数据的话就需要写多个表格,这样很显然不是一个好的解决方案。 dataTables Api提供了刷新数据解决方案: 这里大概说一下案例:在一...

BootStrap同时显示多个Modal解决方案

使用BootStrap自带的Modal的时候,如果同时调用多个Modal,那么只能看到背景颜色加深但是看不见新的Modal页面。 问题主要是Modal的z-index有问题,重新计算z-index并赋值即可。在Modal完全加...

2016/12/14 12:13
1.8K
使用JQuery无刷新页面上传表单文件(Excel等)

直接在Form表单中提交请求会自动跳转到其他页面,这在一定程度上不符合业务需求,不过使用iframe内嵌的方式也可以解决这个问题,但是如果需要获取接口返回的数据,那么存放在iframe中就不是很...

ng-options和ng-checked在表单中的高级运用

AngularJS是当前非常的流行的前端框架,它的语法糖非常多,也极大的方便了前端开发者,但是有着用法还是需要去琢磨一下的 ng-options 在select表单控件中,总结一下目前的几种写法。 普通写法...

使用原生JS封装Tap事件,解决移动端300ms延迟

为了防止误操作,移动端iOS操作系统针对原生click事件做了300ms的延迟,这在一定程度上影响了我们的使用体验。 GitHub项目地址:https://github.com/SimonZhangITer/MyTapEvent FastClick 现...

Gulp实现SASS、HTML的监控和自动编译以及页面的自动刷新

Gulp是一款当前很流行的前端自动化构建工具 功能 先说明一下本文所要实现的功能: gulp本地服务器 多个sass文件汇总为一个css并压缩 自动监控和编译SASS和HTML文件 HTML文件修改后保存则自动...

DataTables+BootStrap组合Ajax数据使用方法(排序,过滤,分页等)

Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。 主要功能 分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器...

2016/11/08 11:37
1.1W
PDF转HTML神器pdf2htmlEX,解决跨平台问题

在手机端展示PDF是移动开发者的一大痛点 目前在PC端展示PDF有较多的解决方案,比如: PC端 embed标签 <embed type="application/pdf" src="test.pdf" width="100%" height="100%"/> pdf.js 这...

ionic结合免费云服务器leancloud的使用方法及Demo演示

LeadCloud云服务器介绍 LeanCloud 是国内的移动应用一站式云服务。LeanCloud提供了数据存储、实时消息、统计分析以及多种扩展组件,全面涵盖移动应用开发的需求,支持 iOS、Android、Web 等多...

JavaScript数组的高级用法-reduce和reduceRight详解

reduce 方法(升序) 语法: array1.reduce(callbackfn[, initialValue]) 参数 定义 array1 必需。一个数组对象。 callbackfn 必需。一个接受最多四个参数的函数。对于数组中的每个元素,red...

多种DOM事件处理程序分析及跨浏览器的事件解决方案

一.HTML事件处理程序 <input id="btn" type="button" value="按钮" onclick="showMsg()"> 缺点:高耦合,修改事件的时候需要同时修改js和HTML页面 二.DOM0级事件 //添加事件 var btn = d...

使用pushState实现微信“返回”按钮控制单页应用页面的无刷新跳转

相信很多微信开发者都会遇到过这样的问题:为了提高用户体验,把多个页面内容放在一个HTML页面进行展示,通过display属性以及transition动画来实现页面的跳转动画,但是点击微信顶部的“返回...

javaScript设计模式——策略模式

#javaScript设计模式——策略模式 策略模式(Strategy):将定义的一组算法封装起来,使其相互之间可以替换。封装的算法具有一定独立性,不会随客户端变化而变化。 ##商品促销问题 问题描述:...

js控制四个数字加空格(银行卡)并且支持插入数字(解决光标跳动问题)

一般来说,为了便于用户输入,银行卡号会每四个数字用空格隔开,这个在前端使用正则表达式不难做到,但是容易出现不能从数字中间插入的问题:光标移动到中间,输入一个数字后光标便自动跳转到...

没有更多内容

加载失败,请刷新页面

返回顶部
顶部