-
html5 分层屏幕适配的方法
所属栏目：[编程] 日期：2020-05-12 热度：128
副标题#e# 设计大大，这次真的是 按设计稿来 了，因为现在，任何机子都是设计稿标准机！ 开发同学，这下你就直接读设计稿标注就好了啦！ 屏幕适配 屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill，多屏常见是 依宽[详细]
-
canvas实现图片马赛克的示例代码
所属栏目：[编程] 日期：2020-05-12 热度：89
1. 原生canvas实现用到的API 1） getContext(contextID) ---返回一个用于在画布上绘图的环境 复制代码 代码如下: Canvas.getContext('2d') // 返回一个 CanvasRenderingContext2D 对象，使用它可以绘制到 Canvas 元素中 2）drawImage drawImage(imgObj, x,[详细]
-
利用html5 file api读取本地文件示例(如图片、PDF等)
所属栏目：[编程] 日期：2020-05-12 热度：198
在html4的年代，我们如果要在网页上呈现一张用户本地的图片，需要用户先把图片上传到服务器，再根据服务器提供的图片地址把图片下载下来，才能把图片在网页上呈现出来。这一来二往，起码已经费了两倍于这张图片的流量了，更别说服务器为了存储这张图片所花[详细]
-
基于 HTML5 Canvas实现 的交互式地铁线路图
所属栏目：[编程] 日期：2020-05-12 热度：177
副标题#e# 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获[详细]
-
详解Canvas 实现炫丽的粒子运动效果（粒子生成文字）
所属栏目：[编程] 日期：2020-05-12 热度：50
副标题#e# 没有最好，只有更好，如题所示，这篇文章只要是分享一个用 Canvas 来实现的粒子运动效果。感觉有点标题党了，但换个角度，勉勉强强算是炫丽吧，虽然色彩上与炫丽无关，但运动效果上还是算得上有点点炫的。不管怎么样，我们还是开始这个所谓的炫丽[详细]
-
HTML5 Canvas图像模糊完美解决办法
所属栏目：[编程] 日期：2020-05-12 热度：158
1、最近在用h5的canvas画动画，发现图像特别模糊。后来终于找到罪魁祸首是meta name=viewport content=width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no /这个代码，因为这行代码进行了伸缩 2、模糊图像的效果： 3、[详细]
-
详解移动端HTML5音频与视频问题及解决方案
所属栏目：[编程] 日期：2020-05-12 热度：141
最近在研究用视频代替动画，用视频代替精灵动画，我们称这种视频叫做交互视频。 传统的精灵动画： 磁盘空间大，下载慢，尤其是在线播放，会更慢 文件太多，在线播放的时候，太多http请求，会导致响应慢，或者行为失常 因此，急需开发了一套技术，用视频代[详细]
-
详解Html5 Canvas画线有毛边解决方法
所属栏目：[编程] 日期：2020-05-12 热度：65
Html5 Canvas 所有的画线指令画出来的线条都有毛边（比如 lineTo， arcTo，strokeRect），这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝，那么当按这样的坐标进行线条渲染时所要用到的就是夹缝两边的象素点，这样即便设置了lineWidth[详细]
-
详解HTML5 canvas绘图基本使用方法
所属栏目：[编程] 日期：2020-05-12 热度：145
副标题#e# canvas/canvas是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。 canvas/canvas只是一个绘制图形的容器[详细]
-
HTML5 video视频字幕的使用和制作方法
所属栏目：[编程] 日期：2020-05-12 热度：191
HTML5允许我们使用 元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西，比如我们添加的内容的类型，它所在的语言，当然还有对包含实际字幕信息的文本文件的引用。 video id=video controlssource src=http://www.jb51.net/html5/./step.mp4 t[详细]
-
HTML5新增的标签和属性归纳总结
所属栏目：[编程] 日期：2020-05-12 热度：183
收集总结的HTML5的新特性，基本除了IE9以下都可以使用。 HTML5语法 大部分延续了html的语法不同之处：开头的 !DOCTYPE html html lang=zh-CNmeta charset=utf-8 字符编码变得简洁， 不区分大小写， 添加了布尔值，类似checked，selected 引号可以省略，但[详细]
-
在HTML5 canvas里用卷积核进行图像处理的方法
所属栏目：[编程] 日期：2020-05-12 热度：101
就跳过一些用专业属于描述专业术语看完懵逼的解释了， 语文成绩很差的我尝试从字面解释什么是卷积... 卷，理解成一种压缩；积，乘积，积累； 卷积需要一个卷积核，通常是3x3或5x5的方阵， 例如这样 // 一个3x3卷积核 0 0 0 0 1 0 0 0 0 我们要怎么用卷积核[详细]
-
HTML5 拖拽批量上传文件的示例代码
所属栏目：[编程] 日期：2020-05-12 热度：135
该组件基于 Vue.js 实现，UI 框架是 elementUI,完整的 demo 地址在https://github.com/Msxiaoma/upload-folder. 拖拽上传文件夹(仅仅chrome支持) 一、组件描述 同时拖拽多个文件夹 删除指定文件夹 显示当前文件夹的上传进度条 超过5M的文件夹分片上传 效果[详细]
-
html5调用摄像头功能的实现代码
所属栏目：[编程] 日期：2020-05-12 热度：179
副标题#e# 前些天，线上笔试的时候，发现需要浏览器同意开启摄像头，感觉像是 js 调用的，由于当时笔试，也就没想到这么多问题。今天闲来无事，看了下自己的 todo，发现有这个调用摄像头的todo，才想到。网上查了一下，果然 js 有调用摄像头的 api，为此自[详细]
-
简单聊聊H5的pushState与replaceState的用法
所属栏目：[编程] 日期：2020-05-12 热度：71
HTML5引入了 和 方法，它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。 二、pushState() 方法的例子 假设在 中执行了以下 JavaScript 代码: var stateObj = { foo: bar };history.pushState(stateObj, page 2, bar.html)[详细]
-
Html5 localStorage入门教程
所属栏目：[编程] 日期：2020-05-12 热度：138
只读的 localStorage 允许你访问一个 Document 的远端（origin）对象 Storage；数据存储为跨浏览器会话。localStorage 类似于 sessionStorage，区别在于，数据存储在 localStorage 是无期限的，而数据存储在 sessionStorage 会被清除，当页面会话结束时也[详细]
-
利用html5 canvas动态画饼状图的示例代码
所属栏目：[编程] 日期：2020-05-12 热度：200
这里并没引用jquery等第三方库，只是用dom操作和canvas的特性编写的。 canvas画圆大体分为实心圆和空心圆。 根据需求分析知道该圆为实心圆。 1.先用canvas画实心圆 //伪代码var canvas = document.createElement(canvas);var ctx = canvas.getContext('2d'[详细]
-
如何使用localstorage代替cookie实现跨域共享数据问题
所属栏目：[编程] 日期：2020-05-12 热度：187
副标题#e# 因为网站系统的日益庞大，不同域名业务，甚至不同合作方网站的cookie可能或多或少需要进行共享使用，遇到这个情况的时候，大家一般想到的是使用登录中心分发cookie状态再进行同步进行解决，成本较高而且实施起来比较复杂和麻烦。 因为cookie在跨[详细]
-
效率较高的php下读取文本文件的代码 原创
所属栏目：[编程] 日期：2020-05-12 热度：125
fread:以字节位计算长度,按照指定的长度和次数读取数据,遇到结尾或完成指定长度读取后停止. fgets:整行读取,遇到回车换行或结尾停止.在文本方式时使用. 读字符串函数fgets函数的功能是从指定的文件中读一个字符串到字符数组中， 函数调用的形式为： fgets([详细]
-
asp.net 大文件上传 之 改版了的SlickUpload.HttpUploadModule（Krystalware
所属栏目：[编程] 日期：2020-05-12 热度：133
/200905/yuanma/SlickUpload.rar /200905/yuanma/Krystalware.SlickUpload.rar 复制代码 代码如下: using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; using System.Web; using System.Web.[详细]
-
在应用程序级别之外使用注册为allowDefinition='MachineToApplication'的节是错误的
所属栏目：[编程] 日期：2020-05-12 热度：76
原因：如果在 IIS 中没有将虚拟目录配置为应用程序，则可能导致此错误。 解决、若IIS中没有应用程序名，先创建，若还不行把C:WINDOWSMicrosoft.NETworkv2.0.50727CONFIGmachine.config中的所有allowDefinition="MachineToApplication"改为allowDefini[详细]
-
form身份验证通过后，只能用FormsAuthentication.RedirectFromLoginPage
所属栏目：[编程] 日期：2020-05-12 热度：93
直接用Response.Redirect("default.aspx")的话当然验证失败，因为你根本没有建立身份验证票。FormsAuthentication.RedirectFromLoginPage方法，会自动完成很多功能的。如完成生成身份验证票,写回客户端,浏览器重定向等一系列的动作。当然完成这些功能并不是[详细]
-
HTML表格标记教程(20):行的背景色属性BGCOLOR
所属栏目：[编程] 日期：2020-05-12 热度：131
通过BGCOLOR属性，可以设定行的背景颜色。 基本语法 TR BGcolorr=color_value 语法解释 定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 文件范例：10-18.htm 设定行背景的颜色。 01 !-- ------------------------------ -- 02 !-- 文件范例[详细]
-
HTML表格标记教程(26):单元格标记
所属栏目：[编程] 日期：2020-05-12 热度：109
TD标记的属性用于设定表格中某一单元格的属性。 表格的TD标记属性 属 性描 述ALIGN单元格内容的水平对齐VALIGN单元格内容的垂直对齐BGCOLOR单元格的背景颜色BACKGROUND单元格的背景图象BORDERCOLOR单元格的边框颜色BORDERCOLORLIGHT单元格的亮边框颜色BORD[详细]
-
HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR
所属栏目：[编程] 日期：2020-05-12 热度：106
为了美化表格，可以为单元格设定不同的边框颜色。 基本语法 TD Bordercolor=color_VALUE 语法解释 定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 文件范例：10-26.htm 设定单元格边框的颜色。 01 !-- ------------------------------ -- 02[详细]
