实用前端技巧
泰 戈 尔
只有初恋般的热情和宗教般的意志,人才可能成就某种事业。 -- 川哥
展开
-
JQuery 初探
放暑假了,终于有时间能学点前端的东西了。JQuery就是我第一个选择,锋利的JQuery。这本书真的很好。下面以一个ToggleButton形式的小例子开场吧。引入JQuery库在网页上引用JQuery并不是一件难事,我们通常来说有两种方式。引用本地文件:将下载好的JQuery当做src即可,如下 <script type="text/javascript" src="jquery-2.2.4.原创 2016-07-26 10:48:39 · 6365 阅读 · 0 评论 -
实用前端技巧之输入框提示语句
我们在编写网页的时候不可避免的会遇到输入框,那么怎么设计输入框才能更加优雅呢?不同的人会有不同的答案,下面分享一个比较不错的设计。效果图初始化效果 输入框获取鼠标焦点 密码框属性动态变化,实现密码特效 细节这个效果主要是通过JQuery来实现,我的思路如下: 输入框获取鼠标焦点之前,显示原标签的value属性值;获取了鼠标焦点之后,如果当前value有值,那就清空,否则恢复;密码框特殊照顾,待原创 2016-07-26 16:28:36 · 8042 阅读 · 4 评论 -
使用 纯JQuery 进行 表单 验证
对于JavaScript而言,进行表单数据的验证可谓是很有必要的,而且一般我们都会在网页上先进行一下表单验证,然后服务器端再次进行验证,来确保用户提交数据的准确性。下面就来分享一个JQuery实现的表单验证。制作表单要想实现表单验证,前提是得有个表单了。<form method="post" action=""> <fieldset> <l原创 2016-07-27 11:18:32 · 11679 阅读 · 0 评论 -
JQuery 网页选项卡制作
网页选项卡可以较好的利用有限的页面来展示更多的元素,而使用JQuery来制作网页选项卡也是一件非常简单的事情。今天就来分享一个网页选项卡的制作小技巧。引入所需库这个知识点很基础,但是为了照顾fresh man ,我还是写一下吧。 细节部分可参照JQuery 如何引入.这篇文章。选项卡原理 选项卡出现其实只是某一个div获取到了显示的权限,其他的没有显示而已。网页代码<div class="t原创 2016-07-27 18:01:31 · 7132 阅读 · 0 评论 -
JQuery插件使用之Validation 快速完成表单验证的几种方式
JQuery的Validation插件可以到http://plugins.jquery.com/上去下载。今天来分享一下,关于这个插件的使用。简易使用这第一种方式可谓是傻瓜式的使用,我们只需要按照validation定义好的规则就可以了。首先引入JQuery库和Validation插件:<script type="text/javascript" src="jquery-2.2.4.min.js原创 2016-07-27 19:46:00 · 8308 阅读 · 0 评论 -
PHP + JavaScript + Ajax 实现无刷新页面加载效果
数据源工厂Json生成方式1Json生成方式2数据搬运工数据加工师转换类型加工展示结果展示点击按钮之后总结今天这个实验的思路就是实现一个无刷新的页面加载效果。具体的思路是使用PHP开发后台,为前台准备数据,然后使用Ajax技术作为数据的搬运工,将数据从服务器端拉取到前端,最后使用JavaScript技术将获取到的数据加工,并显示在页面上。数据源工厂本次实验数据以Json的格式传输和原创 2016-08-15 17:18:59 · 10165 阅读 · 0 评论 -
Ajax 异步加载
AJAX (Asynchronous JavaScript and XML,异步的 JavaScript 和 XML)。它不是新的编程语言,而是一种使用现有标准的新方法,是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的艺术。 那么,让我们一起走进AJax的世界吧。基础语法学习Ajax之前,我们要明确自己的需求,那就是在不刷新页面的前提下实现异步的与服务器进行交互,更新页面信息。使用A原创 2016-08-07 10:47:30 · 9326 阅读 · 2 评论 -
Angularjs + Bootstrap 制作的一个TODO List
看了一个关于Angularjs的视频,视频内容讲解的是如何制作一款TODO list形式的SPA(Simple Page Application,单页面应用)。为了增强理解,下面写了一篇文章,用以复习巩固。准备Angularjs下载CDN加速npm 方式常规方式Bootstrap下载知识储备MVC 架构ng-appng-controllerng-model事件基础ng-cl转载 2016-08-12 15:25:15 · 8488 阅读 · 1 评论 -
扫码登陆 之我见
摘要原理打开网页扫码阶段验证阶段准备搭建环境服务器环境第三方依赖后端数据库生成二维码处理确认登陆请求前端效果首页扫码拓展轮询超时扫描后失效总结摘要前几天买阿里云服务器的时候,被扫码登陆给吸引到了。然后就一直在琢磨自己的实现方式。也许是巧合吧,昨晚竟然在梦中找到了一个自认为还不错的实现思路。但是已经凌晨了,为了防止忘记,赶紧写了个小纸条放在床边。于是今天上午就原创 2016-12-16 13:53:12 · 11574 阅读 · 4 评论