腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

HTML5学堂

专栏作者

296

文章

548754

阅读量

70

订阅数

从一道“很难”的赋值面试题说起~

码匠（HTML5学堂）：今天我们从一道“很难”的赋值面试题说起~看看赋值到底有什么“秘密”

2018-11-05

4110

轻松但深入的学习闭包原理 —— 曾让几乎所有JS新手痛恨的知识

HTML5学堂-码匠：这或许是你看过的，最浅显易懂的一篇关于闭包原理的讲解！闭包的官方定义官方定义：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式

2018-03-13

1.1K0

原生JS | 当兔子遇到鸡

HTML5学堂-码匠：当兔子遇到鸡，会怎样呢？先别急，看个小视频~ 视频内容当兔子遇到鸡 —— 不要害怕和别人不一样，在这个世界上，你就是独一无二的自己！不知道有多少程序在看到这个小视频的时候，想到的不是“复活节”彩蛋，而是“鸡兔同笼问题”…… 如果你想到的是“鸡兔同笼”，那么恭喜你，至少你不是一个人……（表示看到兔子从蛋里钻出来的时候，竟然完全没有怀疑）。鸡兔同笼问题鸡兔同笼-起源 “鸡兔同笼问题”是我国古算书《孙子算经》中著名的数学问题，其内容是：“今有雉（鸡）兔同笼，上有三十五头，下有九十四

2018-03-13

2K0

2017 JavaScript高考全国卷参考答案与解析

HTML5学堂-码匠：高考结束了~做程序的你，不知道在“前端的高考”中是否发挥良好，答案已出，快来对答案吧！看看解析吧~~~ 2017 JS高考卷答案公示全国卷答案第1题 [ ] + [ ] + 'foo'.split(''); 答案："f,o,o" 第2题 new Array(5).toString(); 答案：",,,," 第3题 (true + false) > 2 + true; 答案：false 第4题 function a(x) { return x * 2; } var a; al

2018-03-13

6040

高考啦！ JavaScript高考全国卷

HTML5学堂-码匠：一年一度的高考~走过路过不要错过，做程序的你，来考考前端“高考题”吧！高考啦！！！全国卷第1题如下代码的运行结果是？ [ ] + [ ] + 'foo'.split(''); 第2题如下代码的运行结果是？ new Array(5).toString(); 第3题如下代码的运行结果是？ (true + false) > 2 + true; 第4题如下代码的运行结果是？ function a(x) { return x * 2; } var a; alert(a);

2018-03-13

7940

原生JS | 逻辑操作符的短路问题

HTML5学堂-码匠：短路，并不仅仅存在于物理学当中，JavaScript中的逻辑操作符也有短路问题，这个问题时常作为前端的考点出现哦！面试真题 var a = 1, b = 0, c = 'HTML5学堂'; a || b && (c = '码匠'); console.log(c); var a = 1, b = 0, c = 'HTML5学堂'; (a || b) && (c = '码匠'); console.log(c); 案例来源于某大型互联网公司的面试真题考查的主要知识为“操作符的运算顺序”、

2018-03-13

1.8K0

JavaScript | 动画显示比例的投票效果

HTML5学堂（码匠）：一个简洁实用的投票效果如何使用原生JS来进行实现呢？同时动画显示比例的形式又需要依靠哪些技术来实现？是数学对象还是字符串操作，又或者是计时器加上函数封装吗？本文主要内容 1. 效果展示与结构搭建 2. 实现投票计算功能 3. 数学对象、字符串转换方法等 4. 动画显示比例条 1. 效果展示与结构搭建 1.1 效果展示使用表单元素搭建允许用户进行数据录入的结构，配合上逻辑强大、功能丰富的原生JS，实现完整的投票计算功能，其主要功能包括：数据计算、动画展示结果、数据格式的判断等。具体

2018-03-13

1.9K0

CSS3属性在很大程度上替代了“原本通过PS操作设置”才能达到的效果，例如：CSS3蒙版、线性渐变、径向渐变等等。此类CSS3属性的出现，不仅降低了图片请求次数，也提升了开发效率。除了刚刚提到的这些CSS3属性之外，还有一个高逼格的效果 —— 倒影。本文主要内容 1. CSS3 倒影简介 2. CSS3 倒影语法 3. CSS3 倒影基本用法 1. CSS3 倒影简介除了前文所提及的，CSS3还新增了Reflections板块，即允许CSS3进行设计倒影，我们完全可以在不使用PS的情况下，通过代码在WE

2018-03-13

1.1K0

前端特效制作 | CSS3圆形风格面包屑导航

HTML5学堂（码匠）：前端开发中，导航栏是一个不可或缺的模块。效果酷炫、制作简单必然是开发者的首选，使用CSS3制作的面包屑导航将是广大开发者的一个绝佳选择。本文主要内容 1. 效果展示 2. 涉

2018-03-13

3.3K0

CSS3渐变，就是这么玩

HTML5学堂（码匠）：渐变背景是一直在页面中常见的元素之一，但是在之前所有的渐变背景都是通过设计师通过图形软件设计出来的背景图。其实这种方法比较麻烦，需要设计、切图，而且还影响页面性能。如今CSS3

2018-03-13

1.5K0

让剁手党洞察物体细节，“放大镜”当之无愧

经常浏览淘宝、京东等一些商城网站，都会看到各种各样的页面交互效果，放大镜交互效果在商城网站中算是比较常见的。作为程序员的我们也会经常去考虑放大镜效果的实现方式，同时在平时的一些电商类平台开发中也会遇到

2018-03-13

1.3K0

CSS3三维变形，其实很简单！

