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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

HTML5学堂

专栏作者

296

文章

549894

阅读量

70

订阅数

编程，到底在学什么？

html5 excel it word 编程

从2015年开始，就有几个词语开始风靡全球，STEAM、STEM、Scratch、Python、少儿编程。国家教育部的一个个红头文件、各个省将编程融入信息技术课程，各个培训机构推出线上，线下的编程课程，貌似行业如火如荼。

2019-05-08

1.1K0

JS实战开发经验！函数多参数传参技巧

html5 javascript

HTML5学堂-码匠：掌握JavaScript代码的你，一定编写封装过函数，为了提升函数的控制性，必不可少的就是参数，必选可选的一大堆参数罗列出来，函数调用貌似变得麻烦起来~~~ Tips：必选参数指的是必须要传入实参的参数；可选参数在函数中有默认值，如有传入实参，则取实参的值，如果没有传入实参，则使用默认值。函数的众多参数问题当一个函数既有必选参数，又有可选参数，在定义函数时，我们可能采取的方式是：无论参数是可选参数还是必选参数，都将参数罗列下来（通常按照先必选再可选的顺序）但是这样的罗列方法

2018-03-13

5.8K0

JS 计时器参数剖析与真题

html5 javascript

HTML5学堂-码匠：计时器的第一个参数，包含几种不同的书写方法，可以是函数名，匿名函数，JS代码字符串，还有一些面试题当中会出现“函数调用”的书写方式。那么，这些不同的书写方法分别表示什么呢？在计

2018-03-13

2.4K0

2000! | 看上去如此简单的面试题，让太多“前端”英雄好汉折戟

HTML5学堂-码匠：求某个数字的阶乘，很难吗？看上去这道题异常简单，却不曾想里面暗藏杀机，让不少前端面试的英雄好汉折戟沉沙。面试真题题目如何求“大数”的阶乘（如1000的阶乘、2000的阶乘）

2018-03-13

1K0

几个前端工程师应当掌握的“词语”

HTML5学堂-码匠：W3C、BFC、FOUC、Hack、GPU、Sprite、UA……各类前端术语知多少？有不少前端开发工程师，可能并不清楚下面的部分词语，但是在实战中其实都在使用着它们。明确一

2018-03-13

9070

原生JS | 随机抽取不重复的数组元素 —— 有没有更好的方法？

html5 javascript

