2017年03月_gxf_style

转载 JavaScript瀑布流的实现以及底部刷新

2017-03-24 17:05:03 443

转载 JQuery中eq()和get()的区别

JQuery中eq()和get()的区别今天说说JQuery中eq()与get()方法的区别！众所周知，eq()方法返回的是一个JQuery对象，也就是[object Object]; get()方法返回的是DOM对象组成的数组，也就是[object HTMLLIElement];我们用一个例子说明一下：首先引入JQuery库文件，html

2017-03-21 17:52:35 558

原创 onmouseenter和onmuseover的区别

x=0;y=0;$(document).ready(function(){ $("div.over").mouseover(function(){ $(".over span").text(x+=1); }); $("div.enter").mouseenter(function(){ $(".enter span").text(y+=1); });});

2017-03-21 17:42:50 743

原创 jquery各种选择器

1.1.1 基本选择器（重点）符号(名称)说明用法#Id选择器$(“#btnShow”).css(“color”, “red”);选择id为btnShow的一个元素（返回值为jQuery对象，下同）.类选择器$(“.liItem”).css(“color”, “r

2017-03-21 16:41:35 243

原创 jquery中的find（）方法

$(".parent").find(".child") //寻找父节点下的子元素$(".child",".parents")//这两种效果一样如果想要在某个元素下寻找特定的元素，就必须对 $("#id").find(".child")获取其子元素。

2017-03-21 16:38:28 1790

原创 jquerydemo夜间模式，白天模式

