扫码登陆 之我见

摘要 原理 打开网页 扫码阶段 验证阶段 准备 搭建环境 服务器环境 第三方依赖 后端 数据库 生成二维码 处理确认登陆请求 前端 效果 首页 扫码 拓展 轮询 超时 扫描后失效 总结摘要前几天买阿里云服务器的时候,被扫码登陆给吸引到了。然后就一直在琢磨自己的实现方式。也许是巧合吧,昨晚竟然在梦中找到了一个自认为还不错的实现思路。但是已经凌晨了,为了防止忘记,赶紧写了个小纸条放在床边。于是今天上午就...
阅读(9564) 评论(4)

PHP + JavaScript + Ajax 实现无刷新页面加载效果

数据源工厂 Json生成方式1 Json生成方式2 数据搬运工 数据加工师 转换类型 加工展示 结果展示 点击按钮之后 总结今天这个实验的思路就是实现一个无刷新的页面加载效果。具体的思路是使用PHP开发后台,为前台准备数据,然后使用Ajax技术作为数据的搬运工,将数据从服务器端拉取到前端,最后使用JavaScript技术将获取到的数据加工,并显示在页面上。数据源工厂本次实验数据以Json的格式传输和...
阅读(7775) 评论(0)

Angularjs + Bootstrap 制作的一个TODO List

看了一个关于Angularjs的视频,视频内容讲解的是如何制作一款TODO list形式的SPA(Simple Page Application,单页面应用)。为了增强理解,下面写了一篇文章,用以复习巩固。 准备 Angularjs下载 CDN加速 npm 方式 常规方式 Bootstrap下载 知识储备 MVC 架构 ng-app ng-controller ng-model 事件基础 ng-cl...
阅读(7223) 评论(1)

Ajax 异步加载

AJAX (Asynchronous JavaScript and XML,异步的 JavaScript 和 XML)。它不是新的编程语言,而是一种使用现有标准的新方法,是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的艺术。 那么,让我们一起走进AJax的世界吧。基础语法学习Ajax之前,我们要明确自己的需求,那就是在不刷新页面的前提下实现异步的与服务器进行交互,更新页面信息。使用A...
阅读(7406) 评论(2)

JQuery插件使用之Validation 快速完成表单验证的几种方式

JQuery的Validation插件可以到http://plugins.jquery.com/上去下载。今天来分享一下,关于这个插件的使用。简易使用这第一种方式可谓是傻瓜式的使用,我们只需要按照validation定义好的规则就可以了。 首先引入JQuery库和Validation插件: <script type="text/javascript" src="jquery-2.2.4.min.js...
阅读(7105) 评论(0)

JQuery 网页选项卡制作

网页选项卡可以较好的利用有限的页面来展示更多的元素,而使用JQuery来制作网页选项卡也是一件非常简单的事情。今天就来分享一个网页选项卡的制作小技巧。引入所需库这个知识点很基础,但是为了照顾fresh man ,我还是写一下吧。 细节部分可参照JQuery 如何引入.这篇文章。选项卡原理 选项卡出现其实只是某一个div获取到了显示的权限,其他的没有显示而已。网页代码 <div class="t...
阅读(6148) 评论(0)

使用 纯JQuery 进行 表单 验证

对于JavaScript而言,进行表单数据的验证可谓是很有必要的,而且一般我们都会在网页上先进行一下表单验证,然后服务器端再次进行验证,来确保用户提交数据的准确性。下面就来分享一个JQuery实现的表单验证。制作表单 要想实现表单验证,前提是得有个表单了。 <l...
阅读(6504) 评论(0)

实用前端技巧之输入框提示语句

我们在编写网页的时候不可避免的会遇到输入框,那么怎么设计输入框才能更加优雅呢?不同的人会有不同的答案,下面分享一个比较不错的设计。效果图 初始化效果 输入框获取鼠标焦点 密码框属性动态变化,实现密码特效 细节这个效果主要是通过JQuery来实现,我的思路如下: 输入框获取鼠标焦点之前,显示原标签的value属性值;获取了鼠标焦点之后,如果当前value有值,那就清空,否则恢复;密码框特殊照顾,待...
阅读(6460) 评论(4)

JQuery 初探

放暑假了,终于有时间能学点前端的东西了。JQuery就是我第一个选择,锋利的JQuery。这本书真的很好。下面以一个ToggleButton形式的小例子开场吧。引入JQuery库在网页上引用JQuery并不是一件难事,我们通常来说有两种方式。 引用本地文件:将下载好的JQuery当做src即可,如下 <script type="text/javascript" src="jquery-2.2.4....
阅读(5714) 评论(0)
    个人资料
    • 访问:3064514次
    • 积分:33782
    • 等级:
    • 排名:第152名
    • 原创:348篇
    • 转载:35篇
    • 译文:9篇
    • 评论:670条
    友情链接
    我的偶像
    个人主页
      GitHub
    放松一下
    博客专栏
    最新评论
    版权信息
    去除本页广告
    图片炸弹装填中...

        
    [img=赞一个]http://bpic.588ku.com/element_origin_min_pic/16/12/12/0d96da96cf36505736c09d63832eaac8.jpg[/img]