使用JavaScript的onscroll()函数有问题 - 腾讯云开发者社区

由于我现在所在的公司用到的zk框架，遇到了一个需求frozen on top。简单来说就是滚动超过范围后，希望有一块东西停留在滚动窗口的顶部。...onScroll事件。...二.创建属于自己系统的component ZK框架的扩展性非常强。zk允许用户定义属于自己的组件，所以在这次解决问题的时候我创建了自己的组件cbxDiv。...我们需要做的有以下几点：配置lang-addon.xml : 这是zk的配置文件，通常我们把所需要自己的组件信息都定义到这个配置文件，这样zk就会自动识别。 onScroll", 'doScroll_'); this.

1K6 0

关于Javascript封装函数的问题

关于Javascript中的问题开发工具与关键技术：作者：盘洪源撰写时间：2019年1月16日星期三在写javascript中大家可能都会遇到一个问题就是一段代码需要给重复使用，感觉很麻烦，如下图...这时我们就可以用一个函数把这段代码封装起来，然后哪里需要用就调用就行了。封装函数首先给它一个名字，在给个参数，然后里面就放入你需要用到的代码。 ?...这里需要注意的是封装函数一定要给它返回值，不然它就没办法在页面给你呈现出来，如下图 ? 正常是这样的，如下图 ? 所以千万要记住一定要写返回值

8073 0

您找到你想要的搜索结果了吗？

是的

没有找到

JavaScript中的类有什么问题

并不是说 JS 的类有问题，但是如果你使用该语言已有一段时间，特别是使用过ES5，那么你可能就知道了从原型继承到当前类模型的演变。原型链会有什么问题？以我的拙见，这个问题的答案是：没有。...但是社区花了很多年的时间才将类的概念强加到不同的结构和库中，因此ECMA技术委员会决定无论如何都要添加它。你会问，这有什么问题吗?...因为尽管在表面上，它们看起来是非常面向对象的，但是如果我们试图做一些超出它们可能的事情，比如定义一个类扩展两个类(目前不可能的事情)，我们需要使用下面的代码 // 辅助函数 function applyMixins...换句话说，重复该名称，但要确保其接收不同的参数。现在我们有了JS的rest参数，这使我们可以拥有一个任意数字，但是，这也意味着我们必须在方法中添加额外的代码来处理这种动态性。...受保护的属性和方法我们已经有了公开的可见性，而且我们很快就得到了方法和属性的私有可见性(通过#前缀)。

1.6K1 0

详解JavaScript的匿名函数（文末有教程分享）

什么是匿名函数：没有实际名字的函数匿名函数的作用： 1、通过匿名函数可以实现闭包（必须掌握的知识点） 2、模拟块级作用域，减少全局变量。...执行完匿名函数，存储在内存中相对应的变量会被销毁，使用块级作用域，会大大降低命名冲突的问题，不必担心搞乱全局作用域了。...}(i)) } return arr; } var zxx= zxxFn(); for(var j = 0; j < 10; j++){ zxx[j](); } 详解：这题使用了立即执行函数...匿名函数在栈追踪中不会显示出有意义的函数名，使得调试很困难。 2. 如果没有函数名，当函数需要引用自身时只能使用已经过期的 arguments.callee 引用，比如在递归中。...JavaScript高级教程链接：https://pan.baidu.com/s/14mHL6DvlwwfDN9A0UX6hiQ 提取码：hnv4 我曾以为对一个人的思念，会从有到无，会是个渐渐消减的过程

8172 0

JavaScript 学习-8.JavaScript 箭头函数的使用

