2015年09月_码农下的天桥

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 ectouch移动版学习及前端体验优化（1）--首页侧边菜单的体验优化

【系列前言】近日偶尔看到php一份ectouch的移动端电商网站，感觉，果然前辈高人倍出，这样都可以做出来，于是怀着战战兢兢的虚怀若谷的学习心态，希望用自己的前端知识将某些体验相对普通的地方优化一下，然后分享出来给各位。【原版效果】请点此查看gif演示动画但是我们的目的是优化优化再优化–即使自己做的比较差也没所谓，于是，我们接下来要做一个抽屉式的这种效果的多层菜单。

2015-09-28 15:33:45 1086

转载移动端HTML5<video>视频播放优化实践

移动端HTML5视频播放优化实践星期三 2015/01/21 23:23 评论：11条分类：Web前端作者：轩枫点击量：1708遇到的挑战移动端HTML5使用原生标签播放视频，要做到两个基本原则，速度快和体验佳，先来分析一下这两个问题。下载速度以一个8s短视频为例，wifi环境下提供的高清视频达到1000kbps，文件大小大约1MB；非wifi

2015-09-28 09:29:50 38562 5

原创【坑爹系列】常见的图片排列错位问题-根源分析及解决方案

前言诶，ie6，ie7这些顽固的浏览器我就不管了，反正现在主要开发移动网页，可以用到html5，css3的很多很多特性。背景介绍近日做了一个小小项目，是一个很流行的通过微信投票然后选出最最美，最最好的某某某，然后给奖励的。其中一个比较重要的点就是要保证上传的图片的比例尺寸一致，当然我们不采用固定尺寸—采用的是固定比例的方式，为此我做了一个pc端移动端通用的裁剪工具。这个问题跟这个裁剪工具还有浏览

2015-09-25 10:52:33 6237

原创【html5多媒体】自定义播放器（弹幕，水印，甚至在视频开头添加封面）

前言想必很多时候各位同仁都用到了video标签这个家伙，然后各种各样自定义样式都会出来。。但是通常通用性不会好到什么地方去。因为各个平台【安卓，ios，pc】及各个版本的浏览器对video的实现，样式及控制栏都会有所不同，要统一样式简直难上加难。这里提供一种思路如何统一如何定制播放器甚至在播放视频前面加十几秒广告，再加十几秒大头像还有弹幕还有水印都绰绰有余，但这算是一个hack的方法，思路就

2015-09-23 17:46:59 11439

原创【受够了系列】如何在手机端调试脚本程序？

前言很多时候大家可能会写手机页面，这时候的脚本调试就成为一个很大的问题了。。那么各位是怎么调试的？一般来说，pc端的调试工作会简单很多，但是有时候你需要用到手机的特性，譬如，重力感应，譬如，多点触碰，这时候你要用真机来试，第二，不同手机可能有不同兼容问题，这时候还是要真机测试。所以啊，使用真机调试web脚本是必须要克服的。想法在手机端仿照chrome或者firefox的调试器，添加一个额外的控制

2015-09-22 10:41:36 1851

转载回流与重绘：CSS性能让JavaScript变慢？

回流与重绘：CSS性能让JavaScript变慢？by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=600目前有有关此文章的介绍（这里），但是只是部分内容。本文为全文翻译，并提供其他的一些页面性能优化方面的资源，希望能对reflow的进一步认识有所帮

2015-09-21 16:19:52 888

翻译【翻译+山寨】html5+css3+js实现翻页翻书效果

前言相比很多时候各位都希望可以有一个高大上的设计交互或者特效什么的，譬如说，下一页时候的翻页。虽然个人不是很希望满页都是特效，效果炫瞎眼睛的感觉，但是，无可否认在必要的时候添加合适的效果会让网页画龙点睛，友好度暴涨。譬如，看看下面几个特效应用的例子，因为本文要山寨这几个翻页效果，而且顺便修正一下在移动端用不了的问题：翻页效果1-画册翻页效果2-日历

2015-09-18 10:47:55 4388

翻译【翻译搬运】一个基于css3的图片轮换程序

