H5学习

Posted baimeishaoxia

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5学习相关的知识,希望对你有一定的参考价值。

对ES6Generator函数的理解

Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。

JavaScript 设计模式 ② 巧用‘工厂模式‘和‘创建者‘模式

我为什么把他们两个放在一起讲?我觉得这两个设计模式有相似之处,有时候会一个设计模式不能满足你的需求而采用另一种设计模式。基于这点考虑,而且为了大家更好地理解,我放到了一起,加深大家的印象,活学活用。 在我们Team协作开发过程当中,不同于我们写个人项目,对全局变量的限制很大,我…

CSS 变量教程 | 阮一峰

Edge 等浏览器都开始支持 CSS 变量了

学习 webpack 前,你需要了解的那些概念

wepback作为前端最热门的打包管理工具之一,学习一下是很有必要的,关于webpack的学习教程很多,并且官方也有对应的中文文档,所以本篇文章不再讲解如何使用webpack,而是重点讲解学习webpack前需要了解的一些概念。 什么是webpack 关于什么是webpack,…

HTML/CSS/JS编码规范

最近整理了一份html/CSS/JS编码规范,供大家参考。 目录: 一、HTML编码规范 二、CSS编码规范 三、JS编码规范一、HTML编码规范1. img标签要写alt属性根据W3C标准,img标签要写alt属性,如果没有就写一个空的。但是一般要写一个有内容的,根据图片想要表…

JavaScript 对象的深浅复制

本文是我在复制对象方面的一些心得总结,由浅复制到深复制,由只复制简单属性到复制 Function,RegExp 等复杂属性,层层递进,文字与代码想结合,全面阐述了对象复制方面的知识点

JavaScript设计模式详解-单身狗的你来看看单例模式

单例模式 前言 这两天是不是被朋友圈里的恩爱狗们秀了一脸?别慌!学习使我们强大,躁起来!在这个5.20,5.21的神圣日子里来聊一个相对简单的设计模式-单例模式来入门这个设计模式,并对闭包、封装、命名空间、单一职责、惰性有一个应用场景的了解。 应用场景 这种模式,常用于线程池、…

HTML5 进阶系列:文件上传下载

前言 HTML5 中提供的文件API在前端中有着丰富的应用,上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好,包括移动端,除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能,先要熟悉每个API。 FileList 对象和 file …

HTML5拖放API Drag and Drop

此文研究Web API中的拖放接口,提供各个属性和方法的说明,解决拖放过程中的拖拽数据对象存储和获取问题。

前端面试之 CSS3 新特性

除了 HTML5 的新特性,CSS3 的新特性也是面试中经常被问到的。

正则表达式前端使用手册

为什么要学正则表达式. 有位网友这么说: 江湖传说里, 程序员的正则表达式和医生的处方, 道士的鬼符齐名, 曰: 普通人看不懂的三件神器. 这个传说至少向我们透露了两点信息: 一是正则表达式很牛, 能和医生的处方, 道士的鬼符齐名, 并被大家提起, 可见其江湖地位. 二是正则表达式很难, 这也从侧面说明了, 如果你可以熟练的掌握并应用它, 在装逼的路上, 你将如日中天 (别问我中天是谁……) !

JavaScript 是如何面向对象的

由对 javascript 面向对象的疑惑到对 JavaScript 的原型链的理解,阐明了 JS 面向对象语法的背后意义,并介绍了另一种组织代码的方式 Behavior Delagation

JavaScript 中的递归

译者按: 程序员应该知道递归,但是你真的知道是怎么回事么? 原文: All About Recursion, PTC, TCO and STC in JavaScript 译者: Fundebug 为了保证可读性,本文采用意译而非直译。 递归简介 一个过程或函数在其定义或说明中…

JavaScript 专题之跟着 underscore 学节流

节流的原理很简单:

如果你持续触发事件,每隔一段时间,只执行一次事件。

根据首次是否执行以及结束后是否执行,效果有所不同,实现的方式也有所不同。我们用 leading 代表首次是否执行,trailing 代表结束后是否再执行一次。

关于节流的实现,有两种主流的实现方式,一种是使用时间戳,一种是设置定时器。

重新介绍 JavaScript(JS全面系列教程)

JavaScript 堪称世界上被人误解最深的编程语言。虽然常被嘲为“玩具语言”,但在它看似简洁的外衣下,还隐藏着强大的语言特性。 Js 目前广泛应用于众多知名应用中,对于网页和移动开发者来说,深入理解 Js尤为重要!

从入门到成为前端高手(上篇)—— Jonathan

主要讲 HTML 和 CSS 的开发接口,以及学习 HTML 和 CSS 的相关资源

异步流程控制

Javascript是单线程运行、支持异步机制的语言。进入正题之前,我们有必要先理解这种运行方式。

以「起床上班」的过程为例,假设有以下几个步骤:

起床(10min)
洗刷(10min)
换衣(5min)
叫车(10min)
上班(15min)
最简单粗暴的执行方式就是按顺序逐步执行,这样从起床到上班共需50分钟,效率较低。如果能在「洗刷」之前先「叫车」,就可以节省10分钟的等车时间。

你需要知道的几类npm依赖包管理

