备案号不在的日子里,学到了不少的新知识
作者:admin 日期:2016-12-29不知道咋的备案就失效了。好容易恢复了。备案号不在的这段半个月,学到了不少的新知识:
- * 完整的学习了git命令行,用命令行管理自己的仓库https://github.com/csdudu,并上传了几个小片段。建立gh-pages分支。以后需要演示的片段,全部都使用这个方法进行演示了。
- * 完整的了解了npm包管理的机制,编辑package.json,更多的npm语法。并且通过实战,了解到npm的一些坑:比如node版本的影响、cnpm的优缺点。
- * 基本搞懂了Webpack的运行机制,编辑webpack.config.js,常用loader。日常使用webpack-dev-server --inline --content-base .方式进行热更新。
- * 基于Webpack搞清了es6的import/require语法,投入使用。用loader方式打包vue工程。
- * 基本搞懂vue-router路由系统,开始制作一个SPA的demo,以用于以后PC端的仿FLASH类网站。
- * 恶补了许多vue组件的知识。
- * vue自定义指令的写法。
- * 了解了前端AJAX模拟的一些知识,比如mock server的工具、搭建方式。顺便学习了LeanCloud这种把数据库抽象为API的工具的基本用法。
给朋友写的一个小展示动画--同心圆飞出
作者:admin 日期:2016-11-14达内前端培训的真实个案
作者:admin 日期:2016-10-25我现任技术顾问的单位,有两个妹子前端人员,我现在进阶培训她们。小A,昨天跟她聊天得知,是不久前从达内培训出来的。她自述,在达内培训4个月,前端制作方向(另一个方向是前端设计),费用一万七。每天学习、作业安排得非常紧,以下是她给我的部分课程和习作目录,可以说,跟前端沾边、隔得远的,都学了:
在优特咨询为期一天的前端技术交流与培训
作者:admin 日期:2016-10-22经老同事推荐,昨日在优特咨询,与该公司技术人员进行了为期一天的前端技术交流与培训。
我学生求职成功
作者:admin 日期:2016-10-19实习3个月,就写了一个移动端的静态页面,这正常吗?老师
作者:admin 日期:2016-10-11熟悉GIT命令行
作者:admin 日期:2016-10-02试用了一下微信小程序开发工具
作者:admin 日期:2016-09-29承接微信开发,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));