来源Responsive CSS3 Slider Without Javascript 这是一篇使用css3 transition动画实现图片切换效果的文章，作者的功力实在让在下佩服，于是在下将这些样式图片效果都搬砖搬过来，然后再添加一些脚本改成组件。链接在后面放出。核心代码html<%-- Created by IntelliJ IDEA. User: Administrator D

2015-09-17 18:29:28 621

转载 hammer.js教程2

动开发框架剖析(二) Hammer专业的手势控制浏览器底层并没有给元素提供类似，单击，双击，滑动，拖动这些直接可以用的控制接口，一切的手势动作都只能通过模拟出来。移动端浏览器唯一给我们提供的就只是mousedown -> mousemove -> mouseup三种最基本的事件接口。那么我们只能通过这些简单的接口模拟出复杂的手势出来。常规的做法流程：1.给元素上绑定三个事件，mou

2015-09-17 17:56:11 1809

转载 hammer.js教程1

移动开发框架剖析(一) Hammer专业的手势控制一直在写jQuery的源码教程，都没时间研究别的框架了。Hammer是我项目御用的一个手势库，早期1.x版本的swipe事件的响应不灵敏的问题而改过源码，2.x就已经更正过来，而且源码的结构也整个翻新了一遍，不管从逻辑还是组织结构上，我个人都觉得有必要深入，所以就当作一个系列教程一起学习吧。本章主要讲解下使用，因为官方的API都是英文的

2015-09-17 17:55:15 6896

原创一个基于svg的圆形loading动画

前言很多时候大家都要做一些loading动画，现在给大家带来的是用svg画出来的loading动画，稍微封装就可以使用了。代码<%-- Created by IntelliJ IDEA. User: Administrator Date: 2015/9/16 Time: 16:01 To change this template use File | Settings | Fil

2015-09-17 15:32:24 4449

前言假如各位有做过移动设备，安卓ios上面的图片处理的时候，那么肯定会遇到一些问题，第一，ios上面的图片方向会打横打竖甚至颠倒，请看看exif.js，这个库告诉你图片的一些orientation信息；第二，ios上面大图片加载会出现图片没办法绘制到canvas或者变形的bug，请看看megapix-image.js这个库，它会告诉你如何处理这个问题；第三，大图片加载到canvas，假如你要做一些图

2015-09-17 14:07:44 1400

原创一次二次三次bezier曲线的计算方式及demo演示

前言假如大家有看过最新的css3动画特性，相比对cube-bezier这个动画设置有印象，假如又有看过svg的path，那么想必对bezier曲线这个路径如何设置也会感兴趣。至于bezier的理论，本人在博客搬运了几篇，这篇文章主要用JavaScript脚本来计算bezier的各个位置，演示出来。代码<%----%><%@ page contentType="text/html;charset=U

2015-09-16 15:14:56 10805 2

转载连续平滑的贝塞尔曲线

连续平滑的贝塞尔曲线May 21, 2013 ~ Leave a Comment ~ Written by Ider在我研究生的时候，我上了一门OpenGL的课程。我非常喜欢OpenGL，因为它让我写的程序从此不再只局限于黑白的终端界面，而变得艳丽多彩。从那么课上，我也第一次认识了“贝塞尔曲线Bézier Curve”，它是那么的神奇，仅仅用几个点通过一个公式就能表

2015-09-15 16:00:38 5004 1

转载 Bezier曲线原理及实现代码（c++）

http://devres.zoomquiet.io/data/20110728232822/index.htmlBezier曲线原理及实现代码（c++）一、原理：贝塞尔曲线于1962年，由法国工程师皮埃尔·贝塞尔（Pierre Bézier）所广泛发表，他运用贝塞尔曲线来为汽车的主体进行设计。贝塞尔曲线最初由 Paul de C

2015-09-15 15:59:49 23967 4

转载贝塞尔曲线的计算方式与js计算

这篇文章可能偏一点,用到了一些线性代数的知识,但是在网上发现有人在问这方面的问题用js如何实现,于是这里就顺带讨论一下贝塞尔曲线以及我的一个实现方式.我的实现只提供数据接口,只有用什么方式来展现这些数据,可以自己定义,这里我提供了两个实现, 一个是用div画图,在任何浏览器下都可以运行:http://html-js.com/mj/version1.0.3/test/B

