javascript技巧

select隐藏选中值对应的id,显示其它id的简单实现方法 2017-04-17

下面小编就为大家带来一篇select隐藏选中值对应的id,显示其它id的简单实现方法.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧由于select选项较少,做的简单, <select name="typeid" > <option value="-1">-请选择类型-</o ...

详解原生js实现offset方法 2017-03-17

本篇文章主要介绍了原生js实现offset方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧在为 jTool 提供 offset (获取当前节点位置)方法时, 先后使用了两种方式进行实现, 现整理出来以作记录. 前后共使用了两种方式实现了该方法, 这里将这两种方法分别列出. 通过递归实现 function offset(element) { v ...

JS利用正则表达式实现简单的密码强弱判断实例 2017-02-06

JS利用正则表达式实现简单的密码强弱判断实例
这篇文章主要给大家介绍了关于JS利用正则表达式实现简单的密码强弱判断的相关资料,实现后的效果非常简单,但也挺实用的,文中给出了详细的示例代码供大家参考学习,需要的朋友们下面来一起看看吧.实现功能: 1.输入字符要在6之间:小于6个字符或大于16个字符时给予提示,而且强弱不显示:为0时,也给予提示: 2.当密码在6个字符之间时,如果密码全是数字或全是字母,显示弱: ...

js简易版购物车功能 2017-02-06

这篇文章主要为大家分享了js简易版的购物车,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了js购物车功能的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></t ...

Webpack如何引入bootstrap的方法 2017-02-01

本篇文章主要介绍了Webpack如何引入bootstrap的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧Bootstrap中是一种事实上的界面标准,标准到现在的网站大量的使用它.如果可以使用webpack引入的bootstrapcss,就可以一个npm install完成项目的依赖,而不必手工的添加到html内. 本来以为在入口文件内加一 ...

JS动态添加选项案例分析 2016-12-30

JS动态添加选项案例分析
这篇文章主要介绍了JS动态添加选项的方法,结合实例形式分析了javascript针对页面元素动态操作的相关技巧,需要的朋友可以参考下本文实例分析了JS动态添加选项的方法.分享给大家供大家参考,具体如下: 一.问题: 要做一个调查问卷,问题数量不定,问答答案不定. JS控答案效果图 二.实现方法: 为了实现这个效果,点击那个按钮就在下面添加4个答案框,选择从A-Z这26个字母 ...

原生js二级联动效果 2016-12-19

这篇文章主要为大家详细介绍了原生js二级联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下今天说的这个是原生js的二级联动,在空白页面里动态添加并作出相对应的效果. //创建两个下拉列表 select标签 是下拉列表 var sel = document.createElement("select"); var sel1 = document.c ...

JS实现留言板功能 2016-12-10

JS实现留言板功能
这篇文章主要为大家详细介绍了JS实现留言板功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下每天一个JS 小demo之留言板.主要知识点:DOM方法的理解和运用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

详解webpack多入口配置 2016-12-02

详解webpack多入口配置
本篇文章主要介绍了webpack 多入口配置 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧同事套搭建vue项目,个人推荐了VUE官网的vue-cil的方式,http://cn.vuejs.org/guide/application.html 顺着官网的操作,我们可以本地测试起我们的项目 npm run dev,首先我们要理解webpack打包 ...

js监听键盘事件的方法_原生和jquery的区别详解 2016-11-26

下面小编就为大家带来一篇js监听键盘事件的方法_原生和jquery的区别详解.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧经常需要监听键盘的事件,以便做更好的操作,基本原理是:监听全局键盘,每一个键盘,当用户按下某一按键时,返回对应的键值,然后再判断用户按下了哪一科按键,键值对应按键的名称在最下面列出,自行比对.去以下介绍两种不同的方式 原生 ...

Bootstrap响应式导航由768px变成992px的实现代码 2016-10-07

这篇文章主要介绍了Bootstrap响应式导航由768px变成992px,需要的朋友可以参考下废话不多说了,直接给大家贴代码了,具体代码如下所示: <!--响应式导航部分--> <header role="banner"> <nav role="navigation" class="navbar ...

JavaScript用200行代码制作打飞机小游戏实例 2016-09-23

JavaScript用200行代码制作打飞机小游戏实例
本篇文章主要介绍了JavaScript用200行代码制作打飞机小游戏实例,非常具有实用价值,需要的朋友可以参考下我去,我的图片分数被这个录屏软件的水印盖上了,扎心. 这个程序的文件以及代码全部上传到了github 程序下载链接传送门 这是自己第一次通过js写的小游戏,那个时候对象的原理跟结构体的概念不是特别的清晰,所以没用对象来写,所以直接导致后期我对这个程序进行修改的时候 ...

ZeroClipboard.js使用一个flash复制多个文本框 2016-09-16

这篇文章主要为大家详细介绍了ZeroClipboard.js使用一个flash复制多个文本框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下ZeroClipboard.js是一个支持复制和粘贴的JavaScript插件,目前官方已经到2.x的版本了,但不支持IE9以下的浏览器,而如果要兼容,则可以使用1.x的版本,我使用的是最开始的一个版本:1.0.7的.该版本支持IE7 ...

详解react-router如何实现按需加载 2016-08-27

详解react-router如何实现按需加载
本篇文章主要介绍了react-router如何实现按需加载,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧注:本文使用的 react-router 版本为 2.8.1 React Router 是一个非常出色的路由解决方案,同时也非常容易上手.但是当网站规模越来越大的时候,首先出现的问题是 Javascript 文件变得巨大,这导致首页渲染的时间 ...

react-routerJS控制路由跳转实例 2016-08-12

这篇文章主要介绍了react-router JS 控制路由跳转实例,react实现路由可以直接使用react-router.有兴趣的可以了解一下Link组件用于正常的用户点击跳转,但是有时还需要表单跳转.点击按钮跳转等操作.这些情况怎么跟React Router对接呢?下面是一个表单. <form onSubmit={this.handleSubmit}> &l ...

JavaScript实现提交模式窗口后刷新父窗口数据的方法 2016-08-10

这篇文章主要介绍了JavaScript实现提交模式窗口后刷新父窗口数据的方法,涉及javascript窗口交互的相关操作技巧,需要的朋友可以参考下本文实例讲述了JavaScript实现提交模式窗口后刷新父窗口数据的方法.分享给大家供大家参考,具体如下: 有些时间,按需求设计,一个窗口中,点击按扭,弹出模式窗口,在模式窗口中,添加完数据后(提交),关闭模式窗口,并且刷新父窗口 ...

JS奇技之利用scroll来监听resize详解 2016-07-25

JS奇技之利用scroll来监听resize详解
这篇文章主要给大家介绍了JS奇技之利用scroll来监听resize的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧.前言 大家都知道知道原生的 resize 事件只能作用于 defaultView 即 window 上,那么我们应该通过什么样的方式来监听其他元素的大小改变呢?笔者最近学习发现了一种神奇的方 ...

JS实现求数组起始项到终止项之和的方法基于数组扩展函数 2016-07-09

JS实现求数组起始项到终止项之和的方法基于数组扩展函数
这篇文章主要介绍了JS实现求数组起始项到终止项之和的方法,基于数组扩展函数实现该功能,涉及javascript针对数组的简单判断.遍历等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS实现求数组起始项到终止项之和的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> < ...

JavaScript基于扩展String实现替换字符串中index处字符的方法 2016-07-06

JavaScript基于扩展String实现替换字符串中index处字符的方法
这篇文章主要介绍了JavaScript基于扩展String实现替换字符串中index处字符的方法,涉及javascript使用substr方法针对字符串进行替换操作的相关实现技巧,需要的朋友可以参考下本文实例讲述了JavaScript基于扩展String实现替换字符串中index处字符的方法.分享给大家供大家参考,具体如下: 核心代码: String.prototype.r ...

JS实现简单拖拽效果 2016-07-05

这篇文章主要为大家详细介绍了JS实现拖拽效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了JS实现拖拽效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g ...