为你推荐

用JavaScript让你的浏览器说话

最近在开发一个个人项目时,我冒出了一个尝试让浏览器说话的想法。不知道该怎么做,于是,我在网上寻找了一下答案,在MDN上,我找到了答案。让我们来看看如何通过JavaScript让浏览器说话。 让我们来创建一个基础函数,这个函数的参数为我们想说的话或者词,最后让我们的浏览器说出来。我们将利用在大多数现代浏览器上都...

JS 工具库文档化JSDoc

jsDoc是一个自动化生成 JavaScript 文档工具,它是利用对 JavaScript 函数的特定注释来编译成 html 文件的一个文档工具。  全局安装或者局部安装:npminstalljsdoc-gnpminstalljsdoc-...
代码星球·2020-12-24

JavaScript 变量、作用域及内存详解

基本类型值有:undefined,NUll,Boolean,Number和String,这些类型分别在内存中占有固定的大小空间,他们的值保存在栈空间,我们通过按值来访问的。(1)值类型:数值、布尔值、null、undefined。(2)引用类型:对象、数组、函数。如果赋值的是引用类型的值,则必须在堆内存中为这个值分配空...

前端埋点之曝光实现

最近有一个工作需求是曝光埋点,让我得以有机会接触相关的东西。之前实习时没有做过这方面的需求,个人项目更是和埋点扯不上关系。以至于上周开会讨论时听到“埋点”这个词就怂了。不过后面听大佬分析了下后才意识到,原来“埋点”是这个意思。曝光埋点的思路也是很简单:无非是判断某个DOM是否出现在视窗中,出现了就收集数据上报给服务端。...
代码星球·2020-12-24

js精准计算

varnumA=0.1;varnumB=0.2;alert(numA+numB);0.1+0.2=0.30000000000000004。计算精度误差问题(和二进制相关)。对于浮点数的四则运算,几乎所有的编程语言都会有类似精度误差的问题,只不过在C++/C#/Java这些语言中已经封装好了方法来避免精度的问题,而&nb...
代码星球·2020-12-24

开发Web应用,Go语言比Python更有优势!

随着Golang的日益普及,它是否取代Python?接下来让我们一起看看Go的优点,以及它与Python的区别。在Web开发的世界里,敏捷才是王道。使用更少的费用和资源来更快地完成网站和网络应用,从而获得更多的竞争优势。此外,他们不仅希望快速完成Web开发,对可用性和用户体验的要求也很高。这需要开发更多的功能和高级编程...

CSS inherit是继承,那initial和unset呢?

所有css都支持几个全局属性值,分别是: inherit , initial 和 unset 。其中 inherit 是继承的意思,IE8(标准版)开始支持,不是从IE9开始支持的,网上一些文档是错误的。 inherit ...

CSS开发中的十大错误用法

自从接触前端软件开发以来,我发现开发猿一直在努力征服着css。理由也很充分,开发人员是用逻辑思考的生物。添加一个div元素导致所有代码都不得不往下移一行,而另一个div“浮”到左侧,感觉没有任何意义。你也一定听到过开发人员的抱怨:“我们只需要向左边移动五个像素,但是…天哪!为什么整个都向下移动了一行。到底是哪里错了?!...

CSS三大特性:层叠 继承 优先级

层叠性:如果一个属性通过两个相同选择器设置到同一个元素上,相同的属性就会出现冲突,那么这个时候一个属性就会将另一个属性层叠掉,采用的是就近原则继承性:子标签会继承父标签的某些样式 一般以font­,line­,color,text­,list­,都能继承 备注 : a标签不能继承...

CSS选择器与CSS的继承,层叠和特殊性

什么是选择器?选择器{样式;},在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素,类似这样body{color:pink;font-size:16px;};:标签选择器其实就是html代码中的标签,比如<html>、<body>、&...

HTML5中的lang属性,zh-CN还是zh-Hans?

一、资源先提供资源。如果我弄错了什么,请以这些文档为准:W3C文档、IANA已登记的子标签、BCP47、RFC5646。 二、格式简介先上一张图片:一个LanguageTags,由①到⑦一共四个子标签组成。有什么盘算不清楚的,请参考资源部分提供的文档。 三、各部分含义①language:主语言,用代...

从浏览器输入 URL 到页面展示过程

对于面试常问的从浏览器输入 URL 到页面渲染过程发生了什么?,我想大家都或多或少能说出一二。但是,其实这个问题很有深度,而你是否回答的有深度,在很大程度上会影响到面试官对你的印象。并且,网上各种资料都是带浅尝辄止地讲解这个过程,经常会出现今天看到这个版本,明天看到另一个版本地情况。所以,现在我们就...

输入框失去焦点事件和按钮点击事件冲突

场景是这样的:点击输入框失去焦点会触发验证方法,点击提交按钮的时候也会触发验证方法,如果用户点击输入框后点击提交按钮就会同时触发失去焦点方法和提交按钮方法,这样就会触发两次验证。我想写成只触发一次验证,在开发过程中我发现:在移动端当失去焦点和点击事件同时发生的时候,会先执行失去焦点事件,然后再执行点击事件,也就是说失去...

表单提交type=submit和type=image的区别

1.提交按钮sumbit<inputtype="image"src="图片路径">type="image"默认是sumbit,不用再添加onclick事件提交,否则会发生表单被提交两次的情况。 2.重置按钮reset<inputtype="image"src="图片路径"onclick="r...

css选择器中:first-child与:first-of-type

css选择器中:first-child与:first-of-type是比较容易混淆的概念,这里用案例介绍它们具体的区别。:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码:<div><p>第一个子元素</p><h1...