预览模式: 普通 | 列表

前天到湖南五方科技进行前端技术培训

作者:admin  日期:2016-07-27

五方科技是服务于湖南教育服务行业的大型高科技企业。负责技术的颜总跟我是老友，此次邀请我给开发团队做了一个比较简单的前端技术培训。

培训地点：湖南五方科技有限公司 会议室
培训时间：7月25日晚上19点~22点

培训内容：前端技术概要+如何从平面技术到网页技术+前端实战经验分享 

 

分类:培训与招聘 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4910

欢迎加入群181020572-长沙前端开发与培训

作者:admin  日期:2016-07-19

长沙前端开发与培训  

分类:服务报价 | 固定链接 | 禁止评论 | 引用: 0 | 查看次数: 5280

对父子对象使用手势时不同响应--AlloyFinger--swipe

作者:admin  日期:2016-07-16

 具体使用场景是：

1、移动端希望对body使用左右切换手势，
2、内部的某个子div，也要使用左右切换，
3、当对子切换时，希望body 对象不响应。
 
解决方法：
根据 event.target 不同写不同逻辑，根据这个前提，对父对象的响应代码如下：
 
Javascript代码
  1. var $t = $(evt.target);     //当前点击的target  
  2. if ($t.parents(".cols").length == 0) {       //上溯查询所有“.cols" 父对象，如果存在 ，则length>0  
  3.     .....  
  4. }  
 
在github中发issue，是一个解决疑难的途径，虽然官方指南不推荐这么做。但是这种小众插件没提供别的提问途径，只能这么干了。
 
分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6567

中小项目常用的前端技术选型方案

作者:admin  日期:2016-07-13

昨晚给一个朋友的项目做的前端选型分析，主要就是在项目启动时，给技术老大们选择一下，前端要选用哪些技术，这样方便招聘人手，搭建前端团队（其实在长沙一般也就是1-2个人）。

点击查看脑图

 

...废话，写的当然都是我自己熟悉的技术。我只会这么多啦，大牛们请无视。

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4761

发现移动端使用WEUI的越来越多

作者:admin  日期:2016-07-13

 几个朋友提到的移动端框架，都不约而同的推荐了微信开源的WEUI，我自己最近也在试用Jquery+WEUI的一套框架：http://lihongxun945.github.io/jquery-weui/。作者在原WEUI的基础上，扩张了不少组件，比如日期选择框啥的，强！

试用觉得还行，就是用的都是PX单位，我慢慢的改为REM单位。

分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4761

关于找我进行前端技能培训与辅导的价格等问题

作者:admin  日期:2016-07-07
刚才群里有朋友跟我咨询（来自知乎上的朋友很多），问我是否愿意做有偿的单独辅导，我声明一下态度：
 
1、初学者，前端辅导，原则上150元每小时每人。
2、初学者带书来，我划记重点。我重点讲难点、疑点，传授实际项目和工作中需要的东西。
3、想做作业？我手头项目多的是。等你出去找工作时，需要准备的前端项目，我这里都有，可以让你挂名，前提是你真正参与了。
 
 
有兴趣的朋友可以跟我私聊。

 

分类:培训与招聘 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4726

SVG滤镜的具体用法

作者:admin  日期:2016-07-06
以高斯模糊（Gaussian Blur）为例，
<filter> 标签用来定义 SVG 滤镜。<filter> 标签使用必需的 id 属性来定义向图形应用哪个滤镜？
<filter> 标签必须嵌套在 <defs> 标签内。<defs> 标签是 definitions 的缩写，它允许对诸如滤镜等特殊元素进行定义。
 
XML/HTML代码
  1. <defs xmlns="http://www.w3.org/2000/svg">  
  2. <filter id="Gaussian_Blur">  
  3. <feGaussianBlur in="SourceGraphic" stdDeviation="2"/>  
  4. </filter>  
  5. </defs>  
 
 
几个注意点：
  • SVG结构代码要使用内联方式引入，否则外联CSS方式似乎不生效
  • 选择符搭配很自由，完全跟HTML一样，比如：svg#g1:hover g#gg{filter:url(#Gaussian_Blur)}
  • 如果是做按钮用途，按钮要设立一个透明的点击区域，否则鼠标只有点到有像素的位置才有效果。模糊效果要注意边缘与svg容器的边距。
分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4939

长沙前端培训求职最值钱的5大必杀技

作者:admin  日期:2016-07-01
长沙前端培训求职最值钱的5大必杀技昨天有个商学院刚毕业找工作的妹子，请我参考个简历（前端），里面列举了node.js/vuejs/reactjs等各种高大上技术词汇。看完后，我第一时间说出我的观感：“你做的页面呢？PC端或是移动端页面呢？页面呢呢呢呢呢呢 ....”
 
没错，在长沙混IT，以橘子洲为界，湘江以西的开发团队，他们不需要组件化、模块化、自动化流、不需要node中间层，你就算天开眼搞个MVVM，技术总监他不敢用！----而湘江以东呢？他们压根就不知道有这些技术！
小团队需要前端做的，很简单，就是切图！排页面！再切！再排！5大黄金必杀技，按重要度排名如下：
 
一.移动端布局、定位
----不管好不好，好歹你要把页面排出来！ 排出来！ 排出来！ 语义化再烂也行，嵌套再深也行，CSS再乱也行！inline-block/float/absolute分不清也行！因为这些技能，后端永远只会比你更烂！
 
二.移动端响应式方案
---页面都排出来了，要适合不同的屏幕吧？花半天时间学一下lib-flexible方法最佳，最不济你也得懂媒体查询（CSS堆不死你！）
 
三.手脚要快！
---快切图！快出页面！快速修改！上线前不修改100遍你都不叫做IT！cutterMan/EMMET/sublime/各种快捷键就是你每天不断重复的生活！如果你还说你会gulp+sass+browserSync那前面的当我没说！
 
四.使用iconfont图标
---如果你上游负责出设计的美工还只知道sprite，就不要让她知道还有iconfont这件事，否则小命难保---如果美工/前端都是你一个人，那么当我没说，反正是自己害自己。
 
五.一点点的jquery总要会吧？
---滑个图、弹个窗、切个框，这些总麻烦后端哥哥也不好意思。至于更麻烦的表单、控件、动效啥的，你不会，老板也不敢开你！当然，如果你是男性，开了就开了，你怕个啥？
 
本来写到这里就完了。结果我群里男同胞加了一句：“高颜值妹陀，夏不用管！摆看就要得！长沙欢迎你！”
 
 
 
分类:培训与招聘 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5475