-
分享一个页面平滑滚动小技巧(推荐)
所属栏目:[编程] 日期:2020-05-12 热度:131
今天写需求的时候发现一个小的优化点:用户选择了一些数据之后, 对应列表中的数据需要高亮, 有时候列表很长, 为了提升用户体验,需要加个滚动, 自动滚动到目标位置。 简单的处理了一下, 问题顺利解决, 就把这个小技巧分享一下给大家。 正文 有几种不[详细]
-
分享一个H5原生form表单的checkbox特效代码
所属栏目:[编程] 日期:2020-05-12 热度:194
!DOCTYPE htmlhtmlhead meta charset=UTF-8 title/title style.md-checkbox {margin: 50px;position: relative;height: auto;font-size: 14px;}.md-checkbox labelspan.inc {-webkit-animation: growCircle 0.2s ease;-moz-animation: growCircle 0.2s eas[详细]
-
canvas基础之图形验证码的示例
所属栏目:[编程] 日期:2020-05-12 热度:51
在通常的登录界面我们都可以看到验证码,验证码的作用是检测是不是人在操作,防止机器等非人操作,防止数据库被轻而易举的攻破。 验证码一般用PHP和java等后端语言编写; 但是在前端,用canva或者SVG也可以绘制验证码; 直接上干货: !DOCTYPE htmlhtmlhea[详细]
-
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
所属栏目:[编程] 日期:2020-05-12 热度:96
最新因项目需要,就利用HTML5+css3+jquery+weui做了一个仿微信聊天界面功能,可以发微信表情,查看图片、视频... 由于代码较长,小编打包了。需要的朋友点击下载。 具体代码如下所示: 总结 以上所述是小编给大家介绍的利用HTML5+css3+jquery+weui实现仿微[详细]
-
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
所属栏目:[编程] 日期:2020-05-12 热度:63
button onclick=http://www.jb51.net/html5/call()通用分享/buttonbutton onclick=http://www.jb51.net/html5/call('wechatFriend')微信好友/buttonbutton onclick=http://www.jb51.net/html5/call('wechatTimeline')朋友圈/buttonbutton onclick=http://w[详细]
-
html5 canvas绘制放射性渐变色效果
所属栏目:[编程] 日期:2020-05-12 热度:175
canvas有些地方还是有点坑的,比如fillRect是方法不是属性,如果写成fillRect=这样是没效果的,而且还不报错.... 这里用到了createRadialGradient这个API 这个API接收6个参数,前三个表示底下的圆,后三个表示上面的圆,返回的实例依然可以用addColorStop[详细]
-
html5中如何将图片的绝对路径转换成文件对象
所属栏目:[编程] 日期:2020-05-12 热度:167
副标题#e# 将图片的绝对路径转换成base64编码,请看这篇文章 我们先来理解基本知识点: 1. 理解HTML5中的FileList对象与file对象。 在HTML5中,FileList对象表示用户选择的文件列表。通过添加multipe属性,file控件内允许一次选择多个文件。控件内的每一个[详细]
-
详解Html5原生拖拽操作
所属栏目:[编程] 日期:2020-05-12 热度:56
最近的一次项目开发中用到了H5的拖拽功能,由于现有项目使用的是VUE全家桶,使用了vuedragable这个插件,但是整个过程是比较痛苦的。遂决定从H5拖拽的原理开始研究,然后再将其应用到数据驱动的框架中。在H5中要想实现拖放操作,至少需要经过两个步骤:1)[详细]
-
使用Html5、CSS实现文字阴影效果
所属栏目:[编程] 日期:2020-05-12 热度:164
前两天有一个学html5前端小美女问我一个有关文字阴影的效果怎么去实现。她和我说文字阴影嘛,她也知道text-shadow,.但是却做不出想要的样子,其实css3的新功能是很强大的,不要把你的思想太过于局限化,好了,闲话也不多说,咱们就先来看看这个文本阴影. 一.文字[详细]
-
canvas烟花特效锦集
所属栏目:[编程] 日期:2020-05-12 热度:181
副标题#e# 实现一 html canvas id=canvas/canvas css body {background: #000;margin: 0;}canvas {cursor: crosshair;display: block;} js // when animating on canvas, it is best to use requestAnimationFrame instead of setTimeout or setInterval//[详细]
-
HTML5 video视频字幕的使用和制作方法
所属栏目:[编程] 日期:2020-05-12 热度:51
HTML5允许我们使用 元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西,比如我们添加的内容的类型,它所在的语言,当然还有对包含实际字幕信息的文本文件的引用。 video id=video controlssource src=http://www.jb51.net/html5/./step.mp4 t[详细]
-
冠状病毒爆发期间不影响全球笔记本电脑市场
所属栏目:[编程] 日期:2020-05-12 热度:171
Strategy Analytics发布的研究报告显示,2020年第一季度,全球笔记本电脑出货量为3790万台,同比下降2%。对于许多行业而言,2020年第一季度非常困难。但是由于COVID-19的爆发,笔记本电脑市场摆脱了最初经济下滑的最严重影响。 如前所述,笔记本电脑市场在[详细]
-
基于ANDROID 10的魅族FLYME 8.1已发布:以下是合格设备的列表
所属栏目:[编程] 日期:2020-05-12 热度:190
魅族17系列最近与基于Android 10的Flyme 8.1固件一起正式发布。新固件已进行了许多改进,包括新的OneMind 4.0 AI引擎。 活动期间,众所周知其他十款魅族设备将立即收到新软件。其中不仅有旗舰魅族16,魅族16 Plus,魅族16s,魅族16s Pro和魅族16T,而且还[详细]
-
效率较高的php下读取文本文件的代码 原创
所属栏目:[编程] 日期:2020-05-12 热度:168
fread:以字节位计算长度,按照指定的长度和次数读取数据,遇到结尾或完成指定长度读取后停止. fgets:整行读取,遇到回车换行或结尾停止.在文本方式时使用. 读字符串函数fgets函数的功能是从指定的文件中读一个字符串到字符数组中, 函数调用的形式为: fgets([详细]
-
asp.net 大文件上传 之 改版了的SlickUpload.HttpUploadModule(Krystalware
所属栏目:[编程] 日期:2020-05-12 热度:80
/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 热度:113
原因:如果在 IIS 中没有将虚拟目录配置为应用程序,则可能导致此错误。 解决、若IIS中没有应用程序名,先创建,若还不行把C:WINDOWSMicrosoft.NETworkv2.0.50727CONFIGmachine.config中的所有allowDefinition="MachineToApplication"改为allowDefini[详细]
-
form身份验证通过后,只能用FormsAuthentication.RedirectFromLoginPage
所属栏目:[编程] 日期:2020-05-12 热度:190
直接用Response.Redirect("default.aspx")的话当然验证失败,因为你根本没有建立身份验证票。FormsAuthentication.RedirectFromLoginPage方法,会自动完成很多功能的。如完成生成身份验证票,写回客户端,浏览器重定向等一系列的动作。当然完成这些功能并不是[详细]
-
HTML表格标记教程(20):行的背景色属性BGCOLOR
所属栏目:[编程] 日期:2020-05-11 热度:64
通过BGCOLOR属性,可以设定行的背景颜色。 基本语法 TR BGcolorr=color_value 语法解释 定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-18.htm 设定行背景的颜色。 01 !-- ------------------------------ -- 02 !-- 文件范例[详细]
-
HTML表格标记教程(26):单元格标记
所属栏目:[编程] 日期:2020-05-11 热度:133
TD标记的属性用于设定表格中某一单元格的属性。 表格的TD标记属性 属 性描 述ALIGN单元格内容的水平对齐VALIGN单元格内容的垂直对齐BGCOLOR单元格的背景颜色BACKGROUND单元格的背景图象BORDERCOLOR单元格的边框颜色BORDERCOLORLIGHT单元格的亮边框颜色BORD[详细]
-
HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR
所属栏目:[编程] 日期:2020-05-11 热度:74
为了美化表格,可以为单元格设定不同的边框颜色。 基本语法 TD Bordercolor=color_VALUE 语法解释 定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-26.htm 设定单元格边框的颜色。 01 !-- ------------------------------ -- 02[详细]
-
使用html2canvas实现浏览器截图的示例代码
所属栏目:[编程] 日期:2020-05-11 热度:171
使用html2canvas实现浏览器截图,必须在服务器环境下才能实现。 作用 html2canvas可以通过纯JS对浏览器端经行截屏,但截图的精确度还有待提高,部分css不可识别,所以在canvas中不能完美呈现原画面样式 /*多行溢出省略就不行,只能超出隐藏了*/.book_inf{po[详细]
-
html5 分层屏幕适配的方法
所属栏目:[编程] 日期:2020-05-11 热度:163
副标题#e# 设计大大,这次真的是 按设计稿来 了,因为现在,任何机子都是设计稿标准机! 开发同学,这下你就直接读设计稿标注就好了啦! 屏幕适配 屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill,多屏常见是 依宽[详细]
-
canvas实现图片马赛克的示例代码
所属栏目:[编程] 日期:2020-05-11 热度:82
1. 原生canvas实现用到的API 1) getContext(contextID) ---返回一个用于在画布上绘图的环境 复制代码 代码如下: Canvas.getContext('2d') // 返回一个 CanvasRenderingContext2D 对象,使用它可以绘制到 Canvas 元素中 2)drawImage drawImage(imgObj, x,[详细]
-
利用html5 file api读取本地文件示例(如图片、PDF等)
所属栏目:[编程] 日期:2020-05-11 热度:162
在html4的年代,我们如果要在网页上呈现一张用户本地的图片,需要用户先把图片上传到服务器,再根据服务器提供的图片地址把图片下载下来,才能把图片在网页上呈现出来。这一来二往,起码已经费了两倍于这张图片的流量了,更别说服务器为了存储这张图片所花[详细]
-
基于 HTML5 Canvas实现 的交互式地铁线路图
所属栏目:[编程] 日期:2020-05-11 热度:197
副标题#e# 前两天在 echarts 上寻找灵感的时候,看到了很多有关地图类似的例子,地图定位等等,但是好像就是没有地铁线路图,就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo,地铁线路上的点是在网上随便下载了一个,这篇文章记录自己的一些收获[详细]
