洒满阳光的午后的博客

欢迎访问http://www.icoder.top

使用Web Speech API实现语音文本互转

本教程中,我们将尝试使用Web Speech API,这是一个非常强大的浏览器接口,可以用来记录语音并将其转换为文本,同样的,也可以用来朗读字符串。 接下来进入正题,这个App应当具有以下几个功能: 通过语音录入或者键盘输入的方式保存笔记;将笔记保存到本地;显示历史笔记并可以通过语音朗读笔记;...

2017-09-25 12:51:49

阅读数 10076

评论数 14

使用JavaScript生成二维码

最近几年,二维码在中国悄然兴起,大街小巷随处可见,小区门口卖烤红薯的大爷大妈都知道树一个二维码的牌子收账。 我们日常使用的二维码,以QR码最为常见。QR码全称“快速响应矩阵码(Quick Response Code)”,由日本DENSO WAVE公司在1994年发明,也最早在日本得到较为广泛的应...

2017-06-22 21:58:42

阅读数 488

评论数 0

你可能不知道的19个JavaScript编码技巧

这篇文章收集了JavaScript中一些常见的和新颖的编码技巧,并基于ES6增加了新的内容;附有长短版本的比较,以便读者更好地理解,所有的JavaScript开发者不防都看一下。 1、条件操作符 使用条件操作符可以在一行代码中完成 if…else 语句的功能。 const x = 2...

2017-06-22 13:19:46

阅读数 387

评论数 0

让C代码在浏览器中运行——WebAssembly入门介绍

WebAssembly作为一种新兴的Web技术,相关的资料和社区还不够丰富,但其为web开发提供了一种崭新的思路和工作方式,未来是很有可能大放光彩的。 使用WebAssembly,我们可以在浏览器中运行一些高性能、低级别的编程语言,可用它将大型的C和C++代码库比如游戏、物理引擎甚至是桌面应...

2017-06-16 22:38:55

阅读数 46981

评论数 7

使用Phaser框架构建你的第一个H5游戏

