js
2022-02-13
61
js中call能够改变this的指向、bind能改变this的指向,并返回一个函数,这是怎么实现的呢?本文将带你一步步实现这些功能,希望对学习JavaScript的朋友有帮助。前言现在的前端门槛越来越高,不再是只会写写页面那么简单。模块化、自动化、跨端开发等逐渐成为要求,但是这些都需要建立在我们牢固的基础之上。不管框架和模式怎么变,把基础原理打牢才能快速适应市场的变化。下面介绍一些常用的源码实现:call实现bind实现new实现instanceof实现Object.create实现深拷贝实现发布订阅模式
2022-02-13
115
JQ实现弹幕效果,快来吐糟你的想法吧代码如下,复制即可使用:12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788<!D
2022-02-13
84
为了使图形能获得接近于真实物体的材质效果,一般会使用贴图,贴图类型主要包括两种:漫反射贴图和镜面高光贴图。其中漫反射贴图可以同时实现漫反射光和环境光的效果。实际效果请看demo:纹理贴图2D纹理实现贴图就需要用到纹理,常用的纹理格式有:2D纹理,立方体纹理,3D纹理。我们使用最基本的2D纹理就能实现本节需要的效果,我们来看一下使用纹理需要的api。相关教程:js视频教程因为纹理的坐标原点位于左下角,和我们通常的左上角坐标原点刚好相反,下面就是将它按Y轴进行反转,方便我们设置坐标。1gl.pixelStor
2022-02-13
70
我们可以利用indexOf()方法去除数组中的重复值。思路:首先创建一个新数组,然后循环要去重的数组,然后用新数组去找要去重数组的值,如果找不到则使用.push添加到新数组,最后把新数组返回回去就行了。具体代码:123456789function fun(arr){ let newsArr = []; for (let i = 0; i < arr.length; i++) {
2022-02-13
94
什么是JavaScript?JavaScript通常被称为浏览器脚本语言,但它也已扩展到许多服务器端和移动应用程序开发环境。JS已经存在了将近20年,可以肯定地说它确实是一种成熟且稳定的编程语言。在Facebook发布React和React Native框架之后,JS变得越来越流行。JavaScript具有自己的软件包管理器,例如NPM和Yarn。尽管JavaScript现在是首选和流行,但在编程社区中仍然有一些不同的评论。不过,可以肯定地说,JavaScript的流行性毋庸置疑,因为它包含将近200万个
2022-02-13
199
本文提供一个简单的方法实现一个流程的进度条加载效果,以便在页面中可以通过它来更好地反馈耗时任务的完成进度。要实现这个功能,首先要考虑怎样实现一个静态的进度条效果,类似下面这样的:这个倒是比较简单,两个div即可,bootstrap官方就提供有多种主题的进度条组件。如果自己要用,参照下别人的代码,写成自己的风格即可,实际上也非常的好理解:12345678910111213141516.progress { height: 20px; background-color: #f5f5f5; b
2022-02-13
112
前言:写代码的过程中,难免会发生各种错误,而发出去的代码也可能收到用户浏览器报回来的各种错误需要查问题。了解这些报错发生的原因以及出现的浏览器可以帮助我们更快的找到bug,下面就一起来看看排名前十的JS错误以及避免的方法吧。一、 Uncaught TypeError: Cannot read property这个错误是Chrome浏览器报的。在尝试去读取一个undefined变量的属性或者调用undefined变量的方法就会报错。你可以在Chrome浏览器中轻易复现。避免方法:在取变量的属性值,要保证这个
2022-02-13
445
JavaScript 中分号划分了社区。有些人无论如何都喜欢使用分号。其他人喜欢不加分号。在使用分号多年之后,2017 年秋,我决定尝试根据需要不加分号,并且设置 Prettier 自动移除我代码中的分号,除非是必要的代码结构需要它们。现在我发现,不使用分号非常自然,我认为这样的代码看起来更好,它们更简洁易读。这完全可能的,因为 JavaScript 并不严格要求分号。当某个地方需要分号时,它会在后台添加它。这个过程就叫做 自动插入分号.重要的是了解使用分号的规则,这样可以避免编写会产生 bug 的代码,