示例

  • AmazeUI 图标的示例代码

    Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。本文主要介绍了AmazeUI 图标的示例代码,具体如下: <!doctype html> <html class=”no-js”> <head> <meta charset=”utf-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”description” content=””> <meta name…

    HTML5 2021年5月30日
    0 3 0
  • AmazeUI 图标的示例代码

    Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。本文主要介绍了AmazeUI 图标的示例代码,具体如下: <!doctype html> <html class=”no-js”> <head> <meta charset=”utf-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”description” content=””> <meta name…

    HTML5 2021年5月30日
    0 2 0
  • Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码

    本文介绍了Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码,分享给大家,具体如下: PC端 移动端 代码 <!DOCTYPE html> <html> <head> <title>左侧导航</title> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <meta name=&quo…

    HTML5 2021年5月27日
    0 56 0
  • 使用HTML5和CSS3制作一个模态框的示例

    本文介绍了使用HTML5和CSS3制作一个模态框的示例,分享给大家,具体如下: 源码示例 可能你并不想看我下面的一堆冗长的说明,想直接查看源码或者一个在线示例。下面的链接,是我使用 CSS3 的 transition(过渡),opacity(不透明度),pointer-event(指针事件)等属性创建的一个功能型模态框。 你可以点击它前往 Github 查看源码: ModalBox-Tutorial HTML 结构 前端的组件都是由业务和交互场景来驱动,模态框也不例外,常见的场景便是进行某个操作,如点击按钮,然后显示一个模态框,反馈给用户或引导用户去执行接下来的交互。一个模态框的交互可能会包含…

    HTML5 2021年5月16日
    0 4 0
  • HTML5在线预览PDF的示例代码

    简介 PDF.js is a Portable Document Format (PDF) viewer that is built with HTML5. PDF.js is community-driven and supported by Mozilla Labs. Our goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs. 开源地址:https://github.com/mozilla/pdf.js 下载后不能直接使用,需要重新构建,不熟悉将会…

    HTML5 2021年5月13日
    0 1 0
  • HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例

    本文介绍了HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例,具体如下: 实现效果 1.首先创建html代码 <canvas id="canvas" width="500" height="500" style="background:#000;"></canvas> 2.创建canvas环境 var canvas = document.getElementById(‘canvas’), //获取canvas元素 context = canvas.getContext(‘2d’…

    HTML5 2021年5月12日
    0 5 0
  • 使用html5 canvas创建太空游戏的示例

    HTML5 Canvas 可以快速创建出有助于游戏开发的轻型图片。 本部分说明如何使用 Canvas 创建将在网页中运行的怀旧风格外太空飞行游戏。 此游戏的设计主要是为了展示使用 Canvas 功能开发 Web 游戏的基本原则。 此太空游戏的目标是,使您的宇宙飞船穿过分布着爆炸小行星的星域,安全返回基地。本教程包含运行游戏的完整代码。代码是使用 HTML5 Canvas 和 JavaScript 编写的,包含四个独立的有注释代码示例。 每个示例都涉及一项关键的编程任务,这些任务是开发游戏的不同方面所必需的。 第四个代码示例将所有任务组合在一起,创建了一个完整有效的游戏,您可以使用箭头键移动飞船…

    HTML5 2021年4月24日
    0 5 0
  • 通过Canvas及File API缩放并上传图片完整示例

    示例地址:Canvas Resize Demo 原文作者:Dr. Tom Trenka 原文日期: 2013年8月6日 翻译日期: 2013年8月8日 Tom Trenka 能为"我"的博客写一篇文章,对我来说是一个巨大的荣誉。Tom是Dojo框架的最初贡献者之一,也是我在SitePen公司的良师益友.我见证了他最顶级的天才能力,并且他总是第一个以前瞻性的解决方案预见了很多棘手的问题。他总是站在局外思考,打破常规但却又坚实可靠地解决边缘问题。本文就是一个完美的例证。 最近我总是被问道要创造一个用户接口API,允许用户上传图片到服务器上(伴随其他的事情),并能在我们公司提供支…

    HTML5 2021年4月19日
    0 4 0
  • HTML5注册表单的自动聚焦与占位文本示例代码

    首先看下面要使用HTML自动聚焦和占位文本的示例代码 复制代码 代码如下: <!DOCTYPE html> 2: <html> <head> <title>注册帐号</title> <meta charset=”utf-8″> </head> <body> <form method=”post” action=”goto”> <fieldset id=”register_information&#8…

    HTML5 2021年4月18日
    0 4 0
  • dedecms教程:20位MD5加密密文解密示例介绍

    解密20位md5,20位md5加密算法。 dedecms的20位md5加密算噶是从32位md5中截取的20位,所以去掉前3位喝最后1位,即可获得16位md5值,即可破解15位md5。 例如:数据库的密文是f297a57a5a743894a0e4 得到20位MD5密码,前减3后,再去掉最后1位,得到16位MD5,这样就获得7a57a5a743894a0e 如果密文不能破解或者忘记密码,可以生成一个32位md5值,去掉前5位,去掉后7位, 连上你的数据库,找到dede_admin表,找到admin中pwd字段,替换密文即可。

    技术文章 2021年4月12日
    0 14 0
  • react实现Radio组件的示例代码

    本文旨在用最清楚的结构去实现一些组件的基本功能。希望和大家一起学习,共同进步 效果展示: 测试组件: class Test extends Component { constructor(props) { super(props) this.state = { active:1 } } onGroupChange(value) { this.setState({ active: value }) } render() { return ( <div> <RadioGroup onChange={this.onGroupChange.bind(this)} active={th…

    技术文章 2021年4月12日
    0 17 0
  • React+Antd 实现可增删改表格的示例

    最近写了一个小东西,模仿自己原先用vue写的项目改成react语法。写了一个可编辑的表格,期间磕磕碰碰的,打算把bug记录下。先把效果图和代码贴上去,主要用的是react+antd table表格,点击编辑,打开弹窗,弹窗内是tab切换显示不同的form表单+可编辑表格,表格内操作栏”+”,表格内新增一行可编辑的数据,编辑,保存,删除这些操作就不细说也不贴效果图了 Table/index.js import React, { useState }from ‘react’ import { Row,Col,Card, Table, Tag, Divider, Modal,…

    技术文章 2021年4月12日
    0 15 0
  • jsp隐藏关键敏感字段信息只显示前后字段的示例

    今天写jsp页面,要求对字段中间部分隐藏,只显示前几位和后几位。搜了一下发现网上大都是隐藏前面指定字段,或者是利用正则表达式隐藏手机号或是身份证。这样的话必须预先知道字段长度,而我不想知道长度只显示前3位和后4位。 没办法,谁让我需要隐藏的字段长度未定呢。 解决方案:1、如果知道字段长度的话可以用正则表达式或是jsp标签库里的fn函数 正则表达式 phone.replaceAll(“(\d{3})\d{4}(\d{4})”,”$1****$2″); 152****4799 idCard.replaceAll(“(\d{4})\d{10}(\w{4})”,”$1*****$2″); 4304**…

    Java 2021年4月11日
    0 10 0
  • Jsp敏感词过滤的示例代码

    大部分论坛、网站等,为了方便管理,都进行了关于敏感词的设定。 在多数网站,敏感词一般是指带有敏感政治倾向(或反执政党倾向)、暴力倾向、不健康色彩的词或不文明语,也有一些网站根据自身实际情况,设定一些只适用于本网站的特殊敏感词。 比如,当你发贴的时候带有某些事先设定的词时,这个贴是不能发出的。或者这个词被自动替换为星号(*)或叉号(X)等,或者说是被和谐掉了。 在我看来敏感词过滤最重要的是在写过滤词汇的算法,如何过滤出大批量的敏感词,我感觉DFA的思想不错 DFA简介 在实现文字过滤的算法中,DFA是唯一比较好的实现算法。DFA即Deterministic Finite Automaton,也就…

    Java 2021年4月11日
    0 14 0
  • ajax实现文件异步上传并回显文件相关信息功能示例

    本文实例讲述了ajax实现文件异步上传并回显文件相关信息功能。分享给大家供大家参考,具体如下: 上传文件的信息 <div class=”form-group”> <div class=”col-sm-4″> <label class=”control-label”>应用文件</label> </div> <div class=”col-sm-8″> <input type=”file” name=”appFile” id=”appFile”> <input type=”submit” value=”确认上…

    Ajax 2021年4月11日
    0 11 0