前言 ES6 中引入了箭头函数() =>。箭头函数不需要使用function关键字，允许我们编写更短的函数....箭头函数之前使用function 定义函数 fun1 = function() { return "Hello World!"...hello') => x+'world'; console.log(fun7()); // helloworld console.log(fun7('yoyo')); // yoyoworld this的使用...使用箭头函数没有对 this 的绑定。...在常规函数中，关键字 this 表示调用该函数的对象，可以是窗口、文档、按钮或其他任何东西。

5591 0

JavaScript Alert 函数执行顺序问题

问题 ---- 前几天使用 JavaScript 写 HTML 页面时遇到了一个奇怪的问题：我想实现的功能是通过 confirm() 弹窗让用户选择不同的需求，每次选择后都将选择结果暂时输出到页面上，...对于这个解决方向，我们有两种方法可以使用：替换 Alert() 函数首先我们考虑替换掉 alert 函数的功能。...setTimeOut函数当然，并不是所有人都愿意使用新的对话框替换 alert 函数的对话框，总感觉上面的方法不是特别的优雅，对此，我们可以采用另外的方法解决这个问题。...JavaScript 的回调函数确实非常强大，使用起来也很简单，但是却有一个隐含的问题，就是回调嵌套问题，单层的回调很容易理解，但如果要实现像我的需求一样，有多个 alert 和页面渲染轮流执行的情况，...前端写得不多，可能对 JavaScript 的理解会有些偏差，文章如有错漏，还请在文章下面评论区指出。对于此问题，如果有大神有更好的解决方案，还请不吝赐教。

3.1K4 0

JavaScript中的类有什么问题呢？

上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。并不是说 JS 的类有问题，但是如果你使用该语言已有一段时间，特别是使用过ES5，那么你可能就知道了从原型继承到当前类模型的演变。...原型链会有什么问题？以我的拙见，这个问题的答案是：没有。但是社区花了很多年的时间才将类的概念强加到不同的结构和库中，因此ECMA技术委员会决定无论如何都要添加它。你会问，这有什么问题吗?...因为尽管在表面上，它们看起来是非常面向对象的，但是如果我们试图做一些超出它们可能的事情，比如定义一个类扩展两个类(目前不可能的事情)，我们需要使用下面的代码 // 辅助函数 function applyMixins...换句话说，重复该名称，但要确保其接收不同的参数。现在我们有了JS的rest参数，这使我们可以拥有一个任意数字，但是，这也意味着我们必须在方法中添加额外的代码来处理这种动态性。...受保护的属性和方法我们已经有了公开的可见性，而且我们很快就得到了方法和属性的私有可见性(通过#前缀)。

1.4K1 0

Javascript作用域问题的构造函数的变量

构造函数new对于使用。代表创建对象。此外，它可以被用作普通的函数调用，因为它也是一个功能。...function Person(name) { this.name=name; } Person(12); alert(window.name);//12 能够看到当构造函数被当成普通函数调用的时候...this代表的是全局的window对象。非常显然把构造函数当成普通函数调用，不是好的做法。也没有什么道理要这么做。实际中应该杜绝这样奇怪的使用方法，以免产生奇怪的问题。...per.name);// aty alert(per.name1);//undefined alert(per.name2);//undefined alert(window.name2);//boy 构造函数中定义变量使用...这样解释了为什使用什么样的构造thiskeyword。版权声明：本文博客原创文章。博客，未经同意，不得转载。

9602 0

JavaScript 数组排序函数sort（）的使用

所以sort（）函数在不传参的情况下对数字数组也是按照字符顺序排序。...执行非字典顺序的排序 sort()方法可以接收一个函数，这个函数有两个参数，函数的返回值决定了数组的返回结果函数的返回值有大于0，小于0，等于0三种结果。我们用一个例子来解释一下。...let myArray = [541,2,1,34,55,311]; // 这个数组是第二步我们使用的数组，我们可以看到如果直接用sort（）排序，它的结果为[ 2, 311, 34, 541, 55...这个匿名函数的返回值决定了数组的排序结果，现在我们传进去了x,y两个参数（有顺序，x在y的前面），如果x>y，则x-y>0，匿名函数返回的是一个正值，则x,y的位置会变换。 ...下面就总结一下sort（）排序的主要事项： sort（）函数默认按照字典顺序进行排序。 sort（）函数可以接收一个函数作为参数。这个参数函数的返回值决定了数组的排序。

2.3K1 0

JavaScript立即执行函数（IIFE）的使用

js的立即执行函数（IIFE）有两种写法，分别为：(function ( ){})( ) 与 (function ( ){}( )) ，这两种写法基本上是没有区别的。那么为什么要 IIFE？...但是，如果您在尚不支持ECMAScript 2015的环境中运行JavaScript代码（例如旧版浏览器），则不能使用新建let和const关键字来创建块范围的本地变量。...捕获全局对象 JavaScript代码在不同环境执行时，你所使用的全局对象是不同的。当代码在浏览器运行时，全局对象是windows。但是在Node.js中，全局对象是global。...由于在写通用的JavaScript代码时，你肯定不想硬编码这两个名字其中的任何一个，这时你就可以使用一种”包装”的方式就像下面这样： (function(global) { // ... }...所以自己权衡和比较返回内容的大小，较短的名字可能仍然是有作用的。文章参考：Use Cases for JavaScript's IIFEs

2.4K2 0

使用JavaScript构造函数创建动态函数

构造函数在JavaScript中，函数是一等公民，这意味着它们可以像任何其他数据类型一样被执行。构造函数就是利用了这一点，允许你从字符串中创建函数。...我们可以通过将它转换为JavaScript来运行用其他语言编写的代码，如Python或Ruby。...使用构造函数的缺点和注意事项以下是使用构造函数的缺点：安全风险：我们如果直接使用，用户提供的字符串来创建函数可能引发安全风险。恶意代码可能会被直接注入和执行。我们应该始终验证和清理用户输入。...性能开销：使用构造函数可能会比我们常规的函数声明慢。我们应该避免在代码性能关键部分频繁使用。可读性：使用构造函数生成的代码可能更难阅读和调试，因此我们谨慎使用，并清晰地记录你的意图。...代码生成：在需要动态生成JavaScript代码的情况下，例如代码生成器或转译器。这通常在像Babel这样的工具中可以看到，它将现代JavaScript代码转换为与各种浏览器兼容的旧版本。

2443 0

JavaScript 使用 for 循环时出现的问题

这个问题的讨论最初来自公司内部邮件，我只是把这个问题的讨论内容记录下来。...有一些项目组在定位问题的时候发现，在使用 “for(x in array)” 这样的写法的时候，在 IE 浏览器下，x 出现了非预期的值。...有一种粗暴的解决办法： for (name in object) { if (object.hasOwnProperty(name)) { .... } } 还有人提到了使用 for(var i=0;i...的循环时的问题，因为 JavaScript 没有代码块级别的变量，所以这里的 i 的访问权限其实是所在的方法。...使用 JavaScript 1.7 中引入的 “let”可以解决这个问题，使 i 成为真正的代码块级别的变量： for(let i =0; i < a.length; i++) 最后，在 Google

4K1 0

JavaScript ES6 箭头函数的使用

语法为：参数 => 函数体基本用法： var f = v => v; //等价于 var f = function(a){ return a; } f(1); //1 当箭头函数没有参数或者有多个参数...var f = (a,b) => a+b; f(6,2); //8 当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回...var f = (a,b) => { let result = a+b; return result; } f(6,2); // 8 当箭头函数要返回对象的时候，为了区分于代码块，要用 () 将对象包裹起来

4691 0

【说站】javascript中memoize函数的使用

javascript中memoize函数的使用说明 1、memoize通过实例化Map对象创建空缓存。 2、通过检查输入值的函数输出是否缓存并返回存储一个参数，该参数将提供给已记忆的函数。...cache.set(val, fn.call(this, val)) && cache.get(val); }; cached.cache = cache; return cached; }; 以上就是javascript...中memoize函数的使用，希望对大家有所帮助。...更多Javascript学习指路：Javascript 推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。收藏 | 0点赞 | 0打赏

7453 0

浅谈javascript中的回调函数javascript中的函数匿名函数回调函数回调函数的使用回调函数实例总结

要理解javascript中的回调函数，首先我们就要对javascript中的函数有一定的理解，所以我们先从javascript中函数谈起，讲讲它与其他语言中的函数有什么不同。...---- javascript中的函数在javascript中，函数也是一种data，一种数据，只不过这种数据比较特殊，它里面存的是代码，而且这种data可以被调用执行。...** javascript中函数的调用特征就是后面跟一对括号，里面可以有参数 ** ?...函数小结现在我们javascript中的函数有以下特点：函数也是一种data，一种数据函数这种特殊的数据所包含的是代码它们可以被调用执行匿名函数正如前文所提的， var f = function...js.PNG 回调函数的使用知道了什么是回调函数，我们来看一下回调函数的使用。回调函数有什么优势呢？

2.8K2 0

前端面试【JavaScript】— 什么是高阶函数？数组中的高阶函数有哪些？

何为高阶函数？一个函数就可以接收另一个函数作为参数或者返回值为一个函数，这种函数就称之为高阶函数。数组中的高阶函数如下： 1. map 遍历 1. 对原来的数组没有影响； 2....创建一个新数组，其结果是该数组中的每个元素都调用提供的函数后返回的结果； 3. 接收两个参数，一个是回调函数，一个是回调函数的this值（可选）。...接收一个函数作为参数，这个函数有一个默认参数，就是当前元素。这个作为参数的函数返回值为一个布尔类型，决定当前元素是否保留； 2. 返回值为一个新的数组，这个数组里面包含参数里面所有被保留的项。...一个用于比较的函数，它有两个默认参数，分别是代表比较的两个元素。...反之，则 a 在 b 的后面，即 a 的下标比 b 小。整个过程就完成了一次升序的排列。当然还有一个需要注意的情况，就是比较函数不传的时候，是如何进行排序的？

1.7K4 0

盘点JavaScript中getter()和setter()函数的使用

一、前言有两种类型的属性。第一种是数据属性。已经知道如何使用它们了。到目前为止，使用过的所有属性都是数据属性。第二种类型的属性是新东西。...这就是访问器属性的设计思想。不以函数的方式调用 user.fullName，正常读取它：getter 在幕后运行。截至目前，fullName只有一个 getter。...但是，这儿有一个众所周知的约定，即以下划线 "开头的属性是内部属性，不应该从对象外部进行访问。...六、总结本文基于JavaScript基础，介绍了getter 和 setter函数的使用。对于其中的属性，通过案例的样式，运行效果图的展示，进行详细的讲解。...同时拓展相对于的内容，希望能够帮助你更好的理解。欢迎大家积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

1.7K1 1

10 - JavaScript 中的函数 & 11 - JavaScript 中函数的种类

函数就是 JavaScript 中可以被执行的代码块。函数有如下必备部分： 1. 使用 function 关键字声明； 2. 函数名字紧跟其后，它就是被调用时使用的名字。 3....函数创建了可复用的代码块，若你有需要多次执行的代码，把它们变为一个函数是个好主意。函数返回值函数一旦执行完代码可以给你返回一些东西，但并非总是如此。有时候函数执行完也就结束了。...JavaScript 自带的函数你不是要经常写函数，JavaScript 自带了许多可以直接使用的方法。...函数表达式当一个函数赋值给一个变量称为函数表达式。当调用一个函数表达式时，我们通常是在使用一个匿名函数（没有名字的函数）。...Yes we can pass arguments 箭头函数箭头函数是一个紧凑版的函数表达式，之所以称为箭头函数是因为使用了 => 标识。

2.8K2 0

JavaScript 函数的定义

一、关于函数 JavaScript函数是指一个特定代码块，可能包含多条语句，可以通过名字来供其他语句调用以执行函数包含的代码语句。比如我们有一个特定的功能需要三条语句实现 ?...这叫做函数的声明（Function Declaration）。 3.2 注意（1）JavaScript 对大小写敏感。...这种写法的用处有两个，一是可以在函数体内部调用自身，二是方便除错（除错工具显示函数调用栈时，将显示函数名，而不再显示这里是一个匿名函数）。（3）下面的形式声明函数也非常常见。 ?...函数fn是在alert之后声明的，但是在alert执行的时候，fn已经有定义了。...但不推荐使用，因为这种语法会导致解析两次代码。第一次是解析常规javascript代码，第二次解析传入构造函数中的字符串，影响性能。 ?

1.1K3 0

盘点JavaScript中Eval函数的使用方法

代码字符串可能会比较长，包含换行符、函数声明和变量等。 eval 的结果是最后一条语句的结果。...严格模式下，eval 有属于自己的词法环境。...三、使用 “eval” 在 eval 中使用外部局部变量也被认为是一个坏的编程习惯，因为这会使代码维护变得更加困难。有两种方法可以完全避免此类问题。...注： new Function 从字符串创建一个函数，并且也是在全局作用域中的。所以它无法访问局部变量。四、总结本文基于JavaScript基础，介绍了 Eval函数的使用。...在实际应用中需要注意的点，遇到的难点，提供了详细的解决方法。使用JavaScript语言，能够让读者更好的理解。代码很简单，希望能够帮助读者更好的学习。

1.7K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

关于ZK框架的onScroll事件的问题

关于Javascript封装函数的问题

JavaScript中的类有什么问题

详解JavaScript的匿名函数（文末有教程分享）

JavaScript 学习-8.JavaScript 箭头函数的使用

JavaScript Alert 函数执行顺序问题

JavaScript中的类有什么问题呢？

Javascript作用域问题的构造函数的变量

JavaScript 数组排序函数sort（）的使用

JavaScript立即执行函数（IIFE）的使用

使用JavaScript构造函数创建动态函数

JavaScript 使用 for 循环时出现的问题

JavaScript ES6 箭头函数的使用

【说站】javascript中memoize函数的使用

浅谈javascript中的回调函数javascript中的函数匿名函数回调函数回调函数的使用回调函数实例总结

前端面试【JavaScript】— 什么是高阶函数？数组中的高阶函数有哪些？

盘点JavaScript中getter()和setter()函数的使用

10 - JavaScript 中的函数 & 11 - JavaScript 中函数的种类

JavaScript 函数的定义

盘点JavaScript中Eval函数的使用方法

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