2015-09-15 15:58:16 14248

转载贝塞尔曲线扫盲

贝塞尔曲线扫盲相信很多同学都知道“贝塞尔曲线”这个词，我们在很多地方都能经常看到。但是，可能并不是每位同学都清楚地知道，到底什么是“贝塞尔曲线”，又是什么特点让它有这么高的知名度。贝塞尔曲线的数学基础是早在 1912 年就广为人知的伯恩斯坦多项式。但直到 1959 年，当时就职于雪铁龙的法国数学家 Paul de Casteljau 才开始对它进行图形化应用的尝试，并提出了

2015-09-15 15:46:06 49752 19

转载深度掌握SVG路径path的贝塞尔曲线指令

深度掌握SVG路径path的贝塞尔曲线指令by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=4197一、数字、公式、函数、变量，哦，NO!又又一次说起贝塞尔曲线（英语：Bézier curve，维基百科详尽中文释义戳这里），我最近在尝试实现复杂的

2015-09-15 15:29:02 2159

转载超级强大的SVG SMIL animation动画详解

超级强大的SVG SMIL animation动画详解本文花费精力惊人，具有先驱前瞻性，转载规则以及申明见文末，当心予以追究。本文地址：http://www.zhangxinxu.com/wordpress/?p=4333//zxx: 本文的SVG在有缓存时候是无动画效果，此时您可以试着【右键-新标签页打开图片】。一、SVG SMIL animation概览1.

2015-09-15 15:10:19 6649

转载 CSS3 抛物线加入购物车

CSS3 抛物线加入购物车分类：前端2015-07-31 16:42 151人阅读评论(0) 收藏举报动画效果目录(?)[+]前言项目中用到购物车抛物线动画一开始使用的是Jquery插件 jquery.fly.js;在手机上使用时一些较手机效果不是很好，因为这个插件会根据抛物线动画时间和距离计算抛物线点轨迹（FPS，说是

2015-09-11 15:34:12 3541

原创 megapix-image.js使用的一个坑-ios图片裁剪之画布绘制大图片

【前言】假如小伙伴尝试过在ios上做图片裁剪然后必然会遇到，ios上面的拍照的图片放到canvas上面没办法正常显示出来的问题，大家在搜索的时候必然会知道ios-imagefile-megapixel 这个项目。【使用方式】大家看到例子是这样子的： html内容<!DOCTYPE html><html> <head> <title>megapix-image.js te

2015-09-07 15:04:40 6391 1

linphone-android-4.3.0.apk

这个资源非常难找...基本上就是放在goolge play什么的...这对于一众voip以及sip开发者确实非常麻烦,现在现在将它放出来供大家学习研究.

2020-09-06

c++多模块web项目实践方案-项目分层骨架

这是博文【c++多模块web项目实践方案【cmake+cppcms+boost+fmt】】附带的项目源代码骨架。笔者主要提出了自己对于c++项目如何分层，如何做一个简单的网站的见解。具体文章地址在：http://www.52play.net/blog/post?id=73

2020-02-06

FFmpegBuilder-20-01-25.tar.xz

为了方便大家，这是个人将编译ffmpeg的源代码，以及ffmpeg下属需要启用的插件的源代码都整合到一起，为了编译顺利还将部分源代码的makefile都改动了，然后添加了参考其他人的项目添加了一份编译脚本出来帮助大家编译。注意，这是ubuntu下面的，其他系统无测试过---centos下面应该也能编译通过，笔者也要在centos上面再编译一次的，其他的话，win平台以及mac平台没有进行测试。详细情况可以参考博文：https://blog.csdn.net/cdnight/article/details/104082749

2020-01-25

javafx+controls+jfoenix+tilesfx+FontAwesomeFX+gradle+idea项目整合骨架项目

这是javafx+controls+jfoenix+tilesfx+FontAwesomeFX+gradle+idea项目整合骨架项目的源代码，详细情况请参考具体博文。

2019-11-19

【gradle】idea+gradle 多模块项目创建教程入门例子资源

