前端的小Demo——涉及keyCode

以下是我的代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>小效果</title> <style> .type{width:32px;} </style> </head> <body> <div> <button id="btn1">-</b…

这一周呢,本K在大神的指导下,完成了一个利用ajax与php文件上传处理相结合的一个留言板功能的小实例,下面就让本K来带大家瞅瞅如何实现这一种功能. 一.界面概览首先我们来看一下这个小demo的具体效果. 这个demo中,主要包括了三个步骤,也分别对应了三个功能,分别是注册,登录与留言板功能.而这三个功能基本都借助了前后台交互的几种技术,下面,本K就给大家分别展示一下这三个功能实现的代码. 二.功能实现 1.注册功能与登录功能 1.1 代码展示 1.1.1 注册功能 (1)前段部分 <!DOC…

新手 gulp+ seajs 小demo

首先,不说废话,它的介绍和作者就不在多说了,网上一百度一大堆: 我在这里只是来写写我这2天抽空对seajs的了解并爬过的坑,和实现的一个小demo(纯属为了实现,高手请绕道); 一.环境工具及安装 1.首先,务必先说明,本demo是基于nodeJs环境下开发的,因此要安装nodeJs(地址:https://nodejs.org/en/): 2.接下来安装gulp: 在第一步成功的情况下,安装gulp构建工具,并且将其依赖到项目进来:同时需要安装browser-sync,gulp-seajs-co…

js存款计算器原生小demo

大家好,本人是初入前端的一枚程序猿,深知js底层开发的重要性,这也是我的软肋所在(曾经以为),渐渐的明白了一个道理,饭要一口口吃,路要一步步走,这也是我想告诉给所有刚刚进入IT行业的技术员们,沉下心,静下气,顺便来指点我的小demo,嘿嘿,不多说了,直接上图吧! 这是最终的效果图(支持ie8以上的浏览器,此效果图是谷歌浏览器下展示的),输入不同的金额.时间(可选项为3月,6月,9月,12月).利率(可选项为5%,6%),点击计算后,最终在计算结果下,得出应得利息与总额. 下面为js原生代码下图…

Swift基础之实现一个镂空图片的小Demo

前两天看了别人的文章,涉及到了镂空的展示,所以我在这里把实现的内容写成Swift语言的小Demo,供大家欣赏首先,需要创建导航视图,然后创建两种展示方式的按钮 let vc = ViewController(); let nav = UINavigationController.init(rootViewController: vc); window?.rootViewController = nav; override func viewDidLoad() { …

H5 PWA技术以及小demo

H5 PWA技术 1.原生app优缺点 a.体验好.下载到手机上入口方便 b.开发成本高(ios和安卓) c.软件上线需要审核 d.版本更新需要将新版本上传到不同的应用商店 e.使用前需下载 2.web网页优缺点 a.开发成本低.网站更新时上传最新的资源到服务器即可.手机自带浏览器打开即可 b.体验比原生app差 c.入口不便捷 d.无网无相应,不具备离线能力 e.无app的消息推送 3.PWA是什么? PWA是一个新的前端技术,全称:Progressive Web App,这是一个渐进式的网页…