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

在Vue2.0系列中如何使用过滤器?【图】

这篇文章主要介绍了Vue2.0系列之过滤器的使用,现在分享给大家,也给大家做个参考。vue2.0已经废弃了过滤器,需要自定义过滤器,用于一些常见的文本格式化。感觉超级好用!!过滤器可以用在两个地方:双花括号插值 和 v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由管道符指示。一、注册全局过滤器注意事项:1、全局方法Vue.filter()注册一个自定义过滤器,必须放在vue实例化前面2、过滤器函数始终以表达式的值作为第...

vue.jsdevtools遇到一系列问题详解【图】

本文主要为大家详细介绍了vue.js devtools遇到问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。使用vue.js devtools遇到的磕磕绊绊,具体如下1.首先我们需要在谷歌浏览器扩展程序中点击获取更多2.在搜索框输入vue.js devtools,点击安装此扩展3.检查扩展是否开启我们需要检测我的扩展是否开启,允许文件地址是否访问,如果没有勾选文件地址我们就必须在服务器上访问。4.修改插件配置文件 代...

独孤系列jQuery教程源码免费下载

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对...

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

这篇文章主要介绍了Jquery1.9.1源码分析系列(十五)动画处理之外篇 的相关资料,需要的朋友可以参考下a.动画兼容Tween.propHooks  Tween.propHooks提供特殊情况下设置、获取css特征值的方法,结构如下Tween.propHooks = {_default: {get: function(){...},set: function(){...}},scrollTop: {set: function(){...}}scrollLeft: {set: function(){...}} }  Tween.propHooks.scrollTop 和Tween.propHooks.scrollLeft两个主要是在...

总结JavaScript中的特效系列

一. offset系列1. offset系列的5个属性1. offsetLeft : 用于获取元素到最近的定位父盒子的左侧距离 * 计算方式: 当前元素的左边框的左侧到定位父盒子的左边框右侧 * 如果父级盒子没有定位, 那么会接着往上找有定位的盒子 * 如果上级元素都没有定位,那么最后距离是与body的left值2. offsetTop : 用于获取元素到最近定位父盒子的顶部距离 * 计算方式:当前元素的上边框的上侧到定位父盒子的上边框下侧 * 如果父级盒子没...

关于进阶系列的相关课程汇总【图】

函数声明函数赋值表达式命名函数的赋值表达式函数是JavaScript中的一等对象,这意味着可以把函数像其它值一样传递。一个常见的用法是把匿名函数作为回调函数传递到异步函数中。函数声明function foo() {}上面的方法会在执行前被 解析(hoisted),因此它存在于当前上下文的任意一个地方, 即使在函数定义体的上面被调用也是对的。foo(); // 正常运行,因为foo在代码运行前已经被创建 function foo() {函数赋值表达式var foo = functi...

关于基础系列的详细介绍【图】

1 for...of 字符串的遍历接口for(let i of "abc"){console.log(i); } // a // b // c2 includes 是否包含某字符串,返回布尔值格式:str.includes(searchString[, position])与indexOf的对比:indexOf:返回下标,判断是否包含某字符串,下标是字符串的位置includes:返回布尔值,是否包含某字符串,如果只是判断字符串中包含,此法可行。var s = "hello"; // es5 s.indexOf("o"); // 4 // 1. es6的基础介绍--字符串的拓展简介:es6基...

JS基础系列之正则表达式【图】

正则表达式是一个很牛逼的东东,今天在这里只是简单的给刚刚接触JS的人普及一下,里面若有争议的地方欢迎大家留言!1.1 什么是正则表达式 正则表达式(regular expression)是一个描述字符模式的对象,ECMAScript的RegExp 类表示正则表达式,而String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。 正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。1.2 正则表达式的作用 ...

JavaScript进阶系列—闭包和引用

模拟私有变量为什么不可以在外部访问私有变量循环中的闭包避免引用错误闭包是 JavaScript 一个非常重要的特性,这意味着当前作用域总是能够访问外部作用域中的变量。 因为 函数 是 JavaScript 中唯一拥有自身作用域的结构,因此闭包的创建依赖于函数。模拟私有变量function Counter(start) {var count = start;return {increment: function() {count++;},get: function() {return count;}} }var foo = Counter(4); foo.increment()...

JavaScript进阶系列—this的工作原理

全局范围内函数调用方法调用调用构造函数显式的设置 this常见误解方法的赋值表达式JavaScript 有一套完全不同于其它语言的对 this 的处理机制。 在五种不同的情况下,this 指向的各不相同。全局范围内this;当在全部范围内使用 this ,它将会指向全局对象。函数调用foo();这里 this 也会指向全局对象。方法调用test.foo();这个例子中, this 指向 test 对象。调用构造函数new foo();如果函数倾向于和 new 关键词一块使用,则我们称这...

JavaScript进阶系列—类型中的相等与比较

等于操作符严格等于操作符比较对象结论JavaScript 有两种方式判断两个值是否相等。等于操作符等于操作符由两个等号组成:==JavaScript 是弱类型语言,这就意味着,等于操作符会为了比较两个值而进行强制类型转换。"" == "0" // false 0 == "" // true 0 == "0" // true false == "false" // false false == "0" // true ...

JavaScript进阶系列——函数声明与表达式

函数声明函数赋值表达式命名函数的赋值表达式函数是JavaScript中的一等对象,这意味着可以把函数像其它值一样传递。一个常见的用法是把匿名函数作为回调函数传递到异步函数中。函数声明function foo() {}上面的方法会在执行前被 解析(hoisted),因此它存在于当前上下文的任意一个地方, 即使在函数定义体的上面被调用也是对的。foo(); // 正常运行,因为foo在代码运行前已经被创建 function foo() {函数赋值表达式var foo = functi...

JavaScript进阶系列——forin循环

使用 hasOwnProperty 过滤总结和 in 操作符一样,for in 循环同样在查找对象属性时遍历原型链上的所有属性。// 修改 Object.prototype Object.prototype.bar = 1;var foo = {moo: 2}; for(var i in foo) {console.log(i); // 输出两个属性:bar 和 moo }由于不可能改变 for in 自身的行为,因此有必要过滤出那些不希望出现在循环体中的属性, 这可以通过 Object.prototype 原型上的hasOwnProperty 函数来完成。注意:for in 循环不...

JavaScript进阶系列—作用域与命名空间

隐式的全局变量局部变量变量声明提升(Hoisting)名称解析顺序命名空间结论尽管 JavaScript 支持一对花括号创建的代码段,但是并不支持块级作用域; 而仅仅支持 函数作用域。function test() { // 一个作用域for(var i = 0; i < 10; i++) { // 不是一个作用域// count}console.log(i); // 10 }译者注:如果 return 对象的左括号和 return 不在一行上就会出错。(注意: 如果不是在赋值语句中,而是在 return 表达式或者函数参数中,...

JavaScript进阶系列—为什么不要使用eval

伪装的 eval安全问题结论eval 函数会在当前作用域中执行一段 JavaScript 代码字符串。var foo = 1; function test() {var foo = 2;eval(foo = 3);return foo; } test(); // 3 foo; // 1但是 eval 只在被直接调用并且调用函数就是 eval 本身时,才在当前作用域中执行。var foo = 1; function test() {var foo = 2;var bar = eval;bar(foo = 3);return foo; } test(); // 2 foo; // 3译者注:上面的代码等价于在全局作用域中调用 eva...

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 全部