【《JavaScript实用效果整理》系列分享专栏】教程文章相关的互联网学习教程文章

JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】【图】

Bootstrap Table是轻量级的和功能丰富的以表格的形式显示的数据,支持单选,复选框,排序,分页,显示/隐藏列,固定标题滚动表,响应式设计,Ajax加载JSON数据,点击排序的列,卡片视图等。今天就结合Bootstrap table的父子表和行列调序的用法再来介绍下它稍微高级点的用法。 bootstrap table系列: JS表格组件神器bootstrap table详解(基础版) JS组件系列之Bootstrap table表格组件神器【终结篇】 JS组件系列之Bootstrap table表格...

再次谈论React.js实现原生js拖拽效果引起的一系列问题

React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。 前几天写的那个拖拽,自己留下的疑问。。。这次在热心博友的提示下又修...

JavaScript入门系列之知识点总结

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 一、准备工作:1、为什么学习JavaScript所有的主流浏览器都只是Javascript大部分网页都使用Javascript它可以让网页呈现各种动态效果易学 2、如何插入JS<script>标签要...

JS组件系列之Bootstrap Icon图标选择组件【图】

前言:最近好多朋友在群里面聊到bootstrap icon图标的问题,比如最常见的菜单管理,每个菜单肯定需要一个对应的菜单图标,要是有一个可视化的图标选择组件就好了,最好是直接选择图标,就能得到对应的class样式。于是乎各种百度,皇天不负有心人,最后被博主找到了,感觉效果还不错,并且支持自定义的图标,今天就拿出来分享下,绝对的干货哦!一、Bootstrap icon picker组件这个组件是在github上面搜索的时候找到的,初初看上去,...

深入浅析JavaScript系列(13):This? Yes,this!

前言在这篇文章里,我们将讨论跟执行上下文直接相关的更多细节。讨论的主题就是this关键字。实践证明,这个主题很难,在不同执行上下文中this的确定经常会发生问题。许多程序员习惯的认为,在程序语言中,this关键字与面向对象程序开发紧密相关,其完全指向由构造器新创建的对象。在ECMAScript规范中也是这样实现的,但正如我们将看到那样,在ECMAScript中,this并不限于只用来指向新创建的对象。 英文翻译: Dmitry A. Soshnikov在...

谈谈我对JavaScript原型和闭包系列理解(随手笔记8)【图】

在上篇文章给大家介绍了《谈谈我对JavaScript原型和闭包系列理解(随手笔记6)》, 谈谈我对JavaScript原型和闭包系列理解(随手笔记9) 可以点击了解详情。 执行上下文栈执行全局代码时,会产生一个执行上下文环境,每次调用函数都又会产生执行上下文环境。当函数调用完成时,这个上下文环境以及其中的数据都会被消除,再重新回到全局上下文环境。处于活动状态的执行上下文环境只有一个。压栈出栈过程----执行上下文栈:var a = 10...

谈谈我对JavaScript原型和闭包系列理解(随手笔记9)【图】

