JavaScript
文章平均质量分 94
泰 戈 尔
只有初恋般的热情和宗教般的意志,人才可能成就某种事业。 -- 川哥
展开
-
PHP与JavaScript在处理数组方面的不同之处
数组在编程的时候是经常被使用到的一种数据结构,然而在不同的编程语言中是引用方法大同小异,下面来看一看数组元素在PHP与JavaScript中有什么不同吧。 以遍历数组元素为例: 1、在PHP中,//首先定义一个数组元素$myArray=array('name'=>'Tiger','address'=>'DaLian','Character'=>'student',//在PHP中解围逗号推荐原创 2015-11-08 17:04:23 · 6961 阅读 · 0 评论 -
PHP 验证码 浅析
拓展背景图imagecreatetruecolorimagecolorallocateimagepngimagedestoryimage简易数字验证码imagecolorallocateimagestring增加识别干扰增加点增加线数字字母混合验证码使用验证码开启session的时机验证的原理优化验证小案例生成验证码表单验证总结拓展我们需要开启gd拓展,可以使原创 2016-08-16 22:33:45 · 6056 阅读 · 0 评论 -
PHP 针对多用户 实现头像更换
成品图思路登陆页面表单制作验证码制作JavaScript刷新验证码验证页面验证逻辑页面跳转header函数Meta标签JavaScript上传页面个人主页上传核心最终结果登陆页面验证结果个人主页最新头像总结一个网站,其实说白了就是某几个特定功能的组合,而更换用户头像就在这些功能之中。今天就来做个测试,针对不同的用户,实现头像上传功能。成品图思路针对不同的用户原创 2016-08-17 09:50:08 · 10215 阅读 · 6 评论 -
动感的网页相册
不知道大家有没有这样的体验,windows电脑上查看一张gif图,默认就把IE给打开了,还弹出个什么询问项,好麻烦的感觉。所以为了解决自己的这个问题,写了个简单的文件夹内图片浏览工具。效果图以E盘某一文件夹为例 效果图 实现思路Created with Raphaël 2.1.0获取给定的文件夹,遍历获取所有图片(包含路径)将包含了所有图片的列表输入到HTML模板合并文件,生成Html查看页面生成原创 2016-08-05 17:57:57 · 6896 阅读 · 0 评论 -
WEB音频API
本文转载至 http://www.webhek.com/web-audio-api很偶然的,在一个微信公众号里面,看到了这样的一篇文章。 WEB音频API。作者分享技术的优良品质值得我们学习。原文讲述的大致是这样的,使用JavaScript来动态的加载音频资源,这样来起到一个不错的交互效果。尤其是对于网页游戏开发而言,这一点也是很重要的。于是,我就翻译了一下,并写了个小例子。<!DOCTYPE转载 2016-08-19 07:36:45 · 6691 阅读 · 0 评论 -
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 · 8443 阅读 · 1 评论 -
去除CSDN 博客页广告的历程
第一招方式1方式2第二招第三招素材准备必备知识代码部分测试总结作为CSDN的忠实用户,我觉得它挺不错的。美中不足的是广告,虽然相比于微博啊,开源中国啊这些博客站点,它的广告已经算是很少的了。但还是会让博主有点尴尬,毕竟强迫症不是一天两天就能治好的。⊙﹏⊙b汗 于是就想着怎么能去掉这些广告,给自己一个清静的阅读环境。第一招最简单的方式就是使用现成的软件了。一劳永逸。据博主了解,Ch原创 2016-10-06 11:57:35 · 23258 阅读 · 27 评论 -
实时体重检测
背景后端数据库设计PHP编写处理提交数据请求结果集前端echarts使用侦测是否打卡整合完整代码最终效果总结背景不知不觉的距离国庆已经两个月多一点了,这样算来已经坚持跑步两个月多一点啦。体重也少了十来斤了,效果还是不错的。另外,每天在校内围着田径场跑十圈也是很开心的一件事,借此机会还能静静地思考这一天的生活。尤其是晚上8点多的时候,田径场上空无一人,没有了白天喧嚣的热闹,反而原创 2016-12-11 15:19:43 · 8997 阅读 · 10 评论 -
扫码登陆 之我见
摘要原理打开网页扫码阶段验证阶段准备搭建环境服务器环境第三方依赖后端数据库生成二维码处理确认登陆请求前端效果首页扫码拓展轮询超时扫描后失效总结摘要前几天买阿里云服务器的时候,被扫码登陆给吸引到了。然后就一直在琢磨自己的实现方式。也许是巧合吧,昨晚竟然在梦中找到了一个自认为还不错的实现思路。但是已经凌晨了,为了防止忘记,赶紧写了个小纸条放在床边。于是今天上午就原创 2016-12-16 13:53:12 · 11520 阅读 · 4 评论 -
网页全截图实现
前言PhantomJS简介环境搭建下载解析器phantomjs然后是selenium基本语法helloworld截图使用命令行参数结合Python简易版稍难一点点题外话总结前言使用Python的urllib以及urllib2只能获取到静态的网页,对于一整张网页进行截图就不是很容易了。今天凑巧看到了PhantomJS。于是对于整张网页进行截图保存再也不是一件困难的事情了。Ph原创 2017-02-28 20:48:31 · 10510 阅读 · 5 评论 -
图片上传预览原理及实现
目前网上有很多支持图片上传时进行预览的插件,功能完备,界面优雅,使用起来也很方便。一直以来也就只是用用,没有想过这些插件背后的实现原理。趁着今天有点时间,也来学习学习。追根溯源设想原理DataURL浅析格式预览实现HTMLJavaScript控制预览效果打包封装简易封装使用方式测试总结追根溯源设想一开始,按照我的思路,预览可能是这么来实现的。本地选中一张图片,嵌入html原创 2017-07-10 19:38:56 · 13200 阅读 · 3 评论 -
JSP实现界面的自动跳转的几种方式
下面来谈一谈在jsp中实现的几种界面自动跳转的方法。使用JavaScript脚本<html><script language=javascript>function out(obj){var i=obj;if(i==0) document.location.herf="target,html";document.body.innerHTML=i;i--;setTimeout("原创 2016-01-01 20:23:03 · 18699 阅读 · 8 评论 -
Ajax PHP JavaScript MySQL实现简易的无刷新在线聊天室
思路消息显示区发消息板块消息显示消息发送优化显示非重复性的数据优化显示加上滚动条每次都显示最新消息完整代码前端代码数据库表结构服务器端代码总结与展望总结展望为更好的运用这两天学到的Ajax的相关的知识,就做了个简单的在线网络聊天室。思路实现聊天室,基本上就是通过Ajax来传递数据,让PHP来实现对数据的差入和查找,再交给前端JavaScript实现页面的更新,达到即原创 2016-08-16 15:56:34 · 11146 阅读 · 5 评论 -
PHP Ajax JavaScript Json 实现天气信息获取
使用第三方服务间接方式思路使用到的服务实现代码前端完整代码总结要在自己的网站上添加一个天气预报功能,是一个很普通的需求,实现起来也不是很难。今天来介绍几个简单的方法。使用第三方服务有这样的一种简单的方式,借助http://www.tianqi.com/plugin/网上的天气服务,可以定制我们的显示形状,实现添加天气预报的功能。下面给出一个简单的小例子:<iframe width="42原创 2016-08-16 13:33:59 · 7393 阅读 · 0 评论 -
PHP Ajax JavaScript 实现 无刷新附件上传
普通表单前端页面后台处理带有文件的表单刷新方式前端界面后台页面无刷新方式大文件上传POST极值upload极值上传细节前端页面后台处理总结对一个网站而言,有一个基本的不可缺少的功能,那就是文件上传。使用PHP预压来实现文件上传可谓是有得天独厚的优势的,那么今天,就一起来做一个关于无刷新实现的文件上传吧。普通表单前端页面<form action="./fileupload.原创 2016-08-16 07:45:20 · 7032 阅读 · 0 评论 -
使用JavaScript动态的添加组件
使用JavaScript进行动态的网页窗体组件的添加是一件很方便也很容易实现的事情。话不多说,边看代码边做解释吧。准备工作由于html页面中不可以添加java代码,所以我在jsp页面中进行了测试。添加的窗体是作为一个子窗体嵌套在外层窗体组件中的,优点在于方便整体的删除和修改操作注意为添加的窗体组件添加name属性。代码展示<html><title>动态添加表单输入项的测试</title>原创 2016-02-10 22:25:43 · 8998 阅读 · 0 评论 -
JavaScript实现的网页放大镜效果
今天在观看视频学习的时候,学到了一个小技巧。就拿过来与大家进行分享一下啦。实现的原理分析需求:需要两张图,一大一小。然后根据鼠标的动作显示出不同的区域块的图像。核心:鼠标事件的获取和处理。图片显示的时候的放大比例的处理。编码实现大结构是如下: 外边套一个最大的区域块,然后再里面添加不同的显示。<body><div id="demo"><!--小图片显示区域--> <div i转载 2016-02-20 22:30:16 · 11383 阅读 · 1 评论 -
使用JavaScript在Canvas上画出一片星空
随着Html5的迅猛发展,画布也变得越来越重要。下面我就写一个关于在canvas上画出一片星空的简单的代码的示例。理论基础初始化一个canvas,获得一个用于绘制图形的上下文环境context。并指定为2d方式进行绘图。画一个五角星其实就是找点和连线的过程。根据几何知识,可以使用两个同心圆来方便的求得相应的坐标位置。设置状态,完成五角星的绘制过程。最后应用于整片星空,绘制很多的五角星。封装好原创 2016-02-22 21:36:32 · 11644 阅读 · 0 评论 -
Ubuntu 15.10下的WebStorm-11.0.3完美破解
由于最新的JetBrains 发布了最新版本的IntelliJ IDEA的各个版本,而且更换了注册机的使用方式,这就导致了之前对WebStorm的破解方法不能在使用了。所以我们就必须另寻他法咯。如题,这篇博文就是为此而诞生的!本片博文经过本人亲自实验,可以完美的破解11版本的WebStorm 。具体如以下步骤: - 首先应该安装JDK(这是本文进行的前提,但不是本文的范围,不述) - 下载W原创 2016-03-09 15:24:23 · 14414 阅读 · 3 评论 -
自己写一个网页版的Markdown实时编辑器
这几天忙着使用Python+Django+sqlite 搭建自己的博客系统,但是单纯的使用H5的TextArea,简直太挫了有木有。所以,就想模仿一下人家内嵌到网页上的Markdown编辑器,从而让自己的博客系统更加美观一点。准备需要什么Markdown“解释器”:便于处理文本输入以及实时预览Bootstrap模板 :建议的H5界面看起来并不好看,所以使用这个框架美化一下。Sublime T原创 2016-06-12 20:53:04 · 17756 阅读 · 4 评论 -
JQuery 初探
放暑假了,终于有时间能学点前端的东西了。JQuery就是我第一个选择,锋利的JQuery。这本书真的很好。下面以一个ToggleButton形式的小例子开场吧。引入JQuery库在网页上引用JQuery并不是一件难事,我们通常来说有两种方式。引用本地文件:将下载好的JQuery当做src即可,如下 <script type="text/javascript" src="jquery-2.2.4.原创 2016-07-26 10:48:39 · 6312 阅读 · 0 评论 -
实用前端技巧之输入框提示语句
我们在编写网页的时候不可避免的会遇到输入框,那么怎么设计输入框才能更加优雅呢?不同的人会有不同的答案,下面分享一个比较不错的设计。效果图初始化效果 输入框获取鼠标焦点 密码框属性动态变化,实现密码特效 细节这个效果主要是通过JQuery来实现,我的思路如下: 输入框获取鼠标焦点之前,显示原标签的value属性值;获取了鼠标焦点之后,如果当前value有值,那就清空,否则恢复;密码框特殊照顾,待原创 2016-07-26 16:28:36 · 7997 阅读 · 4 评论 -
使用 纯JQuery 进行 表单 验证
对于JavaScript而言,进行表单数据的验证可谓是很有必要的,而且一般我们都会在网页上先进行一下表单验证,然后服务器端再次进行验证,来确保用户提交数据的准确性。下面就来分享一个JQuery实现的表单验证。制作表单要想实现表单验证,前提是得有个表单了。<form method="post" action=""> <fieldset> <l原创 2016-07-27 11:18:32 · 11649 阅读 · 0 评论 -
JQuery 网页选项卡制作
网页选项卡可以较好的利用有限的页面来展示更多的元素,而使用JQuery来制作网页选项卡也是一件非常简单的事情。今天就来分享一个网页选项卡的制作小技巧。引入所需库这个知识点很基础,但是为了照顾fresh man ,我还是写一下吧。 细节部分可参照JQuery 如何引入.这篇文章。选项卡原理 选项卡出现其实只是某一个div获取到了显示的权限,其他的没有显示而已。网页代码<div class="t原创 2016-07-27 18:01:31 · 7112 阅读 · 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 · 8271 阅读 · 0 评论 -
PHP + JavaScript + Ajax 实现无刷新页面加载效果
数据源工厂Json生成方式1Json生成方式2数据搬运工数据加工师转换类型加工展示结果展示点击按钮之后总结今天这个实验的思路就是实现一个无刷新的页面加载效果。具体的思路是使用PHP开发后台,为前台准备数据,然后使用Ajax技术作为数据的搬运工,将数据从服务器端拉取到前端,最后使用JavaScript技术将获取到的数据加工,并显示在页面上。数据源工厂本次实验数据以Json的格式传输和原创 2016-08-15 17:18:59 · 10136 阅读 · 0 评论 -
在线考试实时拍照系统
张大胖最近很苦恼, 隔壁同事赵胖子最近写了个web访问控制 的模块,深受领导姚无发的器重。每天都在自己面前洋洋得意,这让张大胖看着很是无奈。为了证明自己,也为了不让赵胖子有意无意地来挖苦自己。张大胖向领导姚无发毛遂自荐,担任起了在线考试实时拍照系统模块的开发。领导姚无发把这一切都看在眼里,心里却开心的不得了。“不管赵胖子厉害,还是张胖子更胜一筹,这样的竞争对于公司而言,都是一件好事。更何况,最终的功原创 2017-07-16 23:00:59 · 12383 阅读 · 1 评论