HTML5学堂-码匠：从数组中随机抽取不重复的元素，构成新数组，拥有多种方法，来看看你用的方法性能如何？效果的功能需求从一个数组当中，随机抽取数个元素，构成新数组，要求这些元素不能重复。（即随机获取不重复的数组元素）相关说明：在此处依照“构思难度”和“性能”两方面出发，提供了四种不同的实现方法。方法1：较为“传统”的实现方法基本实现思路从第二次随机抽取的元素开始，需要将抽取的元素与当前新数组的已抽取元素相比较，如果相同，则重新抽取，并再次执行比较的操作。代码实现 var arr = [0, 1

2018-03-13

8.8K1

原生JS | 作用域

html5 javascript

HTML5学堂-码匠：作用域那些必须掌握的知识，还有大量作用域案例练习与分析，快快进来！作用域的基础知识在JavaScript中，每个变量会有一个有效区域（范围），这个就是作用域。一个变量在其作用域内是可以被访问的，在作用域外不能被访问。全局作用域与局部作用域变量的执行环境有两种：一种是全局，另一种是局部（如：放在函数里面）。全局变量在window环境下声明的变量，或者可以理解为非函数内声明的变量，称为全局变量。全局变量存在于整个JavaScript当中，在任何地方都能被访问和修改。局部变量

2018-03-13

4.7K0

JavaScript | 选中并获取多行文本框内容的效果

html5 html javascript

HTML5学堂（码匠）：文本操作一直是开发中不可避免的存在，用户选中的文本内容，是否可以进行获取并处理到需要的位置当中？如果可以，这样的操作到底需要使用到哪些方法呢？本文主要内容 1. 目标效果展示

2018-03-13

5K0

原生JS | 导航底部横线跟随鼠标缓动

html5 jquery javascript

功能效果功能需求明确横向导航条；当鼠标在导航区域当中左右移动时，横线跟随鼠标移动。鼠标跟随特效结构分析与jQuery实现方法当中使用的结构有所不同，为了更好的获取标签，所以使用如下代码结

2018-03-13

7.1K0

原生JS | 通过类名获取标签

HTML5学堂（码匠）：在原生JavaScript当中，存在默认的getElementsByClassName()方法，在不支持该方法的浏览器中，又应该怎么实现“通过类名获取标签”呢？原生JS通过类名获取标签 getElementsByClassName()是原生JavaScript提供的方法，但是并不是所有的浏览器都支持，在ie早期版本的浏览器是不允许通过这个方法获取标签的，因此，需要自定义一个方法，使我们能够在每个浏览器下都能通过类名获取标签。通过类名获取标签的思路首先检测浏览器是否支持getE

2018-03-13

13K0

HTML5行业现状与未来 - 2016年终大盘点

1. 大幅动荡后，即将进入平稳期 HTML5（WEB前端），在2012年及以前，一直处于一种萌芽期的状态当中，直至2013年才进入行业的成长期。HTML5（WEB前端）在2013和2014年，随着行业的推动慢慢的增长，直至2015年迎来了行业的大爆发，HTML5迅速被推上舞台，这个词语也成了不少人闲谈中的常见词汇。 2016年，泡沫开始弥漫整个行业，在行业状态以及供求关系的共同驱使下，HTML5终于进入了大幅调整期一起来看基本数据数据采集来源：智联招聘网；数据采集人：HTML5学堂（码匠）-利利、堡堡

2018-03-13

8640

JavaScript | 获取数组中的单词并统计出现次数

HTML5学堂（码匠）：如何通过JavaScrip实现数组元素的查找？在一个数组当中，找到所有的单词，并统计每个单词出现的次数。功能需求在一个自定义数组当中，包含多个单词，请使用JavaSci

2018-03-13

5K0

轮播图效果，不再局限于JS制作！

HTML5学堂（码匠）：网页的轮播图一直都是个比较精美的制作，同时也是用户体验较佳的效果。在开发工程师进行制作的时候往往会选择使用JS来书写，由此不禁会问，难道真的只有使用JS才能制作轮播图吗？本文主要内容 1. 效果展示 2. 主要涉及到的知识点 3. 基本实现思路 4. 案例实现 1. 效果展示 CSS3动画效果的强大不言而喻，自它出现一直是热度不减，毋庸置疑的是CSS3动画的出现在一定程度上降低了动画效果的实现难度。其精练的代码把我们从复杂的JS制作中解放出来，如下的轮播图效果即是纯CSS3制作的。

2018-03-13

4.9K0

前端特效开发 | JS实现聚光灯看图效果

html5 javascript

HTML5学堂（码匠）：昏暗的场景下，查看任何的图片、效果都会给人不适的感觉，所以人们往往喜欢在明亮的场景中来体验世界的美好。对于前端开发来说，想要让用户能在更明亮的状态下查看各种图片，那就必须为页

2018-03-13

4.3K0

CSS3 渐变 — 径向渐变

HTML5学堂（码匠）：有了解上周CSS3线性渐变的大家想必能很快掌握CSS3的径向渐变，两者的实现方法大同小异，但CSS3的径向渐变比线性渐变稍微复杂些，颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合，属性参数也繁多复杂，不过别担心，下面会为大家详细介绍。本文主要内容 1. 径向渐变简介 2. 径向渐变属性与参数 3. 径向渐变基本用法 1、径向渐变简介 CSS3径向渐变，是一种从起点到终点颜色从内到外进行圆形渐变，就像从中间点向四周方向拉伸一样。CSS3径向渐变不再像线性渐变那样沿着一条直线

2018-03-13

3.2K0

原来“神笔马良”的那根“笔”也可以写代码

HTML5学堂：在大家都羡慕“神笔马良”拥有那支无所不能的笔时，在前端开发中，也出现了一支很神奇的“笔”——CodePen，顾名思义，code+pen，即是代码笔。它的出现可以说解决了使用手机查看代码的不方便问题，为技术文章的阅读提供了便利。为此以后HTML5学堂的文章也会把代码案例放在这个工具中，具体的使用，大家可以去即可进入CodePen（http://codepen.io/majiang/）来查看完整的代码案例。不多说，先介绍工具吧~~~ CodePen是什么呢？顾名思义就是code+pen =

2018-03-13

1.2K0

CSS3动画，为你带来极致的视觉体验！

HTML5学堂：随着网络的发展，浏览器具有更强的渲染与高级代码的执行能力。所以在当前，大量的动画效果由原来的JavaScript制作正慢慢的被CSS3所替代，究其原因在于CSS3的性能会比JS的性能来的好，并且CSS3动画为用户带来了强大而又震撼的效果，为开发者带来了简单的书写方式。本文主要内容 1、前言 2、实现动画的前奏 3、CSS3动画的语法 4、实例解析 5、总结 1、前言 CSS3属性中有关于制作动画的三个属性：Transform、Transition、Animation；之前一起学习了Tran

2018-03-13

1.3K0

利用本地存储，记录滚动条的位置

存储微信 html5 java

在一定时间范围内，用手机微信打开之前浏览过的订阅号的文章，文章显示出来的是你上次阅读到的位置，而不是从头开始显示。手机微信是怎么知道你文章阅读的位置？前端工程师能否实现该功能？本文主要内容： 1、功能介绍 2、功能分析 3、知识要点 4、具体实现 5、总结 1、功能介绍为了让大家更清楚的知道今天要学习的效果，先一起来体验一下吧。我们先在手机微信打开HTML5学堂订阅号中的文章，当文章浏览到某一个位置的时候点击左上角返回，然后再次点击刚刚浏览过的那篇文章，显示出来的是你刚才阅读到的位置，而不是从头开始显示

2018-03-13

2.6K0

重磅来袭！原来阴影可以这样玩？

HTML5学堂：有阴影的地方，必定有光，每一个物体都会有一个阴影与它如影随形。当然在页面制作中，我们使用到的标签也是有着各种各样不同的阴影效果的，比如模块的外发光、元素的背光阴影等等。针对这些效果，作为前端的我们又该如何去操作，是使用图片来替代？还是考虑代码操作呢？本文主要内容 1. CSS3的阴影介绍 2. 盒阴影语法 3. 盒阴影的特征 4. CSS3盒阴影特效 5. 总结 1. CSS3的阴影介绍阴影可以分文字阴影和盒模型阴影(简称“盒阴影”)。盒阴影与文本阴影一样，都可以代替具有阴影效果的图片

2018-03-13

2.1K0

随心所欲的滚动条，远离产品汪（二）

html5 编程算法

还记得上周咱们说的“随心所欲滚动条，远离产品汪”一文吗？当中介绍了自定义滚动条的基本原理与实现方法，在自定义滚动条实现后，可以通过对滚动条的上下拖动来控制内容区的显示，使用过的朋友会发现，如果对篇幅较长的内容来说，不停的拖动滚动条来查看内容，还是比较麻烦的，于是本文在上篇代码的基础上添加了滚轮事件并处理了相应的兼容问题。本文内容 1、原理结构图 2、滚轮事件及兼容问题概要 3、具体实现步骤 4、小结原理结构图为了方便大家熟悉理解，希望大家能够回顾下上篇“随心所欲滚动条，远离产品汪（一）”，本文继续使用

2018-03-13

1.9K0

点击加载更多

社区活动

腾讯技术创作狂欢月

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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