JS
汪小哥
有多少时光可以挥洒~人生短短几十年~
展开
-
jQuery 属性操作 - toggleClass() 方法
以前我是一直都不能理解Toggle 这个到底是什么的意思,其实就是我们的切换的意思如果存在,就删除,不存在我们就添加这个类进来就好了。这个类是,我们自己在css文件中已经定义好的东西哟$("button").click(function(){ $("p").toggleClass("main");});toggleClass() 对设置或移除被选元素的一个或多个类原创 2015-10-09 23:09:52 · 1485 阅读 · 0 评论 -
Bootstrap Table的使用小结
折腾了一个国庆节,总算是学会了一些东西,对于前端有了更加深刻的认识吧Jquery中的一些东西学习一下子,补充完善一下,毕竟有些时候没有使用到这个方式很有用,在使用bootstrap table的时候,选择当前已经选择的节点的事件中的ID的值 当前rows中有很多的数据,但是我只需要id这一个值,这个时候进行操作就非常的简单了。$.map(data,function(item,index){re原创 2016-10-07 22:43:14 · 47512 阅读 · 4 评论 -
bower
bower ?https://bower.io/ 官方网站有说明的,Web sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for you. 更加详细的东西自己去看看优点Bower的优点 节省时间。为什么要学习Bower的第原创 2017-02-18 19:46:37 · 554 阅读 · 0 评论 -
React初学体验
学习主要参考的资料阮一峰 http://www.ruanyifeng.com/blog/2015/03/react.html 视频:React中文站 中的视频连接 http://react-china.org/t/reactjs/584 具体的视频的地址为: http://www.tudou.com/plcover/ah20h1-t4V4/?spm=a2h1s.8267934.videoK原创 2017-02-18 23:09:43 · 484 阅读 · 0 评论 -
ECharts简单的使用
ECharts是一个很强大的图表工具,简单的使用必须知道怎么去处理,很多的官方的事例文档也是可以很简单的使用的。 http://echarts.baidu.com/tutorial.html 百度官方的教程ECharts Echars是模块化的,可以选择的性的引入需要的模块,这个好比使用Seajs之内的模块化工具,这里就需要进行配置处理,也可以不做配置也可以,但是在需要很多模块的时候还是需要进行配原创 2017-02-28 15:29:11 · 1007 阅读 · 0 评论 -
Gulp 前端自动化工具
gulp是一个即grunt后出现的一个前端构建工具,跟grunt相比,gulp的API很少并且很简单,使用nodejs中stream来读取和操作数据,其速度比grunt更快,下面让我们来学习一下如何使用gulp快速构建你的项目。参考资料gulp中文网 http://www.gulpjs.com.cn/docs/getting-started/ gulp的简单使用 https://segmentfa原创 2017-02-19 19:29:20 · 744 阅读 · 0 评论 -
Webpack打包简单的使用ECharts,模块化处理的简单演示
参考1、 webpack的很详细的教程 阮一峰大神写的 https://github.com/ruanyf/webpack-demos#demo01-entry-file-source 2、 官方的文档,我看了一点太多了没有仔细的看完 http://webpack.github.io/docs/usage.html3、 Echarts教程,使用模块化规范 http://echarts.baidu原创 2017-03-01 15:51:41 · 5098 阅读 · 0 评论 -
sublime text3 安装插件,以及Zen Coding 写法简单了解
参考的文章1、 http://blog.csdn.net/admin_yi/article/details/53608965 2、 http://www.cnblogs.com/tinyphp/p/3217457.html 安装说明 3、 http://www.cnblogs.com/Rising/p/3741116.html 需要安装的插件的说明4、 http://www.xiazaiba.c原创 2017-02-22 20:35:57 · 3745 阅读 · 0 评论 -
jquery扩展原生ajax,减少逻辑,jquery插件
为什么这么做前提加入基于这样的一个现实,我们后台返回给我们的数据中都有一个json数据,数据中包含data,success,message等字段,success表示是否后台有操作的异常。通用处理,减少处理的逻辑基于这个样子,如果我们处理的时候,能够把error,或者返回数据后,后台异常等自动的进行处理,不需要在每一个ajax请求的时候都需要重新的书写这样的逻辑,减少了很多的代码量,节约时间,代码看起原创 2017-03-02 20:57:29 · 2871 阅读 · 1 评论 -
js基础知识(公有方法、私有方法、特权方法)
js基础知识(公有方法、私有方法、特权方法)公有方法:公有方法就是能被外部访问并调用的方法。可以理解为创建了一个类Rest,里面的静态的方法//这样的定义相当于**静态的,直接可以通过Rest**,访问var Rest = { name: 'rest', // 公有方法 getName: function() { return this.name; }}console.log(Re原创 2017-03-03 15:18:24 · 4569 阅读 · 0 评论 -
JavaScript函数调用方法、为啥要用apply,call
javaStript中的 函数调用形式主要有四种1. 函数调用形式- 第一种定义函数``` //1.函数调用形式function function_name (argument) { console.log("this is a function"); console.log(this);//this is a window}function_name();//wind原创 2017-03-03 21:43:15 · 2312 阅读 · 2 评论 -
JavaScript是如何实现继承
JavaScript是如何实现继承 前言:大多OO语言都支持两种继承方式: 接口继承和实现继承. 而ECMAScript中无法实现接口继承,ECMAScript只支持实现继承. 而且其实现继承主要是依靠 原型链 来实现。构造函数,原型,实例之间的关系每个构造函数都有一个原型对象原型对象包含一个指向构造函数的指针(这句话特别重要)实例都包含一个指向原型对象的内部指针 每个构造原创 2017-03-04 16:11:01 · 805 阅读 · 0 评论 -
openlayer学习总结
最好的学习素材(http://openlayers.org/en/latest/examples/)学习的主要点Map(View,Layer(Source(Feature(ol.geom.Point…))))地图中主要的存在是图层Layer,这个Layer需要依赖于某个创建好的Map,图层中可以展示各种各样的点线面,对于这些点线面可以使用东西进行装饰他们,无论是点线还是面,都通通称呼为要素Fea原创 2017-07-28 16:32:03 · 2966 阅读 · 2 评论 -
bootstrap-paginator 个性化分页插件使用
$.fn.bootstrapPaginator.Constructor = BootstrapPaginator 我们在看JS插件的时候经常看到这样的,这个其实就是将这个类的放值在我们的JQuery的全局空间里面去。var BootstrapPaginator = function (element, options) { this.init(element, options)原创 2016-10-29 19:19:32 · 6914 阅读 · 0 评论 -
js监听Enter事件的触发进行查找
我们经常使用键盘enter,进行查找的工作,所以难免的我也是要使用这个东西进行处理 对于这个搜的功能进行处理,难免的会使用enter 进行搜索,使用就想实现这个功能对于某个控件的操作,就像这样进行处理就是非常的方便!意思是在这个的焦点上的 $("#buildingsearch").keydown(function(e){ if(e.keyCode ==13){//触原创 2016-11-03 16:31:44 · 4646 阅读 · 0 评论 -
理解JavaScript -- this call aply
概要http://www.cnblogs.com/yupeng/archive/2012/04/08/2437993.html事实证明,this这块的内容非常的复杂,它在不同执行上下文的情况下其值都会不同,并且会相应的引发一些问题。很多程序员一看到this关键字,就会把它和面向对象的编程方式联系在一起,它指向利用构造器新创建出来的对象。在ECMAScript中,也支持this,然而, 正如大家所熟知原创 2016-07-30 17:06:24 · 1192 阅读 · 1 评论 -
jQuery CSS 操作 - offsetParent() 方法
不了解,记不住,多谢谢总结!offset -英文的解释为 偏移量,其实就是我们说的移动了好多嘛。偏移我们选择器的父亲好多嘛,我们就可以操作他了。定义和用法offsetParent() 方法返回最近的祖先定位元素。定位元素指的是元素的 CSS position 属性被设置为 relative、absolute 或 fixed 的元素。可以通过 jQue原创 2015-10-09 23:27:51 · 687 阅读 · 0 评论 -
jQuery CSS 操作 - position() 方法
我们先假设一哈,即使我没有看API,怎么去解释这句话呢?某一个选择的postion?这个好像说不过去吧我们的坐标都是相对于我们的父元素来说的定义和用法position() 方法返回匹配元素相对于父元素的位置(偏移)。该方法返回的对象包含两个整型属性:top 和 left,以像素计。此方法只对可见元素有效。语法$(selecto原创 2015-10-09 23:40:03 · 547 阅读 · 0 评论 -
jQuery CSS 操作 - css() 方法
其实这个一直都是误区,选择器,选择的css元素其实我们还是可以不但去设置他的值,而且可以获取他的结果哟,和DOM操作差不多;返回 CSS 属性值返回第一个匹配元素的 CSS 属性值。注释:当用于返回一个值时,不支持简写的 CSS 属性(比如 "background" 和 "border")。$(selector).css(name)取得第一个段落的 co原创 2015-10-09 23:16:41 · 568 阅读 · 0 评论 -
jQuery CSS 操作 - height() 方法
这个和刚刚的那个是一样的东西,我们不但可以获取我们的高度,而且可以设置高度;返回高度返回第一个匹配元素的高度。如果不为该方法设置参数,则返回以像素计的匹配元素的高度。语法$(selector).height()使用函数来设置高度 使用函数来设置所有匹配元素的高度。语法$(selector).height(func原创 2015-10-09 23:21:30 · 660 阅读 · 0 评论 -
jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
#我的收获: 以前我们访问php后台的数据都是需要表格的形式,现在我们的通过ajax的方式,通过自己构建键值对,然后进行访问就好了这个是不是非常的简单呢???这个是很大的收获,比起其他的东西,都要大,对于我以后的学习,有很多的改进的地方,希望大家好好的配合,客服这些问题真的不是问题,我们有能力,做出巨大的改变,面对这些东西,不是问题。JSON(JavaScript Obj原创 2015-11-28 18:51:52 · 1137 阅读 · 0 评论 -
jQuery CSS 操作 - scrollLeft() 方法
$(document).ready(function(){ $("button").click(function(){ $("div").scrollLeft(100); });});The longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoc原创 2015-10-09 23:43:06 · 1233 阅读 · 0 评论 -
码农小汪-ajax详解
jquery中的ajax方法参数总是记不住,这里记录一下。1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设转载 2016-04-07 13:07:27 · 501 阅读 · 0 评论 -
jQuery之防止冒泡事件 默认事件阻止
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。<body><div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素</div><div id="msg"></div></body><script type="text/javascript">$(function(){ // 为span元素原创 2016-05-16 12:45:38 · 953 阅读 · 0 评论 -
模块化前端编程 seajs使用
前端和后台使用一样的模块化的编程思想,分模块的导入需要的文件,不用胡乱的加载js文件,在加载之前首先去加载依赖的文件。这个文件是一个service层的文件define(basePath + "/views/park/service/park_service", [ basePath+ "/views/common/js/util"],function(require, export原创 2016-06-24 15:21:52 · 562 阅读 · 0 评论 -
CSS的定位即position属性的值有4种:static,relative,absolute,fixed
最近这今天看视频,学习了一点javascript的知识,static是默认值,元素位于文档流中,正常显示,忽略元素的top,bottom,left,right属性。需要注意的一点是z-index属性在这个定位方式下始终为0.如果其他定位方式的漂浮元素要位于static定位的内容之下,必须使用负数的z-index属性才行。relative是保留元素在文档流中占用的位置和尺寸,元素在static模式的原创 2016-06-12 15:23:19 · 1573 阅读 · 0 评论 -
第一次想使用插件,就看看啦!jquery-confirm
http://craftpip.github.io/jquery-confirm/首先来说这个插件我刚刚开始使用,使用并不是那么6666使用初体验 我没有使用sea.js进行管理,就使用一般的操作手段进行使用,简单的看看这个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<原创 2016-06-30 21:09:11 · 9067 阅读 · 0 评论 -
seajs 前端模块化编程学习之一
前言 SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处理原创 2016-07-06 21:52:23 · 589 阅读 · 0 评论 -
SeaJS前段模块化编程学习2
这篇文章主要介绍了SeaJS入门教程系列之使用SeaJS,着重介绍了SeaJS的使用方法、关键方法的使用等,需要的朋友可以参考下 下载及安装 要在项目中使用SeaJS,你所有需要做的准备工作就是下载sea.js然后放到你项目的某个位置。 SeaJS项目目前托管在GitHub上,主页为 https://github.com/seajs/seajs/ 。可以到其git库的build目录下下载sea原创 2016-07-06 22:50:26 · 612 阅读 · 0 评论 -
div 跟着鼠标移动
DIV跟着鼠标移动div跟着鼠标移动,主要是更加movemove确定当前鼠标的位置,然后计算当前的div的位置,由于div是绝对布局,不占用文档的空间,只根据父布局来动态的变化,由这个我们就可以处理了。创建一个跟着动的div,也可以使用动态创建div<div style="background-color: red;width: 50;height:50px;position:absolute;原创 2017-08-31 10:06:44 · 1534 阅读 · 0 评论