#Javascript实用效果整理

JavaScript中的类型检查有点麻烦

js 的动态类型有好有坏。好的一面,不必指明变量的类型。不好的是,咱们永远无法确定变量的类型。typeof运算符可以确定 js 中的6种类型:typeof10;//=>'number'typeof'Hello';//=>'string'typeoffalse;//=>'b...

6种JavaScript继承方式及优缺点

友情提示:想要更好的理解js继承方式,须了解构造函数、原型对象、实例化对象、原型链等概念第一种:原型链继承利用原型链的特点进行继承functionParent(){  this.name='web前端';  this.type=['js','html','css'];}Paren...

用 JavaScript 学习算法复杂度

在本文中,我们将探讨“二次方”和“nlog(n)”等术语在算法中的含义。在后面的例子中,我将引用这两个数组,一个包含5个元素,另一个包含50个元素。我还会用到 JavaScript 中方便的 performanceAPI 来衡量执行时间的差异。constsmArr=[5,3,2,...

几道面试题来看JavaScript执行机制

前面的话根据 JavaScript 的运行环境,锁定它为单线程,任务需要排队执行,如果网站资源比较大,这样会导致浏览器加载会很慢,但实际上并没有,大家肯定立刻想到了同步和异步。所谓的同步和异步也是在排队,只是排队的地方不同。 同步和异步同步任务进入主线程排队,异步任务进入事件队列中排队同步...

CSS :placeholder-shown伪类实现Material Design占位符交互效果

一、MaterialDesign规范中占位符交互效果MaterialDesign风格占位符交互效果官方示意见此demo页面。现在这种设计在移动端很常见,相信不少人设计项目中有实现过这种交互,而且,大部分是利用js实现的。(ps:weex不支持这个样式)实际上,我们可以借助css :placeholder-sh...

如何用 CSS Animations 实现滑动图片展现文字的效果

在这篇文章中,我希望能带领大家了解一下 CSSanimationproperty ,以及详细地解释我的个人网站 中的一个效果:让文字在移动的物体后出现。如果你想要看最后的成果,这里有一个 例子 。我们将从下面这里开始:这里请查看 JesperEkstrom&n...

如何使用JavaScript检查数组是否为空?

方法一:使用Array.isArray()方法和array.length属性可以通过array.isarray()方法检查该数组是否确实是一个数组。如果作为参数传递的对象是数组,则此方法返回true。它还检查数组是否为“undefined”或为“null”。使用array.length属性检查数组是否为空;此属性返回数...

JavaScript进度管理

我们写程序的时候会经常遇到显示进度的需求,如加载进度、上传进度等。最常见的实现方式是通过记录 已完成数量(loadedCount) 和 总数量(totalCount),然后算一下就能得到进度了。这种方式简单粗暴,容易实现,但不好扩展,必须有个地方维护所有 loadedCount&...
代码星球 ·2020-12-24

JavaScript 私有类字段和 TypeScript 私有修饰符

在过去,JavaScript没有保护变量不受访问的原生机制,当然除非是典型闭包。闭包是JavaScript中许多类似于私有模式(如流行的模块模式)的基础。但是,近年来ECMAScript2015类被使用后,开发人员感到需要对类成员的隐私进行更多控制。类字段提案(在撰写本文时处于第3阶段)试图通过引入 私有类字...

JavaScript中,数组和对象的遍历方法总结

循环遍历是写程序很频繁的操作,JavaScript 提供了很多方法来实现。这篇文章将分别总结数组和对象的遍历方法,新手可以通过本文串联起学过的知识。 方法一:for循环for循环是使用最多,也是性能优化最好的一种遍历方式。vararr=["a","b","c"];for(vari=0;i<ar...

如何自己实现 JavaScript 的 new 操作符?

new 大家肯定都不陌生,单身没有对象的时候就 new 一个,很方便。那么它在创建实例的时候,具体做了哪些操作呢?今天我们就来一起分析一下。 在介绍 new 之前,必须要知道什么是构造函数。构造函数和普通函数在写法上没有任何区别,当一个函数通过 ne...

Javascript 中 cookie 操作方式

Cookie 为Web应用程序保存用户相关信息提供了一种有用的方法。例如,当用户访问咱们的站点时,可以利用 Cookie 保存用户首选项或其他信息,这样,当用户下次再访问咱们的站点时,应用程序就可以检索以前保存的信息。 Cookie 是一小段文本信息,伴随着用户请求和页...

javascript实例教程:使用canvas技术模仿echarts柱状图

canvas画布是html5中新增的标签,可以通过js操作canvas绘图API在网页中绘制图像。百度开发了一个开源的可视化图表库ECharts,功能非常强大,可以实现折线图、柱状图、散点图、饼图、K线图、地图等多种图表。很多项目都有使用过ECharts开发过图表功能。本实例教程使用原生js教你开发一个仿ECharts...

实用的软件架构方法

对代码库而言,架构通常是最重要的方面之一。架构对代码库质量、可维护性和可靠性都有着重要的影响。这也是软件工程中最有争议的一个话题,往往会激起项目贡献者之间的激烈争论,这些争论似乎没有任何潜在的逻辑解决方案,比如“对我们当前项目来说,什么才是好的架构?”这样的问题,很多时候似乎并没有一个明确的答案。如果你去询问经验丰富的...
代码星球 ·2020-12-24

JavaScript 装逼指南

这个较为常用。!!'a'//true通过两个取反,可以强制转换为Boolean类型。 String转化为Number;日期输出时间戳。+'45'//45+newDate//13位时间戳会自动转化为Number类型的。日期取时间戳不用newDate().getTime()。 parseInt这个函数太...
代码星球 ·2020-12-24
首页上一页...4748495051...下一页尾页