这是一份idea+gradle多模块项目的demo例子，涉及到了模块引用，网站tomcat部署，运行访问等，具体详情请参考： https://blog.csdn.net/cdnight/article/details/86528045

2019-01-17

xxl-conf的客户端调用实例

该资源是改自xxl-conf 将原本用于maven构建的改为gradle构建的具体请看： https://blog.csdn.net/cdnight/article/details/86486045 注意，原本作者是许雪里大神，网址是： https://www.cnblogs.com/xuxueli/p/4777808.html

2019-01-15

xxl-conf-admin gradle项目源码+postgresql改造

该资源是改自xxl-conf-admin 将原本用于maven构建的改为gradle构建的，数据库改为postgresql以及做了对应修改，详情可以参考：https://blog.csdn.net/cdnight/article/details/86437673 注意，原本作者是许雪里大神，网址是： https://www.cnblogs.com/xuxueli/p/4777808.html

2019-01-13

xxl-conf-core gradle项目源码

该资源是改自xxl-conf-core将原本用于maven构建的改为gradle构建的，详情可以参考：https://blog.csdn.net/cdnight/article/details/86437673 注意，原本作者是许雪里大神，网址是： https://www.cnblogs.com/xuxueli/p/4777808.html

2019-01-13

xmpp之即时通信客户端swing试作型

注意，这是一个不完全的使用smack的即时通信swing版客户端。详情可以查看： https://blog.csdn.net/cdnight/article/details/85222310

2018-12-23

xmpp之java服务端实现tigase整合项目-数据库部分

这部分是tigase整合项目的数据库部分。用的是postgresql 额。。。mysql数据库用的人多，这里不不整理了。具体用法或者疑问请访问： https://blog.csdn.net/cdnight/article/details/85222028

2018-12-23

xmpp之java服务端实现tigase整合项目源代码

该资源是整合了tigase的java服务端源代码，环境为：idea + gradle + postgresql 注意，这部分项目只包括java源代码，而数据库备份将在下一个资源打包上传，有疑问请阅读相关博文： https://blog.csdn.net/cdnight/article/details/85222028

2018-12-23

java-swing版代码生成器

这是对以前的java swing代码生成器的源代码补全，具体请看： http://blog.csdn.net/cdnight/article/details/74857696

2017-07-09

win10+php5.6-ts-vc11-x64配置imagick的经历

项目需要，需要用到imagick，恰好开发机器是win10，而PHP是5.6+ts+vc11+x64，于是入坑，配置imagick。请注意，网上一大堆的可能都是假的，请按照下面步骤做。

2016-12-05

前端构建尝试1-构建工具源代码

http://blog.csdn.net/cdnight/article/details/52817671 前端的构建工具，请看上面文章。

2016-10-14

前端构建尝试1-demo网站

http://blog.csdn.net/cdnight/article/details/52817671 前端构建时候采用的demo网站。请看上面链接介绍。

2016-10-14

浮士德html5图片裁剪器

最近刚刚好整理浮士德头像裁剪的flash版本，为了某些低级浏览器的兼容着想，既然已经做好了flash版本了，那么，现代浏览器的html5版本和ipad版，移动版也要做一些处理和打包。 http://blog.csdn.net/cdnight/article/details/51733087

2016-06-22

浮士德头像裁剪2016福利版-web插件打包

最近看回以前改的flash版头像裁剪，譬如，浮士德头像裁剪，发现了一些bug，还有一些不尽如意的地方，譬如，图片上传的方式没有遵守web的mutipart标准，整个组件没有组件化便于调用。当然，还有就是没有将源代码和可执行的文件放出来给大家用，这一点实在遗憾，于是重新修改了一部分，然后打包源代码，接着做了一个小插件给大家方便使用。请查看： http://blog.csdn.net/cdnight/article/details/51729407

2016-06-21

浮士德2016头像裁剪flash福利版项目源代码

