前端JS
nature_fly088
这个作者很懒,什么都没留下…
展开
-
layui自定义模块实现下拉框,读取数据字典数据
项目中页面很多下拉框,都是调用数据字典表数据,例如性别:男,女,;删除状态:已删除,正常。如果每个地方都用ajax调用,过于麻烦,代码越多,维护工作就越麻烦。故使用layui自定义模块实现统一操作。先看下效果:项目情况因为我项目使用的springboot+tymeleaf+layui,layui扩展用了layuimini.直接上代码项目结构如下:1.新建dict...原创 2020-04-29 17:23:56 · 4090 阅读 · 0 评论 -
浏览器判断是否启用了flash
谷歌浏览器默认禁用了flash插件。所以要判断下浏览器是否禁用了flashDocument function demo(){ var flag = false; if(window.ActiveXObject){ try{ var swf = new ActiveXOb转载 2017-12-13 14:00:24 · 7915 阅读 · 0 评论 -
模仿datalist标签,仿百度写法
使用datalist时,ie9不支持。而且datalist如果数据从后台获取时,需要从新在点击一下文本框才能显示筛选内容。所以就自己实现了。 * { padding: 0; margin: 0; border: none; } .wrap { position: relative;原创 2017-11-16 09:39:47 · 1359 阅读 · 0 评论 -
js过滤字符串数组或对象数组
在搞类似百度输入框提示功能时,发现取过来的数据过2-3s被覆盖,后发现是因为多次ajax请求,前一次请求结果覆盖后面结果的原因。故考虑一次性把所有数据取出来,然后放在数组里。用户输入内容时,筛选此数组。代码如下:数组对象数组字符串对象数组输出---------------字符串数组输出//绑定点击事件$("#testChangeObj"原创 2017-06-21 16:01:08 · 6294 阅读 · 0 评论 -
<!DOCTYPE html>很重要
噩梦开始的源头:之前写html或者jsp页面,从来不注意doctype的声明,也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug:某一个页面在IE7和8,Chrome,ff等下正常,但是在IE9下显示有问题,我就开始找啊找,各种调试,各种log,终于在httpWatch里边找到了答案:DOCTYPE未声明。于是我给页面添加了,果然奏效了。 下面我就尽可能简洁扼要的说转载 2017-06-28 13:02:20 · 246 阅读 · 0 评论 -
js模版引擎handlebars.js
原文链接:http://caibaojian.com/handlebars-js.html还没有学习过javascript模板引擎的知识,主要应用类似于将结构和行为分离出来的作用,让html和Javascript分工合作,有点MVC的意味,国内的公司也有一些Javascript模板引擎,这个handlesbars看起来介绍的挺好的。介绍Handlebars 是 JavaScript 一转载 2016-11-07 16:02:32 · 515 阅读 · 0 评论 -
使用jquery读取html5 localstorage的值的方法
在HTML 5中,localstorage是个不错的东西,在支持localstorage的浏览器中, 能持久化用户表单的输入,即使关掉浏览器,下次重新打开浏览器访问,也能读出其值,很不错的一个东西,接下来实例介绍,需要的朋友可以参考下在HTML 5中,localstorage是个不错的东西,在支持localstorage的浏览器中, 能持久化用户表单的输入,即使关掉浏览器,下次转载 2016-09-21 16:23:29 · 2661 阅读 · 0 评论 -
jQuery适合移动设备触摸屏的响应式幻灯片插件
插件介绍flickity是一款响应式、适用于移动设备触摸屏、可滑动显示的jQuery幻灯片插件。该幻灯片插件可以设置多种显示效果,可以自动播放,是一款移动优先的jQuery幻灯片插件。简要教程flickity是一款响应式、适用于移动设备触摸屏、可滑动显示的jQuery幻灯片插件。安装方法可以通过Bower或npm来安装:转载 2016-09-07 14:43:57 · 1681 阅读 · 0 评论 -
jQuery+jRange数值范围选择控件_鼠标拖动数值范围
本文用两个例子向大家介绍一款范围选择器插件jRange。老惯例引入jQuery库文件及jRange插件。 rel="stylesheet" href="jquery.range.css"> src="jquery.js"> src="jquery.range.js">然后我们放两个demo。第一个demo只可以滑动结束点,第二个可以滑动开始点和结束点。转载 2016-09-06 16:19:01 · 6065 阅读 · 3 评论 -
js正则表达式语法
1,定义正则表达式1)定义正则表达式有两种形式,一种是普通方式,一种是构造函数方式。2)普通方式:var reg=/表达式/附加参数表达式:一个字符串,代表了某种规则,其中可以使用某些特殊字符,来代表特殊的规则,后面会详细说明。附加参数:用来扩展表达式的含义,目前主要有三个参数:g:代表可以进行全局匹配。i:代表不区分大小写匹配。m:代表可以进行多行匹配。上面三转载 2016-06-07 11:23:05 · 265 阅读 · 0 评论 -
使用navigator.userAgent来判断浏览器类型
使用navigator.userAgent来判断浏览器类型。1、浏览器版本号函数:Js代码 var br=navigator.userAgent.toLowerCase(); var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1]; 2、j转载 2016-06-07 10:12:01 · 7283 阅读 · 1 评论 -
scrollReveal.js – 页面滚动显示动画JS
简介和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。不同的是 WOW.js 的动画只播放一次,而 scrollReveal.js 的动画可以播放一次或无限次;WOW.js 依赖 animate.css,而 scrollReveal.js 不依赖其他任何文件。虽然 scrollReve转载 2016-06-06 16:44:10 · 3326 阅读 · 0 评论 -
手机APP三年内将彻底消失,以后全靠H5了
[思路网注] 过去这些年,HTML5颠覆了PC互联网的格局,优化了移动互联网的体验,接下来,HTML5将颠覆原生App世界。这听起来有点危言耸听,但若认真分析HTML5的发展史,你会发现,这个世界的发展趋势确实就是这样。2007年W3C(万维网联盟)立项HTML5,直至2014年10月底,这个长达八年的规范终于正式封稿。过去这些年,HTML5颠覆了PC互联网的格局,优化了移动互转载 2016-06-08 10:18:30 · 6505 阅读 · 6 评论 -
前端开发APP,从HBuilder开始~
内容简介介绍目前前端人员开发app的几种方法,具体介绍hbuilder开发app,一扇赞新的大门~无所不能的js最开始js仅仅局限于网页上一些效果,操作网页内容等,但是nodejs把js带入了后端,也就是服务器端,从此前端人员可以涉及后端,前后通吃,native.js(以及其他js,稍候介绍)把js带入了移动端,从此前端人员前后移动通吃。前端涉及app的两种转载 2016-06-08 10:14:42 · 1409 阅读 · 0 评论