还记得贪吃蛇这个经典游戏吗?在诺基亚时代,在黑白像素点游戏机时代,就是这样一个简单的游戏也能让我们玩上几个小时。 在这篇文章,我们将使用HTML5来重现这个游戏,基于著名的开源HTML5游戏框架——Phaser。你将了解到游戏精灵、游戏状态,以及如何使用预加载(preload)、创建(cre...

2017-06-15 22:17:51

阅读数 12208

评论数 0

HTML中多媒体的应用

关于多媒体的定义不再赘述,图像、音视频、电影、动画都属于多媒体。 第一代浏览器仅支持单一字体、单一颜色的文本,之后的浏览器开始支持多种字体,多种颜色以及图像。 各主流浏览器对音频、视频、动画的处理方式都不尽相同,支持的格式也多种多样,某些格式需要插件才能工作。 自HTML5问世以...

2017-06-01 23:02:39

阅读数 348

评论数 0

如何在页面上呈现谷歌地图

地图数据 ©2017 GS(2011)6020 Google Imagery ©2017 TerraMetrics 使用条款 报告地图错误 ...

2017-05-31 16:34:00

阅读数 1551

评论数 0

HTML5风格指南与编码标准

1、尽量使用近XHTML的语法 2、使用正确的文档声明 3、元素名均使用小写,这样看起来更整洁,也更容易书写 4、所有元素都应当闭合 5、如果希望XML软件访问你的页面,尽量将空元素也闭合 meta charset="utf-8" /> ...

2017-05-31 16:08:58

阅读数 431

评论数 0

四月份值得关注的15个JavaScript和CSS库

Core UI ​Core UI是一个基于Bootstrap4的后台管理模板,提供高度可定制化的解决方案来构建控制面板,提供多种独立的标准版本,可集成在当前几个最流行的框架中:AngularJS、Angular 2、React.js、Vue.js。 地址:http://coreui.i...

2017-04-27 10:54:51

阅读数 314

评论数 0

20分钟学会正则表达式

程序员的世界有个笑话,在你遇到困难并决定使用正则表达式的时候,你会发现你又多了个困难。正则表达式是个非常强大的工具,老练的程序员常把它当作最后的杀手锏,一旦使用,必会技惊四座。正则表达式是一种专门用于定义文本的模式匹配规则的语言(英文称作Regular Expressions,现在计算机界更正规的...

2017-04-22 16:08:45

阅读数 1376

评论数 1

CSS栅格系统与弹性盒模型:实践比较

不久以前,所有的HTML页面布局都是通过table、float以及其他CSS属性完成的,但这些方法并不适合构建复杂的web页面。于是,W3C推出了flexbox(弹性盒模型)——一种专门用于构建健壮的响应式页面的布局模式。使用flexbox可以很容易地对齐页面元素和内容,而它也是现在大多数web开...

2017-04-20 15:31:25

阅读数 1691

评论数 0

无插件清理WordPress数据库的方法

玩过WordPress的都知道,随着网站运营时间的增加,WordPress数据库也会变得越来越臃肿,充斥着许多垃圾,影响到数据的查询效率进而也会影响网站的加载效率。要解决这个问题,就需要定期清理数据库,以防止不必要的数据积累。但很可能你不知道如何清理或者不敢随意折腾数据库,所以今天我会分享9个简单...

2017-04-16 14:18:41

阅读数 2589

评论数 0

WordPress登录注册系统的优化

WordPress的登录注册系统有很多问题,不符合一般用户的使用习惯,举例来说: (1)注册时候无法自行设置登录密码,系统将自行生成一段非常复杂的密码给用户,根本无法记忆,只能再次重置密码。 (2)用户注册成功后,首次登录将跳转到一个无用的(对于博客网站来说)个人资料界面,其实对于博客...

2017-03-26 16:02:59

阅读数 5732

评论数 0

如何实现幻灯片效果/图片轮播

幻灯片效果/图片轮播通常用来循环显示某些元素,常使用在网站与app首页。例如本站首页所使用的图片轮播: 创建幻灯片特效 第一步:添加HTML html> head> meta charset="utf-8"> title>幻灯片特...

2017-03-25 22:44:15

阅读数 2503

评论数 0

如何创建一个优雅的登录表单

如何创建一个登录表单 第一步:添加HTML html> head> meta charset="utf-8"> title>登录表单演示title> link rel="stylesheet" href="s...

2017-03-23 22:45:50

阅读数 2705

评论数 0

如何设置wordpress的all-in-one-seo插件

General Settings: Home Page Settings: Home Title:使用博客/网站名称+关键词 Home Description:描述站点,最好言简意赅,关键词丰富 Home Keywords:填写网站关键词 Keyword setting...

2017-01-14 19:09:28

阅读数 1987

评论数 1

移动应用开发的10个最佳灵感来源

移动应用设计是目前最火的职业之一,与网页设计一样,这个领域需要不断迸发出惊艳的灵感,而事实上绝大部分设计师都会借鉴他人的创作,只有很少一部分设计是真正原创的。 幸运的是,我们可以从很多网站上找到UI设计灵感。在这篇文章中我将分享10个我认为最佳的UI设计资源,包括Android与IOS设备。...

2017-01-04 17:16:24

阅读数 668

评论数 0

选择ReactJS的五个理由

ReactJS(https://reactjs.net/)是由顶尖的IT公司Facebook和Instagram协同开发者社区维护的一个开源Javascript库。这个框架现在被广泛地应用于开发Web应用程序的用户界面。最初开发这个特别框架的目标是“搭建数据需要频繁更改的大型应用程序”。 这...

2016-10-22 15:49:45

阅读数 8640

评论数 0

浏览器的一个妙用——修改京东商品单价显示

前几天,部门的小A找到我,告诉我上次在京东买了东西,找财务处报销的时候遇到了一些问题。因为报销需要商家给的发票和购物截图,而发票上的价格与网页上显示的价格并不相同,于是寻求我的帮助。 一开始我想,用PS或者直接用windows的画图工具,把购物截图涂涂改改也不是什么难事,但这样似乎麻烦且耗时...

2016-09-22 12:46:49

阅读数 3446

评论数 0

关于Linux服务器安全的9条建议

任何重要的系统都不能忽视服务器安全,尤其在公有云中。网上有关这方面的小建议和教程有很多很多,这里我们只看几个基础的、通用的最佳做法。 完成系统配置后应当执行的几项安全措施 以Ubuntu 16.04为例: 1、更新内核版本 当然了,不能盲目更新,但对新部署的服务器来说,使用...

2016-09-22 10:37:49

阅读数 1006

评论数 0

提示
确定要删除当前文章?
取消 删除