HTML5学堂：空间的变化一直是视觉感官上最吸引人的东西，而如果要把这些空间上的变化用代码在浏览器上实现出来，就需要深入的来了解CSS3的transform 3D变化了。作为前端开发者，在这方面肯定是需要迎难而上的。本文就是以之前的二维变形为基础，为大家带来三维空间上的一些形变制作。本文主要内容一、前言二、坐标轴系统三、透视与变形风格四、3D变形函数五、实例展示六、总结一、前言所谓的三维变形，无外乎就是在二维平面的基础上进而实现三维立体空间的形变。上两周我们详细的讲解了二维变形的相关操作，

2018-03-13

1.5K0

CSS3圆角边框“完全解读”

HTML5学堂小编：圆形，一个很奇妙的形状，在各种地方都可以看得到，特别是现在各类网站，都会有各种的圆形。圆角的制作曾经困扰了开发者很久，以至于以前开发者只能使用图片来替代。但是当CSS3的这个border-radius出现之后，对于开发者而言简直就是福利，只需要在需要圆的地方给上一句代码就可以了。一起来学习学习吧~~~ 如何理解border-radius border-radius——CSS3的圆角属性。但是除了圆角的定义外，它还可以做点别的事情。radius其实指的是边框所在圆的半径，这个CSS3属性不

2018-03-13

2K0

高科技引领新生活

Google I/O Google I/O 寓为“开放中创新”（Innovation in the Open），它是由Google举行的网络开发者年会，讨论的焦点是用Google和开放网络技术开发网络应用。大会在加州旧金山Moscone中心举行。2016年5月18日至20日，谷歌在美国旧金山山景城举行2016年I/O大会。——来源于百度百科 Google Assistant: “一种跨越设备间的体验” Google Assistant 是发布会上首个亮相的产品，是因为后续登场的数个产品都基于这一技术。G

2018-03-13

8880

获取对象具体类型的功能函数

HTML5学堂：JavaScript当中，时常会使用到typeof来进行数据类型的检测，但是我们觉得typeof不能够满足我们的需求，对于数组、函数、时间对象等，使用typeof返回的都是“object”，如果我们希望更进一步的检测要怎么办呢？一起来看吧~ toString方法在JavaScript当中，想要判断一个对象值属于哪种内置对象，最靠谱的方法就是使用toString 先上代码 var str = 'HTML5学堂'; var arr = ['独行冰海', '梦幻雪冰']; var obj = {

2018-03-12

1.3K0

控制台断点调试

HTML5学堂：在项目开发过程中，难免会需要调试一些数据，而大量的console.log()需要频繁切换JS和页面，同时最后有可能还忘记删除打印信息。使用断点调试可以更方便的掌握js执行信息。，今天来

2018-03-12

2.5K0

UC浏览器皮肤的那个坑

HTML5学堂：在之前的一款游戏开发当中，使用小米的UC浏览器查看移动端样式，出现了“不可思议”的现象。明明设置了深红色的文字，硬生生的变成了绿色，让小编大呼“UC简直就是色盲啊~~~”，后来发现UC浏览器的皮肤是这个问题的罪魁祸首。 UC浏览器皮肤的那个坑小编之前在做一个游戏开发，为了保证代码的兼容性，使用了各种设备进行了测试。结果所有的设备都没有问题，单单在UC浏览器挂掉，挂掉的原因还不是常见的布局问题，而是“颜色”问题。小编当场表示无语中……明明设置的深红色（#CF1C1D），却显示成了绿色~小编已

2018-03-12

1.2K0

HTML5学堂：我们平日说的IE hack到底是什么，随着浏览器的发展，IE的hack技术也在不断的发生着变化，一起看看最新的IE hack。何为hack？行业中存在着各类浏览器，典型的如IE、火狐、谷歌等；另外，即便同样种类的浏览器，也存在着不同的版本，如IE6、IE7……IE11等。不同浏览器对于CSS的解析机制并不是完全相同的，因此有时会导致页面效果不同，得不到我们所需要的样式。此时，我们可以针对某种浏览器进行样式的设置，从而达到所有浏览器中显示效果的一致性。那么，这种能够标识出不同浏览器的书写方

2018-03-12

1.2K0

一步步教你弹性框架-下篇

HTML5学堂：本文继续为大家讲解弹性框架，在前两篇文章当中，我们从最基本的来回运动，讲解到缓冲运动、有摩擦力的运动。基本实现了弹性动画效果。今天我们主要来进行函数的封装与优化。相关阅读：一步步教你弹性框架-中篇一步步教你弹性框架-上篇第六步运动功能函数封装首先在一个元素点击时，应当执行一个功能函数，这个功能函数我们将其独立出来，作为一个全局的函数而存在，从而实现多次调用。之后我们为了便于控制，需要“变量换常量”、“使用参数控制传入”。在整个功能当中，要发生位置变化的元素是不确定的；每次的终点值

2018-03-12

8590

Form 表单问题多多（上）

HTML5学堂 - 刘国利：2013年8月时，曾在给学生讲解WEB前端开发的HTML和CSS基本知识，学生要面对“表单”的制作。我喜欢把“表单”称之为初入前端的人的“恶梦”。不得不说，表单这个东西在前端开发的时候，问题是相当之多的，从嵌套规则、书写习惯，到浏览器的兼容问题，有很多需要注意的地方。根据行业变化，针对本篇文章进行了内容的调整，并重新书写部分内容，调整时间2015年08月03日。本篇博文当中主要内容 form标签必不可少 form标签的嵌套规则关于fieldset以及legend标签在for

2018-03-12

1.6K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态