承接微信开发,H5游戏开发,flash小游戏开发--白鹭引擎,兼容安卓苹果,适配所有屏幕
作者:admin 日期:2016-09-27我的前端课学生小H应聘实录,面试交锋!为师毒舌点评!刀刀见血!
作者:admin 日期:2016-09-23升级黄花机场触摸屏程序的一些技术概要
作者:admin 日期:2016-09-05此次我帮老朋友做个小项目,升级黄花机场触摸屏软件(长沙的兄弟以后有机会可以到机场大厅试用)。
应大家要求放个图:
老程序的实现方式,是HTML+FLASH+一个exe应用程序调用IE浏览器。分工是,activeX生成EXE程序,调用IE浏览器实现全屏。所有HTML文件都部署在本机,由FLASH来实现一些复杂交互,比如“大厅地图的放大缩小与拖动”。这个方案的不便之处显而易见:
1、必须使用一个加壳的exe程序,依赖IE6浏览器。
2、FLASH没有源文件提供无法升级。
因此,此次升级,准备采用以下方式:
1、在网上查到,chrome可以使用快捷方式直接全屏启动,这样写:
- "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --kiosk http://localhost:88/index.html
此快捷方式要自动打开index.html,必须使用虚拟站点--kiosk这种方式简直就是为触摸屏量身定制的,已经屏蔽了右键!甚至光用鼠标都无法关闭,只能用键盘方式才能切出来。
2、用HTML5+CSS3+JS方式完全替代FLASH。采用强大的d3.js内核实现地图功能,具体方式我在另一篇文章中有演示。
3、kiosk全屏方式只支持虚拟站点(比如localhost),我还必须在本机架设一个虚拟站点。我用node.js小程序实现了,不使用重量级的iis--当然,在这种单纯环境下,两者区别不大。
另外,强大的node.js可以提供直接调用chrome启动的功能,写法如下:
- // 调用chrome全屏方式
- var childProcess = require('child_process');
- childProcess.exec('start chrome --kiosk http://localhost:'+PORT+'/index.html');
原来实现全部功能,需要点击2次,一次打开node.js的虚拟站点支持,一次打开chrome全屏方式,有了上面这个调用方式,只需要一次点击,就能完成全过程。我把这一次点击做成了一个windows的bat文件,并且采用开机自启动。
这样,每次一开机,就自动进入到chrome全屏状态,并且切换到index.html页面!全自动化!
chrome全屏启动方式参考:http://www.cnblogs.com/abel/p/3235839.html
用svg+d3.js制作位置示意图-鼠标滚轮放大缩小/拖动/弹窗/点标识/全屏切换
作者:admin 日期:2016-08-24按到朋友的一个项目,制作黄花机场的位置示意图,原来是几年前用Flash制作的。到现在就存在一些问题了,比如说代码不透明,不好进行编辑等。于是我直接用H5+Jquery+d3.js进行了一下重构。
- zoom.scale(ratio_init);
- zoom.event(_svg.transition().duration(200));
前天到湖南五方科技进行前端技术培训
作者:admin 日期:2016-07-27欢迎加入群181020572-长沙前端开发与培训
作者:admin 日期:2016-07-19对父子对象使用手势时不同响应--AlloyFinger--swipe
作者:admin 日期:2016-07-16具体使用场景是:
- var $t = $(evt.target); //当前点击的target
- if ($t.parents(".cols").length == 0) { //上溯查询所有“.cols" 父对象,如果存在 ,则length>0
- .....
- }
中小项目常用的前端技术选型方案
作者:admin 日期:2016-07-13发现移动端使用WEUI的越来越多
作者:admin 日期:2016-07-13关于找我进行前端技能培训与辅导的价格等问题
作者:admin 日期:2016-07-07
SVG滤镜的具体用法
作者:admin 日期:2016-07-06- <defs xmlns="http://www.w3.org/2000/svg">
- <filter id="Gaussian_Blur">
- <feGaussianBlur in="SourceGraphic" stdDeviation="2"/>
- </filter>
- </defs>
- SVG结构代码要使用内联方式引入,否则外联CSS方式似乎不生效
- 选择符搭配很自由,完全跟HTML一样,比如:svg#g1:hover g#gg{filter:url(#Gaussian_Blur)}
- 如果是做按钮用途,按钮要设立一个透明的点击区域,否则鼠标只有点到有像素的位置才有效果。模糊效果要注意边缘与svg容器的边距。
长沙前端培训求职最值钱的5大必杀技
作者:admin 日期:2016-07-01搭建了适合自己的前端自动流水线(gulp+browserSync+sass)
作者:admin 日期:2016-06-26我打算做一个GSAP动画库的技术培训(长沙/有偿)
作者:admin 日期:2016-06-23
我打算做一个GSAP动画库的技术培训,有这方面需要的朋友,可以Q我:258754 。
培训这套神器的入门知识。并可长期在群里咨询问题。人均200元以内,限15人,半天或1天时间 ,大家能接受否?场地我尽量找赞助,其它费用自理。 时间暂未定,集中大家意见。
课程 | 描述 | 时间 |
GSAP产品体系 |
这个工具是做什么用的
如何查阅官网学习
整个体系概述,产品、插件、函数、参数的关系--快速串讲
如何部署
|
40分钟 |
TweenMax/lite系列 | 较易掌握的单线动画体系,基本能实现常用动画功能---相当于一个或数个演员 | 60分钟 |
TimelineMax/lite系列 | 复杂动画、多时间线---相当于很多演员的整剧 | 60分钟 |
SVG插件 |
概述众多插件功能
SVG基础知识、遮罩
详讲MorphSVGPlugin(相当于FLASH形变动画)、DrawSVGPlugin(相当于描线动画)、BezierPlugin(相当于FLASH引导线路径动画)
|
60分钟 |
其它有价值的工具 | Draggable、SplitText等 | 20分钟 |
集中答疑 | 学习者讲出自己心目中的动画形式,老师拆分为公式,并讲解动画思路 | 60分钟 |