相关阅读:谈谈我对JavaScript原型和闭包系列理解(随手笔记6) 谈谈我对JavaScript原型和闭包系列理解(随手笔记8) 作用域引用《JavaScript语言精粹和编程实践》上对作用域的定义:变量作用域又叫变量的可见性。变量作用域完成对信息的隐蔽,也就是处理“割据”问题。js中是没有块级作用域的(ES6中有一个let,可以在{},if,for里面声明,同时作用域限定在块级。let声明的变量不存在变量提升!这里不谈论这个,因为我也是偶然看到。...

谈谈我对JavaScript原型和闭包系列理解(随手笔记6)

相关阅读:谈谈我对JavaScript原型和闭包系列理解(随手笔记8) 谈谈我对JavaScript原型和闭包系列理解(随手笔记9) 什么是闭包 闭包是什么?闭包是Closure,这是静态语言所不具有的一个新特性。但是闭包也不是什么复杂到不可理解的东西,简而言之,闭包就是: ? 闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在。 ? 闭包就是就是函数的“堆栈”在函数返回后并不释放,我们也可以理解为这些函数堆栈并不在栈上...

Jquery1.9.1源码分析系列(十五)动画处理之外篇

a.动画兼容Tween.propHooksTween.propHooks提供特殊情况下设置、获取css特征值的方法,结构如下Tween.propHooks = {_default: {get: function(){...},set: function(){...}},scrollTop: {set: function(){...}}scrollLeft: {set: function(){...}} } Tween.propHooks.scrollTop 和Tween.propHooks.scrollLeft两个主要是在ie8离线状态下会出现混乱而把css特征值保存到节点上set: function( tween ) {if ( tween.elem.nodeType && tw...

jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween【图】

在jQuery内部函数Animation中调用到了createTweens()来创建缓动动画组,创建完成后的结果为:可以看到上面的缓动动画组有四个原子动画组成。每一个原子动画的信息都包含在里面了。仔细查看createTweens函数,实际上就是遍历调用了tweeners ["*"]的数组中的函数(实际上就只有一个元素)。function createTweens( animation, props ) {jQuery.each( props, function( prop, value ) {var collection = ( tweeners[ prop ] || [] )...

jQuery 1.9.1源码分析系列(十五)之动画处理

首先需要有队列(queue)的基本知识。见上一章。 相关教程:jQuery下的动画处理总结: //www.gxlcms.com/article/42000.htm jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween ://www.gxlcms.com/article/75821.htma.动画入口jQuery.fn.animate函数执行流程详解--------------------------------------------------------------------------------先根据参数调用jQuery.speed获取动画相关参数,得到一个类似如下的对...

jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点

什么情况下使用到克隆节点?我们知道在对DOM操作过程中如果直接使用节点会出现节点随操作而变动的情况。比如对节点使用.after/.before/.append等方法后,节点被添加到新的地方,原来的位置上的节点被移除了。有的时候需要保留原来位置上的节点,仅仅是需要一个副本添加到对应位置,这个时候克隆就有了使用场景。jQuery.fn.clone克隆当前匹配元素集合的一个副本,并以jQuery对象的形式返回。你还可以指定是否复制这些匹配元素(甚至它...

jQuery 1.9.1源码分析系列(十三)之位置大小操作【图】

先给大家展示谢 jQuery.fn.css (propertyName [, value ]| object )(函数用于设置或返回当前jQuery对象所匹配的元素的css样式属性值。如果需要删除指定的css属性,请使用该函数将其值设为空字符串("")注意:1、如果省略了value参数,则表示获取属性值;如果指定了该参数,则表示设置属性值。2、css()函数的所有"设置"操作针对的是当前jQuery对象所匹配的每一个元素;所有"读取"操作只针对第一个匹配的元素。) jQuery.fn.offset([...

jQuery 1.9.1源码分析系列(十四)之常用jQuery工具

为了给下一章分析动画处理做准备,先来看一下一些工具。其中队列工具在动画处理中被经常使用。 jQuery.fn. queue(([ queueName ] [, newQueue ]) || ([ queueName ,] callback ))(获取或设置当前匹配元素上待执行的函数队列. 如果当前jQuery对象匹配多个元素:获取队列时,只获取第一个匹配元素上的队列;设置队列(替换队列、追加函数)时,则为每个匹配元素都分别进行设置。如果需要移除并执行队列中的第一个函数,请使用dequeue()...

Jquery 1.9.1源码分析系列(十二)之筛选操作

废话不多说了直接奔入主题了。 jQuery.fn.find( selector )  find接受一个参数表达式selector:选择器(字符串)、DOM元素(Element)、jQuery对象。分两种情况处理:第一种,如果传入的参数是非字符串,则先通过jQuery选择器将selector查找出来,然后过滤出包含于当前jQuery对象所匹配的元素的节点。 if ( typeof selector !== "string" ) {self = this;return this.pushStack( jQuery( selector ).filter(function() {for ( i = 0; ...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部