前端
前端知识分享
何去处
这个作者很懒,什么都没留下…
展开
-
HTML5元素学习
HTML5元素的总结:内嵌:向文档里添加内容, audio ,video ,canvas ,iframe等流:在文档的body里使用的元素,form ,h1,samll等标题:标题,段落,h1,h2,hgroup等交互: 控件,音频视频控件 ,button ,textarea等元数据:通常出现在head中,设置页面的表现和行为,JavaScript ,style ,title原创 2015-01-22 14:49:11 · 458 阅读 · 0 评论 -
rem 响应式布局
/* rem计算公式 日期:2015.9.26 版本:v1.0*/var iScale = 1;iScale = iScale / window.devicePixelRatio;document.write('');首先 添加 缩放的值2计算rem的值 rem = 实际的px / 设置的fontSize是值如 样式默认原创 2015-11-02 16:52:02 · 657 阅读 · 0 评论 -
maven项目加载H5页面(加载页面乱码)
1. 同意项目编码 2.在主页头加jsp标签 3.更改maven里tomcat 编码格式原创 2015-09-18 15:30:02 · 3244 阅读 · 1 评论 -
Web Storage 数据存储
Web Storage 数据存储是针对于客户端本地而言的,共有两种形式 sessionStorage和loadStorage。sessionStorage:作用时间是在该网页打开到关闭的时间,session可以用来保存在该时间了的所有数据。localStorage:将数据保存在客户端的硬件设备中,网页关闭后再次打开仍可用。 简单使用方法://sessionStorage原创 2015-03-12 12:55:49 · 441 阅读 · 0 评论 -
CSS3----------动画属性详解
@keyframes @keyframes mymove{0% {top:0px;}25% {top:200px;}75% {top:50px}100% {top:100px;}}@-moz-keyframes mymove /* Firefox */{0% {top:0px;}25% {top:200px;原创 2015-02-06 13:59:34 · 377 阅读 · 0 评论 -
CSS3----------文字样式
CSS3中文字添加投影(text-shadow),及自动换行(word-warp)文字添加投影(text-shadow)h1{text-shadow: 5px 5px 5px #FF0000;}自动换行(word-warp) p.test{width:11em; border:1px solid #000000;word-wrap:break原创 2015-02-06 12:01:05 · 411 阅读 · 0 评论 -
CSS3学习--------边框样式
CSS3在原有的CSS基础之上在边框加了border-radius (圆角) 、box-shadow (投影)、border-image(图片边框)border-radius (圆角) div{text-align:center;border:2px solid #a1a1a1;padding:10px 40px; background:#d原创 2015-02-06 11:35:59 · 517 阅读 · 0 评论 -
HTML5 学习---------(SVG 基础)
一 、SVG介绍SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失二 、SVG使用 1、 添加线条 style="fill:red;stroke:blue;stroke-width:原创 2015-02-05 11:48:14 · 1000 阅读 · 0 评论 -
HTML5 学习(二 CANVAS 的基本操作 【JavaScript绘制】)
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。1、绘制路径varc=document.getElementById("myCanvas");var cxt=c.getContext("2d");c原创 2015-02-04 18:26:21 · 581 阅读 · 0 评论 -
HTML5 学习----------音频
audio 介绍HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。audio使用 control 属性供添加播放、暂停和音量控件。 与 之间插入的内容是供不支持 audio 元素的浏览器显示的 audio 元素允许多个 source原创 2015-02-04 17:33:05 · 513 阅读 · 0 评论 -
HTML5学习 (二 用JavaScript在canvas里添加内容)
1、在canvas里添加内容,效果如底图。var c = document.getElementById("myCanvas"); var cxt = c.getContext("2d"); cxt.moveTo(0,0); cxt.lineTo(150,80); cxt.lineTo(0,50); cxt.lineTo(100,90);cxt.st原创 2015-01-30 15:39:59 · 1859 阅读 · 0 评论 -
HTML5 学习----------视频上手操作
HTML5 元素同样拥有方法、属性和事件。其中的方法用于播放、暂停以及加载等。其中的属性(比如时长、音量等)可以被读取或设置。其中的 DOM 事件能够通知您,比方说, 元素开始播放、已暂停,已停止,等等如下例子: 播放/暂停 大 小 改变其宽度原创 2015-02-04 17:06:19 · 384 阅读 · 0 评论 -
HTML5 学习----------视频操作
video介绍如今网页中的视频是通过插件(如Falsh)来实现的,而heml5中规定了video元素来实现网页包含视频的标准。首先在网页中要检测该浏览器是否支持HTML5(http://blog.csdn.net/lzq1039602600/article/details/43307169 已经说明了如何检测)。其次来说一下支持的三种视屏格式:MPEG 4、Ogg 、原创 2015-02-04 16:35:07 · 568 阅读 · 0 评论 -
HTML5 学习(一 CANVAS 的基础知识点)
一、canvas的基础知识点1、 canvas是网页在使用时的一块区域,默认的大小是150*300(像素),默认的坐标(0,0),可以自己设置其大小或者其他特性。2、是网页上的基本元素。可以通过JavaScript来控制其内容的增减。3、 canvas在标题处不建议使用。标题处建议使用等。4、canvas可以替代一些文本或图片,当网页不支持时canvas,内容可以显示。如:原创 2015-01-30 14:55:44 · 625 阅读 · 0 评论 -
Vue2+VueRouter2+webpack
Vue2+VueRouter2+webpack 构建项目实战(二)目录以及文件结构2017年8月补充本文由 FungLeo 原创,允许转载,但转载必须保留首发链接。https://blog.csdn.net/FungLeo/article/details/531710522016年,我写了一系列的 VUE 入门教程,当时写这一系列博文的时候,我也只是一个菜鸟,甚至在写的过程中关闭了...转载 2018-12-07 16:33:27 · 136 阅读 · 0 评论