泰 戈 尔
只有初恋般的热情和宗教般的意志,人才可能成就某种事业。 -- 川哥
展开
-
实时体重检测
背景后端数据库设计PHP编写处理提交数据请求结果集前端echarts使用侦测是否打卡整合完整代码最终效果总结背景不知不觉的距离国庆已经两个月多一点了,这样算来已经坚持跑步两个月多一点啦。体重也少了十来斤了,效果还是不错的。另外,每天在校内围着田径场跑十圈也是很开心的一件事,借此机会还能静静地思考这一天的生活。尤其是晚上8点多的时候,田径场上空无一人,没有了白天喧嚣的热闹,反而原创 2016-12-11 15:19:43 · 9036 阅读 · 10 评论 -
ECharts, PHP, MySQL, Ajax, JQuery 实现前后端数据可视化
ECharts下载js代码工作原理浅析在项目中引入ECharts后台处理数据库端MySQLPHP端JQuery Ajax处理ECharts 端处理前端全部代码演示结果总结最近要将后台数据库上的一些数据以可视化的方法显示到前端,找来找去,发现百度开发的这套图表工具库还不错,网上搜索了一下相关的教程,也算是实现了较为简单的demo。于是写下来,记录一下。EChartsEChart原创 2016-10-20 18:22:05 · 24450 阅读 · 43 评论 -
JavaScript实现的网页放大镜效果
今天在观看视频学习的时候,学到了一个小技巧。就拿过来与大家进行分享一下啦。实现的原理分析需求:需要两张图,一大一小。然后根据鼠标的动作显示出不同的区域块的图像。核心:鼠标事件的获取和处理。图片显示的时候的放大比例的处理。编码实现大结构是如下: 外边套一个最大的区域块,然后再里面添加不同的显示。<body><div id="demo"><!--小图片显示区域--> <div i转载 2016-02-20 22:30:16 · 11438 阅读 · 1 评论 -
使用JavaScript在Canvas上画出一片星空
随着Html5的迅猛发展,画布也变得越来越重要。下面我就写一个关于在canvas上画出一片星空的简单的代码的示例。理论基础初始化一个canvas,获得一个用于绘制图形的上下文环境context。并指定为2d方式进行绘图。画一个五角星其实就是找点和连线的过程。根据几何知识,可以使用两个同心圆来方便的求得相应的坐标位置。设置状态,完成五角星的绘制过程。最后应用于整片星空,绘制很多的五角星。封装好原创 2016-02-22 21:36:32 · 11673 阅读 · 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 · 8483 阅读 · 1 评论 -
Ajax PHP JavaScript MySQL实现简易的无刷新在线聊天室
思路消息显示区发消息板块消息显示消息发送优化显示非重复性的数据优化显示加上滚动条每次都显示最新消息完整代码前端代码数据库表结构服务器端代码总结与展望总结展望为更好的运用这两天学到的Ajax的相关的知识,就做了个简单的在线网络聊天室。思路实现聊天室,基本上就是通过Ajax来传递数据,让PHP来实现对数据的差入和查找,再交给前端JavaScript实现页面的更新,达到即原创 2016-08-16 15:56:34 · 11174 阅读 · 5 评论 -
扫码登陆 之我见
摘要原理打开网页扫码阶段验证阶段准备搭建环境服务器环境第三方依赖后端数据库生成二维码处理确认登陆请求前端效果首页扫码拓展轮询超时扫描后失效总结摘要前几天买阿里云服务器的时候,被扫码登陆给吸引到了。然后就一直在琢磨自己的实现方式。也许是巧合吧,昨晚竟然在梦中找到了一个自认为还不错的实现思路。但是已经凌晨了,为了防止忘记,赶紧写了个小纸条放在床边。于是今天上午就原创 2016-12-16 13:53:12 · 11573 阅读 · 4 评论 -
easyui Basic CRUD Application 试水
前言环境搭建离线版在线版前端代码完整代码经典解析数据库建表语句预先分配一些值后端代码数据库小扳手get_usersphpsave_userphpupdate_userphpdestroy_userphp效果演示罗列User新增User修改User信息删除User总结前言EasyUI 一款简洁而又不简单的前端框架,近来因为要做一些管理信息处理,为了偷懒写那么多原创 2017-02-02 16:46:54 · 6879 阅读 · 2 评论 -
动感的网页相册
不知道大家有没有这样的体验,windows电脑上查看一张gif图,默认就把IE给打开了,还弹出个什么询问项,好麻烦的感觉。所以为了解决自己的这个问题,写了个简单的文件夹内图片浏览工具。效果图以E盘某一文件夹为例 效果图 实现思路Created with Raphaël 2.1.0获取给定的文件夹,遍历获取所有图片(包含路径)将包含了所有图片的列表输入到HTML模板合并文件,生成Html查看页面生成原创 2016-08-05 17:57:57 · 6930 阅读 · 0 评论 -
WEB音频API
本文转载至 http://www.webhek.com/web-audio-api很偶然的,在一个微信公众号里面,看到了这样的一篇文章。 WEB音频API。作者分享技术的优良品质值得我们学习。原文讲述的大致是这样的,使用JavaScript来动态的加载音频资源,这样来起到一个不错的交互效果。尤其是对于网页游戏开发而言,这一点也是很重要的。于是,我就翻译了一下,并写了个小例子。<!DOCTYPE转载 2016-08-19 07:36:45 · 6713 阅读 · 0 评论 -
去除CSDN 博客页广告的历程
第一招方式1方式2第二招第三招素材准备必备知识代码部分测试总结作为CSDN的忠实用户,我觉得它挺不错的。美中不足的是广告,虽然相比于微博啊,开源中国啊这些博客站点,它的广告已经算是很少的了。但还是会让博主有点尴尬,毕竟强迫症不是一天两天就能治好的。⊙﹏⊙b汗 于是就想着怎么能去掉这些广告,给自己一个清静的阅读环境。第一招最简单的方式就是使用现成的软件了。一劳永逸。据博主了解,Ch原创 2016-10-06 11:57:35 · 23289 阅读 · 27 评论 -
CSS3 滤镜学习
html篇样式篇grayscalesepiasaturatehue-rotateinvertopactiybrightnesscontrastblurdrop-shadow综合小效果总结 A CSS filter is a coding technique used to hide or show CSS markup depending on the browser,原创 2016-09-27 12:56:15 · 6391 阅读 · 0 评论 -
Ajax 异步加载
AJAX (Asynchronous JavaScript and XML,异步的 JavaScript 和 XML)。它不是新的编程语言,而是一种使用现有标准的新方法,是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的艺术。 那么,让我们一起走进AJax的世界吧。基础语法学习Ajax之前,我们要明确自己的需求,那就是在不刷新页面的前提下实现异步的与服务器进行交互,更新页面信息。使用A原创 2016-08-07 10:47:30 · 9325 阅读 · 2 评论 -
Github Pages 搭建HEXO主题个人博客
跌跌撞撞,总算是建立起来了。回首走过的这么多坑,也真的是蛮不容易的。那么就写点东西,记录我是怎么搭建的吧。准备工作安装Node.js: 用于生成静态页面,我们需要到官网上去下载即可。http://nodejs.org安装Git:作用就是把本地的hexo内容commit到我们的远程仓库,实现更新操作https://git-scm.com/download/申请GitHub账号:用来盛装我们的代码原创 2016-06-12 10:27:32 · 8501 阅读 · 2 评论 -
自己写一个网页版的Markdown实时编辑器
这几天忙着使用Python+Django+sqlite 搭建自己的博客系统,但是单纯的使用H5的TextArea,简直太挫了有木有。所以,就想模仿一下人家内嵌到网页上的Markdown编辑器,从而让自己的博客系统更加美观一点。准备需要什么Markdown“解释器”:便于处理文本输入以及实时预览Bootstrap模板 :建议的H5界面看起来并不好看,所以使用这个框架美化一下。Sublime T原创 2016-06-12 20:53:04 · 17898 阅读 · 4 评论 -
私人定制 博客地图 浏览次数 以及评论体系
今天分享一个比较好玩的博客系统拓展,非常的适合于Django等由模板语言开发的博客系统。那就是添加一些好玩的元素。比如访问人所在国家,博客的浏览总次数以及添加博客评论系统等等。准备工作flagcounter.com : 这是一个可以定制地图实现的网站,添加很少的代码就可以实现。jiathis.com: 优秀文章分享系统。友言评论系统:这个是国内比较推荐的评论系统,加上评论功能真的很简单。浏览原创 2016-07-10 20:39:53 · 6775 阅读 · 0 评论 -
frameset 与frame 设置的技巧
今天来写点不一样的。如下图: 实现的效果就是原生的类似于导航形式的frameset.frameset 注意: 包含frameset的网页应该只是作为框架而存在,所以不能有body标签。这个标签可以在任何一个浏览器上展现出来。一般来说我们会使用这个标签做成上图的样子。这样方便给用户一个更好的用户体验。要想使用这个标签我们需要掌握下面的一点小知识。那就是如何分配整个网页。cols : 纵向分配原创 2016-07-20 16:30:32 · 11561 阅读 · 0 评论 -
让你的网页动起来的秘诀
今天隆重的推荐一个纯CSS实现的现代化具象派史诗级大作。 CSShake.一款能让你的网页元素舞动起来的神奇样式表。样例Demo说的再多不如来张图片给力,下面我强烈建议看到这篇文章的童鞋看看下面的这个网站csshake展示页面怎么用CSShake使用起来也是很简单的,我们既可以将源码下载下来,将这些样式文件添加到我们要进行添加样式的网页。也可以使用CDN的方式。虽然使用CDN会很方便,不用管理那么原创 2016-07-25 21:31:36 · 6980 阅读 · 0 评论 -
JQuery 初探
放暑假了,终于有时间能学点前端的东西了。JQuery就是我第一个选择,锋利的JQuery。这本书真的很好。下面以一个ToggleButton形式的小例子开场吧。引入JQuery库在网页上引用JQuery并不是一件难事,我们通常来说有两种方式。引用本地文件:将下载好的JQuery当做src即可,如下 <script type="text/javascript" src="jquery-2.2.4.原创 2016-07-26 10:48:39 · 6362 阅读 · 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 · 11677 阅读 · 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 · 8305 阅读 · 0 评论 -
JQuery 网页选项卡制作
网页选项卡可以较好的利用有限的页面来展示更多的元素,而使用JQuery来制作网页选项卡也是一件非常简单的事情。今天就来分享一个网页选项卡的制作小技巧。引入所需库这个知识点很基础,但是为了照顾fresh man ,我还是写一下吧。 细节部分可参照JQuery 如何引入.这篇文章。选项卡原理 选项卡出现其实只是某一个div获取到了显示的权限,其他的没有显示而已。网页代码<div class="t原创 2016-07-27 18:01:31 · 7132 阅读 · 0 评论