最近看回以前改的flash版头像裁剪，譬如，浮士德头像裁剪，发现了一些bug，还有一些不尽如意的地方，譬如，图片上传的方式没有遵守web的mutipart标准，整个组件没有组件化便于调用。当然，还有就是没有将源代码和可执行的文件放出来给大家用，这一点实在遗憾，于是重新修改了一部分，然后打包源代码，接着做了一个小插件给大家方便使用。请看： http://blog.csdn.net/cdnight/article/details/51729407

2016-06-21

pixijs手游-虚拟键盘demo

现在很多手游都有虚拟按钮–尤其是那些需要操作高的。那么我们也要紧跟时代步伐，开发一个虚拟按钮插件。http://blog.csdn.net/cdnight/article/details/50751832

2016-02-26

jungle man-html5游戏开发

http://blog.csdn.net/cdnight/article/details/50669910,这是html5的jungle man 山寨版。可以一看。

2016-02-15

我就爱刮水果

http://blog.csdn.net/cdnight/article/details/50504951 用html5及lufylegend重写的刮刮乐山寨版

2016-01-12

钛合金眼的试炼-最强眼力山寨版-html5微信推广小游戏

最强眼力山寨版，钛合金眼的试炼，采用lufylegend作为开发引擎，纯天然的html5小游戏，适合作为微信推广用。偷偷告诉你们，这个是用源代码的，跟网上那种压缩版不一样。

2016-01-11

消灭星星山寨版-我代表星星消灭你

消灭星星这个游戏很经典，开始之前，请参考一下以下文章及算法。

2015-12-29

山寨版别踩白块儿

其中一个项目用到了别踩白块儿的游戏，想要做这种游戏，笔者一开始用的是网上开源的html5脚本---当然是那种压缩版的，慢慢跟着客户的要求改，生不如死，所以就重新用lufylegend写了一个。

2015-12-29

解决浮动布局列表下图片不一样导致浮动单元错位问题

这个是一个demo例子，用于演示如何解决浮动布局下，图片不一样导致错位的问题，但是假如你希望了解更多根源问题，可以参考： http://blog.csdn.net/cdnight/article/details/48730101 【坑爹系列】常见的图片排列错位问题-根源分析及解决方案

2015-09-25

islider-css3图片轮换

这是一篇使用css3 transition动画实现图片切换效果的文章，作者的功力实在让在下佩服，于是在下将这些样式图片效果都搬砖搬过来，然后再添加一些脚本改成组件。链接在后面放出。

2015-09-17

centos配置hls环境

【整理】centos下面配置ffmpeg，segmenter以适应hls切片需要详情见：http://blog.csdn.net/cdnight/article/details/39160067

2014-09-09

红黑树，b树及其他数据结构源代码

这里是最核心的数据结构的源代码实现，包括红黑树，b树，堆排序等等演示。因为时间有点久远，我直接将源代码复制过来。部分依赖类库可能不全。

2014-04-06

js修改版区域选择联动

假如你对区域选择联动及需要一份js版的全国地区信息词典，那么可以看看这篇文章，http://blog.csdn.net/cdnight/article/details/19346415，另一篇文章有全国区域信息： http://blog.csdn.net/cdnight/article/details/19260379

2014-02-17

java调用memcache保存缓存

这是java里面如何调用memcache进行缓存保存的方法，我恰好有一篇博客是描述如何整合及调用的： http://blog.csdn.net/cdnight/article/details/18924611

2014-02-04

windows下memcache配置

可以在windows下面用的memcache服务，方便调试程序。。。生产环境还是用linux吧，具体可以看我的博文： http://blog.csdn.net/cdnight/article/details/18924611

2014-02-04

windows下memcache

这个是windows平台使用的memcache，可以用于调试，实际生产环境就不要用了，换linux，具体可以查看我的文章： http://blog.csdn.net/cdnight/article/details/18924611

2014-02-04

js前端表单验证

关于这个插件的情况可以查看：http://blog.csdn.net/cdnight/article/details/17843003

2014-01-04

堆排序（最小堆）的相关演示（java_swing版）

本人编写的堆排序及堆的插入删除等操作演示，用的是java swing，详情可以查看 http://blog.csdn.net/cdnight/article/details/11714005 假如您对堆排序不是很熟悉，可以查看 http://blog.csdn.net/cdnight/article/details/11650983

2013-09-16