应用依赖,或者叫做业务依赖,这是我们最常用的依赖包管理对象!它用于指定应用依赖的外部包,这些依赖是应用发布后正常执行时所需要的,但不包含测试时或者本地打包时所使用的包。可使用下面的命令来安装: dependencies是一个简单的JSON对象,包含包名与包版本,其中包版本可以是…

JS 判断 IE 版本的另类解决方案

JS检测IE版本之解决方案大杂烩。

前端程序员的必备工具清单(MacOS)

工欲善其事,必先利其器。一套完善的工具可以帮助我们事半功倍。而作为前端程序员的我,也是花了点时间为自己配置了一套工具。如果你也是使用 MacOS 作为你的开发系统的话,那麽你可以看一下这篇文章。

JavaScript 开发规范(一): 命名与注释规范详解

JS中的命名与注释规范化对于团队协作来说是非常重要的,统一规范化的命名和注释可以使代码更加规范、清晰,对于我们开发和维护都有非常大的帮助。
本文参考了JavaScript 开发规范,并做了补充和修改,同时删去了框架开发相关的内容(侵删)。

八段代码彻底掌握 Promise

1.Promise的立即执行性 var p = new Promise(function(resolve, reject){ console.log("create a promise"); resolve("success"); }); console.log("after n…

JavaScript 设计模式 ① 正确使用面向对象编程的姿势

这样写好了之后 function 是全局的变量,那么是全局的就难免会对项目javascript环境造成污染,可能会对其他同事造成影响,我们首先要考虑会不会影响别人,如果别人重名对你的checkMessage覆盖,那么这样的BUG是很难发现的。为了不造成太多的全局污染,我们可以这…

CSS 技巧(二):形状

包括自适应椭圆、平行四边形、菱形图片、切角效果、梯形标签页、简单的饼图

JavaScript 高级计时器

用 JavaScript 进行开发的时候,很多情况都需要用到 JavaScript 里面的定时器。
但是你真的了解定时器吗?

这篇文章包括了 JavaScript 中定时器的运行原理,还没有了解过的同学快上车!

前端面试之htm5新特性

今天来谈谈前端面试中基本上每次一面都会被问到的一个问题,那就是html5的新特性了。这个是学习前端必须掌握的基础知识。

移动端图片上传旋转、压缩的解决方案

前言 在手机上通过网页 input 标签拍照上传图片,有一些手机会出现图片旋转了90度d的问题,包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题,横拍出来的照片就正常显示。因此,可以通过获取手机拍照角度来对照片进行旋转,从而解决这个问题。 Orientat…

利用 javascript 实现富文本编辑器

不打算考虑兼容性,所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文,主要介绍如何实现富文本编辑器,和解决一些不同浏览器和设备之间的bug。

小程序上手指南

这是一门微信小程序入门课程,通过学习本节课程可以使你快速上手小程序开发,在学习这门课之前,需要你先具备基本的前端开发能力,包括html/css/JavaScrip,起码你得会切图,了解js语法。

ES6中异步编程的大杀器 -- Generotor 函数

对 ES6 中 Generotor 函数的一些 常用用法进行的 总结 归纳

JavaScript原型及原型链

深入浅出理解JavaScript原型及原型链

防抖动、节流阀与 rAF

在 web 开发中,经常会对一些事件进行监听处理,从而达到我们需要的一些效果。但是某些事件触发特别频繁,如浏览器窗口的 resize 事件以及页面的滚动事件。如此频繁的事件监听以及处理函数的多次执行,势必会带来性能上不必要的损失和欠佳的用户体验。

因此,今天就初探一下类似问题的解决办法:防抖动(Debounce )、节流阀(Throttle)和 requestAnimationFrame。

平时自己项目中用到的 CSS

css有些属性容易忘记,半天不写就要去查api,有时候api还不好使,于是还是记下来以后方便用,后续会慢慢补充进来的。 Github: https://github.com/aototo/blog 博客长期更新,喜欢的朋友star一下 outline 移除当选中input元素的时…

最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等

RegExp 是正则表达式(Regular expression)的缩写,作用是对字符串执行模式匹配。

通常用于格式验证、正则替换、查找子串等

各种编程语言的正则表达式基本相同,不同的语言可能会有一些细小的差别

exports、module.exports 和 export、export default 到底是咋回事

前言 难得有空,今天开始重新规范的学习一下node编程。 但是引入模块我看到用 require的方式,再联想到咱们的ES6各种export 、export default。 阿西吧,头都大了.... 头大完了,那我们坐下先理理他们的使用范围。 require: node 和 es…

JavaScript 初学者必看 “箭头函数”

译者按: 箭头函数看上去只是语法的变动,其实也影响了 this 的作用域。 原文: JavaScript: Arrow Functions for Beginners 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 本文…

JavaScript 正则表达式--从入门到精分

全面了解JS正则表达式

本文转载于:猿2048→https://www.mk2048.com/blog/blog.php?id=h1ijhhb0ikj

















































以上是关于H5学习的主要内容,如果未能解决你的问题,请参考以下文章

H5学习系列之Audio和Video

怎么做H5微信小游戏?需要学习或准备些啥?

2017.3.12 H5学习的第一周

大番薯H5斗牛源码搭建 微信H5牛牛源码定制开发入门学习

H5学习路线图(留存)

H5学习第四周