React实例 webpack+react+redux+router

链接 https://github.com/qingtonghub/redux-mix   react redux的官网示例 Counter:https://github.com/reduxjs/redux/tree/master/examples/counter Todos:https...

2018-09-06 15:35:10

阅读数 41

评论数 0

react router Transition

使用react-create-app App.js import React, { Component } from 'react'; import { BrowserRouter as Router, Route, Link,Redirect,Switch } from &quot...

2018-08-07 18:02:45

阅读数 96

评论数 0

javascript判断div是否通过视口

如图,图片或div随着滚动条的滚动进入视口在离开要判断div是否通过视口,可以通过js getBoundingClientRect来获取div距离视口的top bottom left right为了兼容IE getBoundingClientRect的两个像素之差:function GetRect...

2018-05-07 17:01:20

阅读数 367

评论数 0

正则表达式获取url中的参数

function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.s...

2017-11-20 15:19:04

阅读数 1061

评论数 1

JS判断移动端和pc端加载不同页面

<script> if (/mobile/i.test(navigator.userAgent)) { window.location = 'http://xxxx/mobile.html' } </script><script>...

2017-06-13 15:13:29

阅读数 3723

评论数 0

Vue Watchers

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...

2017-05-23 15:02:31

阅读数 200

评论数 0

bootstrap tooltip.js解析

+(function($){ var Tooltip = function(element,options){ this.type = null; this.options = null; this.enabled = null; ...

2017-03-23 10:35:40

阅读数 1394

评论数 0

bootstrap modal.js解析

modal.csshtml { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside...

2017-03-06 15:18:22

阅读数 1652

评论数 0

自定义jQuery 无缝Banner插件

自定义jquery插件分成三步//1、定义MyPlugin对象 var MyPlugin = function(ele,opt){ //设置参数 //定义变量 //定义私有方法 } //2、定义MyPlugin对象的方法 MyPlugin.prototype = { ...

2017-02-24 10:39:31

阅读数 648

评论数 0

jquery select option选中

html:<select name="" id="aa"> <option value="a" data-id="a">a</option> <option v...

2017-01-12 14:46:11

阅读数 337

评论数 0

手机号验证输入自动填充空格

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...

2016-12-13 11:31:51

阅读数 1095

评论数 0

css3按钮波纹效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...

2016-12-09 16:08:24

阅读数 2205

评论数 0

css loading

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...

2016-12-08 14:48:50

阅读数 286

评论数 0

js窗口拖拽

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...

2016-12-01 16:20:02

阅读数 315

评论数 0

CSS常用

*{margin: 0;padding: 0;list-style: none;}/** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, u...

2016-11-28 11:55:39

阅读数 205

评论数 0

移动端div随手指移动

html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport&...

2016-11-15 16:31:05

阅读数 1170

评论数 0

radio、checkbox样式修改

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...

2016-11-15 11:53:54

阅读数 305

评论数 0

获取本周/月第一天,最后一天,往前推几天,往后延几天

html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</tit...

2016-11-15 10:07:02

阅读数 543

评论数 0

js时间加往后延

function AddDays(date, days) { var nd = new Date(date); nd = nd.valueOf(); nd = nd + days * 24 * 60 * 60 * 1000; nd = new Date(nd); ...

2016-11-08 15:33:37

阅读数 364

评论数 0

js代码片段

$.fn.extend({ alertWhileClick: function(){ $(this).click(function(){ alert($(this).val()); ...

2016-11-07 16:29:22

阅读数 245

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