前端开发
文章平均质量分 78
anda0109
密码学与信息安全,区块链,高速网络,时序数据库,分布式数据库/存储,量子计算。
展开
-
JavaScript实现OATH动态口令算法
1、sjcl.js"use strict";var sjcl={cipher:{},hash:{},keyexchange:{},mode:{},misc:{},codec:{},exception:{corrupt:function(a){this.toString=function(){return"CORRUPT: "+this.message};this.message=a},inva转载 2016-03-03 11:17:32 · 3515 阅读 · 0 评论 -
HTML5 web存储—web storage
HTML5之前的web中通常使用cookies在客户端存储简单的信息,使用cookies存储永久数据存在以下问题:cookies大小限制在4KB,不适合大量数据存储浏览器限制站点可以在用户计算机上存储的cookies的数量。cookies是随HTTP事务一起被发送的,因此会浪费一部分带宽。HTML5的出现则解决了web存储的问题。HTML5提供了本地存储的功能,以键值对存储的解决方案,支持容量原创 2016-07-06 11:48:58 · 1330 阅读 · 1 评论 -
HTML5多媒体audio和video(一)
通常浏览器通过安装flash来实现网页音视频的播放。 HTML5新增了audio和video元素来进行音视频的播放,从而减少了对flash的依赖。audio对音频的支持HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 目前audio元素支持以下三种音频格式: 音频格式 IE9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safar原创 2016-06-20 23:04:02 · 3895 阅读 · 1 评论 -
HTML5 web存储—web SQL
什么是web SQL?我们经常在应用程序中大量处理结构化数据,HTML5引入了web SQL database概念,它允许应用程序通过异步的Javascript接口来访问SQLlite数据库。但目前web SQL并不在HTML5的规范中,而是一个单独的规范,Safari、Chrome、Oprea浏览器支持web SQL。三个核心方法Web SQL Database 规范中定义的三个核心方法:ope原创 2016-07-06 18:34:27 · 1427 阅读 · 0 评论 -
HTML5多媒体audio和video(二)
前面我们学习了audio和video最基本的用法,为了更加灵活的控制音视频的播放,我们就需要学习HTML5为我们提供的相关属性、方法和事件了。audio和video相关属性 属性 描述 src 用于指定媒体资源的URL地址 autoplay 资源加载后自动播放 buffered controls 提供用于播放的控制条 currentSrc 返回媒体数据原创 2016-06-20 23:30:13 · 3507 阅读 · 0 评论 -
微信小程序开发—快速掌握组件及API的方法
微信小程序框架为开发者提供了一系列的组件和API接口。组件主要完成小程序的视图部分,例如文字、图片显示。API主要完成逻辑功能,例如网络请求、数据存储、音视频播放控制,以及微信开放的微信登录、微信支付等功能。组件官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/component/对于开发文档,个人建议先了解其整体框架,了解其提供了哪些组件,再联想到这些组原创 2016-11-19 20:32:04 · 20865 阅读 · 3 评论 -
微信小程序开发—小程序框架详解(二)
上一节讲了微信小程序的目录结构及各个文件的作用,主要介绍了小程序的配置文件及其支持的配置属性。本节主要从逻辑层和视图层来说明小程序的框架。小程序的逻辑层由js完成,视图层由微信提供的WXML(WeiXin Mark Language)和WXSS(WeiXin Style Sheet)文件来完成。其中官方给出的解释:页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在原创 2016-11-18 22:11:51 · 19350 阅读 · 0 评论 -
微信小程序开发—小程序框架详解(一)
下面以开发者工具自动生成的程序框架为例,对小程序的框架进行介绍。选择一个空的项目目录创建一个小程序项目,如下图: 创建完成后我们看到如下目录结构: 目录结构小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 文件 必须 作用 app.js 是 小程序逻辑 app.json 是原创 2016-11-17 22:11:43 · 32691 阅读 · 6 评论 -
微信小程序开发—项目实战之聊天机器人
我参加CSDN博客之星评选啦,感谢大家前往投票支持! 投票地址:http://blog.csdn.net/vote/list.html?keyword=anda0109#search 项目功能介绍人工智能虚拟机器人“微软小冰”大家玩过吧,很酷的一个应用。发送文字、语音和图片都能得到智能的回复。那现在我们就用小程序做一个模拟的应用,智能聊天机器人。发送文字它可以回复一段话,或一张图片,是不是有点小原创 2016-11-30 08:29:11 · 29103 阅读 · 14 评论 -
HTML5 canvas画布(六)
贝塞尔曲线贝塞尔曲线的专业介绍请参见: http://www.cnblogs.com/jay-dong/archive/2012/09/26/2704188.html下面是canvas绘制贝塞尔曲线的代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>canvas绘图</title> <scrip原创 2016-07-04 16:59:12 · 3715 阅读 · 0 评论 -
HTML5浏览器兼容性解决方案
目前大部分浏览器均支持HTML5。低版本浏览器支持HTML5所有浏览器 ,对无法识别的元素会作为内联元素自动处理。因此可以采用如下方法教会浏览器 处理 “未知” 的 HTML 元素。将 HTML5 元素定义为块元素HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。 为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属原创 2016-06-18 14:03:58 · 6759 阅读 · 1 评论 -
HTML5新增及移除的元素
HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用,HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。图形绘制新元素 标签 描述 <canvas> 标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API新多媒体元素 标签 描述 <audio> 定义音频内容 <ve原创 2016-06-18 12:21:33 · 1663 阅读 · 1 评论 -
HTML5 canvas画布(一)
HTML5中canvas元素用于在网页上绘制图形。Canvas的特点Canvas画布是一个矩形区域,可以控制其每一个像素Canvas使用JavaScript来控制画图Canvas具有直线、矩形、圆以及添加图像的方法Canvas标签的使用下面的代码是使用canvas画面绘制一个200*200红色矩形:<!Doctype html><html><head><title>我的canvas页面原创 2016-06-18 22:10:53 · 5218 阅读 · 1 评论 -
HTML5 canvas画布(二)
上一篇《HTML5 canvas画布(一)》对canvas标签作了简单的介绍和用法示例,但实际上canvas的用法是非常强大的,很多酷炫的HTML5动画及游戏都是基于canvs来制作的。因此决定继续来两篇canvas相关的博文,巩固canvas的基础。 本篇主要介绍canvas的相关属性和用法。颜色、样式和阴影 属性 描述 fillStyle 设置或返回用于填充绘画的颜色、渐变或模式原创 2016-06-23 23:07:53 · 4012 阅读 · 0 评论 -
HTML5 canvas画布(五)
drawImage共提供了三个方法:在画布上定位图像。 context.drawImage(img,x,y);在画布上定位图像,并指定图像的宽度和高度。 context.drawImage(img,x,y,width,height);裁切图像,并在画布上定位被裁切的部分。 context.drawImage(img,sx,sy,swidth,sheight,x,y,width,heigh原创 2016-06-27 16:21:03 · 1524 阅读 · 0 评论 -
HTML5 canvas画布(三)
本节主要是canvas各种用法的示例,先解决一个我在应用canvas绘图过程中的一个问题,相信大家可能也遇到过。一个奇怪的问题下面代码是在canvas上绘制一个100*100的矩形:<!doctype html><html><head><meta charset="utf-8"><title>canvas基础练习</title><style> .myCanvas{原创 2016-06-24 11:58:58 · 5675 阅读 · 1 评论 -
HTML5 canvas画布(四)
arcTo用法用法:arcTo(x1, y1, x2, y2, radius) 说明:arcTo()方法将利用当前端点、端点1(x1,y1)和端点2(x2,y2)这三个点所形成的夹角,然后绘制一段与夹角的两边相切并且半径为radius的圆上的弧线。弧线的起点就是当前端点所在边与圆的切点,弧线的终点就是端点2(x2,y2)所在边与圆的切点,并且绘制的弧线是两个切点之间长度最短的那个圆弧。此外,如果当原创 2016-06-25 18:03:18 · 4670 阅读 · 0 评论 -
HTML5简介(二)
HTML5相比上一代HTML有哪些改进?新元素新属性完全支持CSS3vedio和audio2D/3D绘图本地存储本地SQL数据web应用HTML5多媒体使用HTML5可以简单的在网页中播放音频(audio)和视频(vedio),而不需要flash的支持。HTML5应用使用HTML5可以方便地开发应用。本地数据存储访问本地文件本地SQL数据缓存引用JavaScript支持原创 2016-06-18 11:28:26 · 1485 阅读 · 1 评论 -
HTML5简介(一)
HTML5简介HTML5是HTML的最新修订标准。2014年10月29日,万维网联盟(W3C)宣布,经过8年的努力,HTML5标准规范制定完成。HTML5的设计目的是在移动设备上使用多媒体。HTML5简单易学。什么是HTML5?HTML5是下一代的HTML。HTML5将成为HTML、XHTML以及HTML DOM的新标准。HTML的上一个版本诞生于1999年。HTML的诞生,让互联网的原创 2016-06-18 10:46:22 · 2050 阅读 · 1 评论 -
为什么要学HTML5
一直做C/S结构的我,对HTML5怀着崇拜而又好奇的心情,今天终于下定决心开始好好学习HTML5了。在开始学习HTML5前我得说服自己,为什么要学,学了能给我带来什么好处,以确保我不是一时的心血来潮而半途而废,而是真正发自内心的驱动力促使我去完成这件事情。目前HTML5的应用主要有以下:购物类APP:淘宝、京东等新闻类APP:36氪、网易新闻web游戏:微信内嵌游戏推广类页面:微信传播的各种原创 2016-06-17 22:52:27 · 2778 阅读 · 1 评论 -
小程序开发之页面布局
网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex布局将成转载 2017-06-05 15:04:21 · 19472 阅读 · 3 评论