html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
- HTML5盒子模型的使用方法盒子模型。盒子由margin、border、padding、content四部分组成。margin：外边距 border：边框 padding：内边距(内容与边框的距离) content：内容<!DOCTYPEhtml><html><head><meta
- HTML5-Web存储如何使用？web存储，一个比cookie更好的本地存储方式localStorage和sessionStoragelocalStorage-没有时间限制的数据存储sessionStorage-针对一个session的数据存储//是否支持if(typeof(Storage)!=="undefined"){//是的!支持localStoragesessionStorag
- 每天一个JS 小demo之滑屏幻灯片。主要知识点：event<!DOCTYPEhtml><htmllang=en><head><metacharset=UTF-8><title>Document</title><styletype=text/css>body{ margin:0;} #wrap{ margin:100pxauto; positi
- 快速入门createjs实例教程开始用createjs这个框架的时候，发现网上的相关教程还是挺少的，所以写一篇文章，方便日后查看。 createjs简介官网：http://www.createjs.cc/createjs中包含以下四个部分：EaselJS：用于Sprites、动画、向量和位图的绘制，创建HTML5Canvas上的交互体验（包含多点触控）TweenJS：用于做动画效果SoundJS：
- jQuery Validation的使用详解jQuery验证框架 :基本html代码：1<scriptsrc="js/jquery-1.9.1.js?1.1.10"></script>2<scriptsrc="js/jquery.validate.min.js?1.1.10"></script>3<script>4$(functio
- Web SQL数据库的使用教程WebSQL数据库API并不是HTML5规范的一部分，但是它是一个独立的规范，引入了一组使用SQL操作客户端数据库的API。核心方法openDatabase-使用现有的数据库或者新建的数据库创建一个数据库对象transaction-能够控制一个事物，以及基于这种情况执行提交或者回滚executeSql-执行实际的SQL语句打开数据库//用openDatabase()方法
- 零基础学习HTML51个HTML5基础入门教程，4个HTML5小项目教程，带你零基础入门学习HTML5。【HTML5基础入门】教程将会介绍HTML5中的新特性，包括结构标签、新型表单标签、文件操作、Canvas、本地存储等。适合对前端编程有兴趣，已经学了HTML的人学习。实验列表：【基于HTML5实现本地图片裁剪】该项目实现利用HTML5的canvas技术，结合HTML5的FileAP
- 圆弧和扇形的加载动画该怎么写？0.静态效果图1.画弧度的代码width:3em;height:3em;border:7pxtransparentsolid;border-left:7px#4DB6ACsolid;border-radius:50%;*这里还有另一个方式border-left:7px#4DB6ACsolid; border-radius:50%;bor
- vue全分析--Vue+Vue-router+Vuex+axiosVue有多优秀搭配全家桶做项目有多好之类的咱就不谈了，直奔主题。一、Vue系列一已经用vue-cli搭建了Vue项目，此处就不赘述了。二、Vue-routerVue的路由，先献上文档（https://router.vuejs.org/zh-cn/）。路由在全家桶里面定位是什么呢，创建单页应用！简单！我们知道Vuejs是一系列的组件组成应用，既然是组件那么就需要组合起来，将组件
- 怎么使用vue-cli来搭建vue项目和webpack？用Vue比较长一段时间了，大大小小做了一些项目，最近想总结一下知识点，出一个Vue+webpack系列，先从项目构建说起——vue-cli.由于是Vue+webpack这里就不赘述git那些东西，默认环境都配置好了。第一步先建立一个文件夹我这里是apronew;第二步在文件夹里面打开gitbash，然后敲命令行npminstall--globalvue-cli，全局安装vue-cl
- 怎么使用Canvas绘制虚线上一章节我们说到，线性路径的绘制，主要利用movoTo()，lineTo()等方法，当然Canvas2DAPI也提供了虚线的绘制方法，CanvasRenderingContext2D.setLineDash();下面我们就来看看虚线的绘制方法 语法ctx.setLineDash(segments);参数segments：一个Array数组。一组描述交替绘制线段
- 前端实现连连看小游戏实例代码博主玩了这么久的连连看，居然是第一次发现，连连看最多只能有2个转弯。orz…在网上搜索连连看的连线算法判断，并没有找到很全面的，经过自己摸索之后，画了下面的图（图有点丑……） 一.2个物体在同一直线上，可以直接连通（这个不需要解释啦） 二.2个物体在同一直线上，中间有障碍物，不能直接连通（2个转弯）【循环遍历黄线中的交点，比如A,B点，再判断蓝线有没有障碍物
- 使用Vue按需加载提升用户体验Vue官方文档异步组件：在大型应用中，我们可能需要将应用拆分为多个小模块，按需从服务器下载。为了让事情更简单，Vue.js允许将组件定义为一个工厂函数，动态地解析组件的定义。Vue.js只在组件需要渲染时触发工厂函数，并且把结果缓存起来，用于后面的再次渲染。原图文来自http://www.cnblogs.com/Kummy/p/5254754.htmlvue按需加载 相关
- JS每日一题-小demo之JS实现通过键盘方向键操作图片上下左右无缝切换<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><styletype="text/css">.wrap{ margin:150pxauto; position:relative; widt
- h5History 模式的实例教程最近看到vue-router的HTML5History模式路由的实现，然后顺便又去研究了一下HTML5的History，以下是自己的一些理解，顺便用jquery写一个实现类似vue-router里面HTML5History模式路由器,以达到练练手，熟悉熟悉的目的。一、history.pushStatehistory.pushState(state,title,url);
- 高德地图+canvas画图结合实现一个小项目之前朋友委托有个创业项目，想让我帮忙，正好那段时间有点闲，半推半就中就答应下来了。入了团队才发现，该项目前后端分离，后端工程师已就位主要实现接口，IOS端工程师也已就位，还差一个web前端工程师。背脊一凉，我之前虽然写过一些js和css，虽有点功底但是离前端工程师还是有距离的啊。在和朋友说明情况后，朋友也是胆大，让我试试，主要他实在找不到人了（也有可能目前前端工程师报价都太贵了，创业嘛，
- h5之scrollIntoView用法详解如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题，浏览器实现了一下方法，以方便开发人员如何更好的控制页面的滚动。在各种专有方法中，HTML5选择了scrollIntoView()作为标准方法。scrollIntoView()可以在所有的HTML元素上调用，通过滚动浏览器窗口或某个容器元素，调用元素就可以出现在视窗中。如果给该方法传入true作为参数，或者不传入任何参数，那么窗口滚动之
- 分享文字溢出隐藏实例之前在写页面的时候用的都是单行文字溢出隐藏，今天遇到了多行文字溢出隐藏，溢出部分用省略号。我通过查阅一些资料整理了一下，拿出来与大家分享一下。单行文本的溢出隐藏对于单行文本溢出隐藏，text-overflow:ellipsis就能完美的解决，不过在使用他时，一定要结合 overflow:hidden和 white-space:nowra
- H5启动APP原生页面的实例方法许久没有写博客了，最近有个H5启动APP原生页面的需求，中间遇上一些坑，看了些网上的实现方案，特意来总结下一、需要判断客户端的平台以及是否在微信浏览器中访问1、客户端判断在启动APP时，Android和IOS系统处理的方式是不一样的，Android这边由于开放，可以在浏览器中通过<a>标签以及meta标签的方式，让浏览器app获取手机打开应用的权限进而启动APP。而在IOS这边
- 关于Vue Admin的详细介绍VueAdmin是一个基于Vue2.0&Bulma0.3 的后台管理面板（管理系统），相当于是Vue版本的Bootstrap 管理系统，提供了一组通用的后台界面UI和组件，其中还有丰富的图表组件，开箱即用。赶紧来体验一下吧。 在线演示 免费下
- 前端性能优化的方法？前端性能优化的方法？content方面1，减少HTTP请求：合并文件、CSS精灵、inlineImage2，减少DNS查询：DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法：DNS缓存、将资源分布到恰当数量的主机名，平衡并行下载和DNS查询3，避免重定向：多余的中间访问4，使Ajax可缓存5，非必须组件延迟加载6，未来所需组件预加载7，减少DOM元素数量8，将资源放
- 一个简单实用的js插件--SwiperSwiper(Swipermaster)是目前应用较广泛的移动端网页触摸内容滑动js插件,可以用来做轮播和滑动.
- 移动端meta行的汇总<metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui"/>width:viewport的宽度（范围从200到10,000，默认为980像素）height:viewport的高度（范围从223到10,000
- Angular2应该如何学习？最近项目使用angular2,1和2版本变化大变样。下面总结一些学习网址及安装步骤。 中文官网(必看)：https://angular.cn懒人学习：http://www.imooc.com/learn/789支持bootstrapUI组件https://github.com/angular-ui/bootstrap大漠老师杰作（有视频源代码）：http://git.
- 带你了解css中的3D效果今天咱们来说一下,CSS中的3D效果.如果你把transform真的掌握的和纯熟的话,就可以直接通过CSS做出很多很炫酷的效果,甚至.轮播图和选项卡都可以通过CSS来做,咱们明天就说如何运用CSS来做轮播图,大家记得看哦!很好,话不多说,翠花'上代码':1<!DOCTYPEhtml>2<html>3<head>