*{ padding:0; margin:0;}div{ width: 944px; margin:0 auto;} $(function(){ $($("button")[0]).click(function(){ $("body").css("background

2017-03-21 14:53:14 2141

原创 jquery中的$对象与原生DOM对象的转换

1：$对象转换为DOMvar but=$("button")[0];//第一种var but=$("button").get()//可传参可不传，传参指定某个具体的对象，不传是一个对象数组2:DOM对象转化为$对象var $btn=$("#button");或者var $btn=$(btn);

2017-03-21 14:13:26 398

原创 jquery的get（）方法

此方法可以将jQuery对象转换成DOM对象。语法结构一:复制代码代码如下:$(selector).get()没有参数的时候会取得所有匹配的DOM元素的数组。实例代码:复制代码代码如下:get()函数-脚本之家$(document).ready(function(){ $($(".

2017-03-21 13:53:37 2097

原创 jQuery中ready与load事件的区别

1、摘要大家在编程中使用jQuery还有JS的时候一定会在使用之前这样：//document ready$(document).ready(function(){ ...code...})//document ready 简写$(function(){ ...code...})　有时候也这样：//document load$(

2017-03-21 11:34:55 221

转载 Javascript (ES6)中的神器——Promise

Javascript 中的神器——Promise 作者流星狂飙关注2015.07.21 17:06 字数 1654 阅读 106023评论 16喜欢 111Promise in js回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。2015 年 6

2017-03-20 11:14:12 328

原创 HTML5存储

API-localstorage&&sessionstorage1.存储形式：key——valueLocalstorage永不过期，除非手动删除Sessionstorage浏览器关闭即数据消失存储流量，官方给出的解释为每个域名有5M大小2.浏览器支持情况：Ie8+，firefox3.5+，safari4.0+，chrome10.0+，opera10.6+，ios3.2+，a

2017-03-20 08:43:38 195

转载 React组件属性props部类（propTypes）校验

React组件属性部类（propTypes）校验www.MyException.Cn 网友分享于：2015-09-26 浏览：0次React组件属性类型（propTypes）校验Prop 验证随着应用不断变大，保证组件被正确使用变得非常有用。为此我们引入propTypes。React.PropTypes 提供很多验

2017-03-17 16:56:35 2378

转载 HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等

这篇文章主要介绍了HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等,需要的朋友可以参考下HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。

2017-03-17 11:24:54 496

原创 react阻止冒泡事件（使用原生js方法）

//弹出框消失 cancelShade(){ this.refs.shadeDiv.style.display="none" console.log(2) } keepShade(event){ console.log(1) event.preventDefault(); // 阻止默认事件

2017-03-17 11:05:42 2601

转载 React点击空白部分隐藏弹出层；React阻止事件冒泡失效)

只关注括号内问题的同学，可直接跳转到蓝字部分。（标题起的有点大，其实只讨论一个问题）两个在React组件上绑定的事件，产生冲突后，使用e.stopPropagation()，阻止冒泡，即可防止事件冲突，毫无问题。今天是踩了个React事件的坑，需求可以简化为：点击框体以外的部分则隐藏框体。最直接的想法，document上绑定个事件，设置控制显示隐藏的state为false，在框体上绑定个事

2017-03-17 10:46:46 4218 1

转载 js 获取pc屏幕各种宽高的方法

js 获取屏幕各种宽高的方法屏幕的有效宽高：window.screen.availHeightwindow.screen.availWidth 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线

2017-03-16 15:53:14 1850

转载 this指针

关于this的问题链接：https://www.nowcoder.com/questionTerminal/ad1aab0fd50a4185ac1ae450096d9095来源：牛客网var myObject = { foo: "bar", func: function() { var self = this; console.log(this.foo); console.

2017-03-16 09:52:41 271

转载 window.location方法获取浏览器地址

window.location方法window.location方法获取URL　　统一资源定位符 (Uniform Resource Locator, URL)　　完整的URL由这几个部分构成：　　scheme://host:port/path?query#fragment　　scheme:通信协议

2017-03-15 14:31:02 1476

转载 js中的navigator判断浏览器类型

js浏览器判断navigator2013-04-05 17:55 5957人阅读评论(0) 收藏举报在JS中判断浏览器的类型，估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中，IE、Firefox、Opera、Safari........众多品牌却标准不一，因此时常需要根据不同的浏览器，甚至相同浏览器不同版本做不同的操作，因此，知晓浏览器的判断方法

2017-03-15 11:20:07 1360

转载 Meta标签中的format-detection和viewport

Meta标签中的format-detection属性及含义 (2013-07-09 11:31:57)转载▼标签： format-detection telephoneno meta html 移动网页分类：移动端开发format-detection翻译成中文的意思是“

2017-03-15 10:43:44 510

原创 react实现登录页面demo

//ͷ头部class Header extends React.Component {goBack (){ window.history.go(-1);} render() { var styleDiv = { width:'100%', height:'70px', lineHeight

2017-03-14 17:18:24 18111 1

转载 javascript正则表达式

javascript正则表达式网上正则表达式的教程够多了，但由于javascript的历史比较悠久，也比较古老，因此有许多特性是不支持的。我们先从最简单地说起，文章所演示的正则基本都是perl方式。元字符( [ { \ ^ $ | ) ? * + .预定义的特殊字符字符正则描述\t/\t/制表符\n

2017-03-14 15:20:41 216

转载 JavaScript正则表达式下——相关方法

JavaScript正则表达式下——相关方法上篇博客JavaScript 正则表达式上——基本语法介绍了JavaScript正则表达式的语法，有了这些基本知识，可以看看正则表达式在JavaScript的应用了，在一切开始之前，看看RegExp实例的几个属性 RegExp实例对象有五个属性global：是否全局搜索，默认是falseignoreCase

2017-03-14 15:17:21 333

转载 jquery ajax跨域请求

jquery ajax跨域请求--jquery ajax parsererror was not called作者: IT小兵 | 2014年4月1日| 热度:12414℃ | 评论:2 |参与:2在JQuery对于Ajax的跨域请求有两类解决方案，不过都是只支持get方式。分别是JQuery的jquery.ajax JSONP格式和jquery.getScript方式。

2017-03-14 11:34:39 475

转载 jquery ajax使用及跨域访问解决办法

jquery ajax使用及跨域访问解决办法作者: IT小兵 | 2013年6月8日| 热度:9191℃ | 评论:0 |参与:0稍作修改，增加更多的注意点参考：jquery ajax跨域请求--jquery ajax parsererror was not called - 项目实战 - IT工作生活这点事。Just Such So!

2017-03-14 11:33:48 430

转载《转》移动端网页设计经验与心得

《转》移动端网页设计经验与心得作者: IT小兵 | 2014年6月27日| 热度:142℃ | 评论:0 |参与:1智能手机发展确实很迅速，像今年，我的大部分工作就都在移动端网页上。再往前些年，看到的手机版/移动版网页，限制于浏览器与手机性能，2g网络速度等网页设计无非是蓝、黑、白，界面单调，并且要尽可能的设计简单。现在情况就

2017-03-14 11:29:48 252

转载百度出品强大的Html5上传控件WebUploader-支持手机端

作者: IT小兵 | 2015年7月30日| 热度:2971℃ | 评论:0 |参与:0介绍了功能强大的上传控件[uploadify.js] plupload]之后，好多同学都问我要demo。其实上传控件很多。尤其最近使用了百度出品强大的Html5上传控件WebUploader。更是觉得有这个就足够了。1、什么是WebUploader？所谓的百度出品必属精品。参考e

2017-03-14 11:26:50 8108

转载 echarts柱状图实现demo

echarts柱状图实现demo作者: IT小兵 | 2016年6月7日| 热度:1068℃ | 评论:8 |参与:9效果图：HTML代码：123456789101112131415161718

2017-03-14 11:25:34 3062

转载 Jquery判断浏览器高宽、浏览器类型并设置echarts高度宽度

Jquery判断浏览器高宽、浏览器类型并设置echarts高度宽度作者: IT小兵 | 2014年5月12日| 热度:5038℃ | 评论:0 |参与:0在前几天做的echarts报表中，需要在手机端浏览。考虑到echarts是基于html5的，应该是可以的。但是这里需要判断2个地方1、浏览器类型：只需要判断是不是来自手机浏览器，即mobile端即可

2017-03-14 11:14:21 1290

原创 base.css

@charset "UTF-8";/*css 初始化 */html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0;}fieldset, img, input, button { /*field

2017-03-14 10:27:34 507

转载【移动端兼容问题研究】javascript事件机制详解（涉及移动兼容）

这篇博客有点长，如果你是高手请您读一读，能对其中的一些误点提出来，以免我误人子弟，并且帮助我提高如果你是javascript菜鸟，建议您好好读一读，真的理解下来会有不一样的收获在下才疏学浅，文中难免会有不同程度的错误，请您指正留言 PS：事件阶段一节请看最新博客，之前理解有误javascript事件基础我们的网页之所以丰富多彩并具有交互功能，是因为我们的javascript

2017-03-14 09:47:47 1115

转载移动端点击穿透遮罩层场景

点击穿透的场景有了以上的基础，我们就可以理解为什么会出现点击穿透现象了。我们经常会看到“弹窗/浮层”这种东西，我做个了个demo。整个容器里有一个底层元素的div，和一个弹出层div，为了让弹出层有模态框的效果，我又加了一个遮罩层。div class="container"> div id="underLayer">底层元素div> div id="p

2017-03-14 09:42:20 902

转载 react点击按钮，记录点击次数

1、问题背景点击按钮，记录点击次数2、实现源码[html] view plain copy print?> html> head> meta charset="UTF-8"> title>React记录按钮点击次数title> link

2017-03-13 15:01:19 2201

原创移动端返回箭头的事件

goBack (){ window.history.go(-1);}

2017-03-13 14:04:02 1046

转载 react开发中遇到的问题

1.在react-native 0.26.0 版本 1. 引入头文件 var 类名＝ './类名' 会报Super expression must either be null or a function, not undefined 解决方法 export const 类名＝ './类名';2. 添加tabBar 时添加 selected = { this.state.s

2017-03-13 13:44:34 1048

转载 React中的es6语法

在今年对 Instagram Web 进行全新的设计的时候，我喜欢在写 React 组件的时候，用上一些 ES6+ 的新特性。请允许我列举这些能够改变你写 React 应用方式的新特性。比起以往，这些特性能够使你撸起码来更加容易、有趣！类（Class）使用 ES6+ 来编写 React 组件最明显的变化就是我们定义组件（类）的语法的方式。我们可以用定义一个继承了 React.Com

2017-03-13 10:12:13 588

原创 Vue和React之间如何选择

两者之间的相同之处同样是基于组件开发的轻量级框架，同样是专注于用户界面的视图view层如何选择1.1 如果喜欢用模板搭建应用（或者有这个想法）选择Vue Vue应用默认的是把markup放在HTML中，数据绑定表达式和Angular一样，采用{{}}的形式，而指令（特殊的HTML属性）用来向模板中添加功能"> <p>{{ message }}</p> <button v-on:click="

2017-03-13 10:08:32 1600

转载在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）

在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）个人结合github上各位大神分享的资源进行了简单的汇总整理，每一个条目下面都有丰富的资料，是前端学习、工作的好帮手。说明: 整理有不当之处, 欢迎 pr 或提出 issue。更新日志：20161115：增加JavaScript 全栈工程师培训教程（作者：阮一峰） 20161013：增加 Google面试宝典

2017-03-10 10:43:43 908

原创 HTML5跨浏览器的补丁和功能

补丁所以在这里，我们收集所有的shims，fallbacks和polyfills，以便植入HTML5功能的浏览器，本来不支持他们。一般的想法是：作为开发人员，我们应该能够使用HTML5 API开发，脚本可以创建应该存在的方法和对象。以这种面向未来的方式开发意味着当用户升级时，您的代码不必更改，但用户将移动到更好的本地体验。连接地址查找功能查找HTML5，CSS3等功能，知道他们是否准备好使用，如

2017-03-10 10:26:25 234

原创虚拟机

下载虚拟机使用您在本地下载和管理的免费虚拟机测试Microsoft Edge和IE8到IE11的版本。虚拟机下载地址

2017-03-10 10:19:05 246

空空如也

空空如也