为了账号安全,请及时绑定邮箱和手机立即绑定

Html5

Webpack模块打包飞行手册 原创

前言 在学习 Webpack 之前,我们需要了解一个概念:模块。 何为模块? 如果你曾学过 Java , C# 之类的语言,一定会知道 Java 中的 import 或 C# 中的 using 吧? 比如:我想在 C# 中进行数据库操作,我只需要在代码头部加上 下面这两段代码即可。 using System.Data; using System.Data.SqlClient; 这两段代码可以看成 ...

542浏览 10推荐 1评论

表格摘要的代码不会在网页上显示

table summary ```运行结果不会在网页上显示 工具的覅和接口是电话,李稻葵建造师女vfdkjhvjldzjsKWSjmldjekncvsjdnvajwkkdsvjmkdnfkjfpwaekjpokdp[LDJMBKNGFJKJDDKJFKGJJMGLDKSJFKDJKFFFFFFJFKKKKJFFFFFFFFFJFFFFFFFFFFFFFJFJFJFJFJFJFJFJFJFJFJFJ...

17浏览 1推荐 0评论

web前端-响应式网站开发

响应式网站开发 媒体查询 媒体属性 width: 视口宽度 height:视口高度 device-width:渲染表面的宽度,就是设备屏幕的宽度 device-height:设备屏幕的高度 orientation:检查设备处于横向还是纵向 aspect-ratio:基于视口宽度和高度的宽高比 device-aspect-ratio:设备宽高比 color:每种颜色的位数bits如:min-colo...

36浏览 1推荐 0评论

美食地图-高德地图研究记录 原创

在调用高德javascriptAPI的基础上,修改marker样式,填充内容,处理点击markerClick事件,调用公交、步行、自驾三种路线规则接口。界面从无到有,自己规划界面,但成品美观上过不了企划眼,仍需加油努力才行 <div id="wrap"> <div id="mapDiv"></div><!-- 地图容...

405浏览 4推荐 0评论

HTML5原生拖拽/拖放 Drag & Drop 详解 原创

前言 拖放(drap && drop)在我们平时的工作中,经常遇到。它表示:抓取对象以后拖放到另一个位置。目前,它是HTML5标准的一部分。我从几个方面学习并实践这个功能。 拖放的流程对应的事件 我们先看下拖放的流程: 选中 ---> 拖动 ---> 释放 然后,我们一步步看下这个过程中,会发生的事情。 选中 在HTML5标准中,为了使元素可拖动,把draggable属...

1313浏览 13推荐 1评论

放大镜制作的核心要点 原创

制作放大镜,首先必须要掌握常见的六大尺寸值。如果这六个值都不会的话,可能有点吃力,不过下图已经分析的很清楚了,应该能看懂。需要注意的一点是,除了鼠标位置是按照窗口来进行定位的,如图绿色画线,其他四项尺寸值是按照父元素——子元素关系来计算尺寸,如body和div1,div1和div2 。 offsetLeft和style.left主要有三点不同: 现在来分析:当放大镜在小图片...

299浏览 4推荐 1评论

和一步聊聊css3 flexbox布局

和一步聊聊布局神器flexbox。 本文涉及内容如下: flexbox的基本概念、容器属性学习、项目属性学习、实战演练。 flexbox 堪称布局神器,但属性实在太多让人无从下手,因此将自己所学的知识做个总结。 基本概念 flexbox是Flexible Box的缩写,译为弹性布局。flex 布局主要是让容器中的子项目可以根据配置改变自身的宽高及顺序,以最佳的方式填充容器,达到弹性的目的。容器有横...

260浏览 3推荐 0评论

聊一聊VUE组件间的数据传递

众所周知,Vue 是基于组件来构建 web 应用的。组件将模块和组合发挥到了极致。Vue 是虽说吸取了 AngularJs 的 MVVM的思想,但是它是单向数据流的,也就是说子组件无法直接改变父组件状态。下面总结出常用的组件消息传递的方式。 父组件向子组件传递数据 该方式的数据传递是遵循 Vue 单向数据流的规则的,因此使用起来十分的自然。若父组件的数据改变子组件的 UI 展现也随之变化。 Par...

752浏览 14推荐 1评论

H5使用Video标签上传视频有声音无画面的解决方案 原创

前端用H5的Video标签做了播放器,部分mp4文件上传成功后只有声音而没有画面,经过了解之后才知道此标签只支持编码为H264的MP4文件,不支持编码为MPEG4的MP4文件,想成功播放必须要转码。于是就去网上找啊找,刚开始全是格式化工厂转,但是我要的是可以用代码实现的。。。但最后找到一种折中的方法,就是拿ffmpeg工具结合代码来完成转码。 当然了,首先得检测该MP4的编码是哪种类型,如果是H2...

534浏览 5推荐 0评论

有关 CSS 盒模型(CSS BOX MODEL) 原创

概念 在一个html文档中,每个元素都被表示为一个矩形的的盒子。这每一个矩形的盒子被描述为盒模型(CSS Box Model)。并且这个模型描述了元素所占空间的内容。 组成 正常情况 一般情况下,一个盒子是由以下部分组成 width = content-width + padding-left + padding-right + border-left-width + border-right-w...

483浏览 4推荐 0评论

CSS实现Sticky Footer

原文链接:JavaScript之禅 什么是 “Sticky Footer” 所谓 “Sticky Footer”,并不是什么新的前端概念和技术,它指的就是一种网页效果: 如果页面内容不足够长时,页脚固定在浏览器窗口的底部;如果内容足够长时,页脚固定在页面的最底部。但如果网页内容不够长,置底的页脚就会保持在浏览器窗口底部。 实现方法 1. 将内容部分的...

158浏览 2推荐 0评论

HTML学习小结之--骨骼

查看W3C的HTML参考手册 1、HTML标签 [基础] -<!DOCTYPE> 定义文档类型 HTML 4.01 规定了三种不同的<!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。 HTML5 中仅规定了一种<!DOCTYPE html> -<html> 全局属性 xmlns XHTML 命名空间 m...

481浏览 5推荐 30评论

HTML5 标签含义之元素周期表

HTML5标签含义之元素周期 只是分享一下网站,看着不错:打开连接,HTML5标签含义之元素周期,点击标签,会有 Tooltips 的效果。建议收藏。...

1155浏览 26推荐 1评论

SVG 坐标系统与坐标变换示例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>transform</title> <style media="screen"> svg { background-color: #fcfcfc; disp...

81浏览 1推荐 0评论

H5手游页游的资源版本管理(带Egret例子)

Html5网络游戏和网页游戏,是属于打开浏览器就可以直接玩的,而且是边玩边下载的游戏。 由于每个版本更新,只是更新一小部分资源,如果每次进行版本更新都导致用户重新加载全部游戏资源,那么会导致用户消耗的流量以及不能快速进入游戏,严重影响体验。所以需要对网络资源加载这一块做深入的分析研究,拿出一个资源管理方案。 一般浏览器都会有缓存url对应的中资源,只有当url改变的时候才会进行重新加载,根据这个特...

1005浏览 6推荐 0评论
首页上一页1234567下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信