我弟弟零基础转行，在我这里学习二个月，顺利找到工作
作者:admin 日期:2017-07-26我爱人那边的一亲戚，毕业多年，之前一直在外地工作（非IT行业）。结婚生子后下决心转行，回长沙定居。今年过完年跟前东家办了离职手续，住到我家来一门心思学前端。
历时二个月，跟我写了几个实战项目，然后边帮我做事边找工作。也面试了几家，不靠谱。最后，有一家用人单位听到他用VUE写过几个项目，连细节都没有考察，直接就录用了。老弟本来答应第二天就去上班的，结果当天下午，另一家公司提出更好的待遇---公司规模大，离家近，双休，薪水超过他的心理预期30%。我弟弟自然选择了后者，上班第一周就配了全新电脑。
最终这两家单位选择我弟，都是因为他的VUE实战经验。我估计这个框架在长沙的普及还不是很广，因此缺稀。
以下是我在知乎上面的回答：
本地多数团队还停留在多页面、ES5阶段、GULP工作流为主的阶段。针对这个市场，一般公司对前端使用VUE的要求不高，主要考察以下几点：
来自知乎的前端转行咨询及我的回答
作者:admin 日期:2017-06-06***落霞 ：你好！大牛！我现在处于转行迷茫期！有些问题想你帮我解答下，谢谢！我毕业后在上海做了三年的船舶管系生产设计，四月中旬辞职回武汉，想转前端开发，因为我姐夫是做后端的！他推荐我转前端，主要是工资比船舶设计类高！我五月份在我姐夫家根据慕课网，W3C自学了一个月前端，对html.css.Javascript基础有了些基本掌握！因为我在家呆一个月了，心理有些烦躁想出去找一个前端实习的工作，我姐夫也认同，说能找到一个公司边做边学更好，我当时想的无所谓工资多少，有公司要就行！投了好多前端实习，或0基础学习的公司，结果去面试都是培训机构！当然我也被这些培训机构洗脑了，想花2万去培训，我姐夫坚决不同意，最后我姐夫建议我把简历上前端工作经验写为半年或一年，找个小公司进去！他的一些前端同学也建议我这样！但我心理是非常排斥的！先不说骗人吧！即使有公司叫我去面试，问我一些项目经验问题，估计我就慌了！因为不是自己做的！所以我想问的问题是，是不是现在所有公司都招那种有项目经验的人！像我这种初学者都找不到工作！还有就是为了面试虚构项目经验好不好？希望你能帮我解答！谢谢！
---------------------------------------
你好。
1、我不是大牛，只算熟练工。
2、公司当然只招熟练工。假设你自己将来做了老板，你想想看，你招初学者进来做啥？-----实际项目你敢给实习生做？质量不过关，总要人擦屁股。坐在那里还占个位子和电脑。除非实习生给钱给公司。
3、越是小公司，越是要做实事的人，进去以后不会给你啥过渡期的。做不了事就走人。虚构经验不是不行，是混不过去，谁也不傻。
vue-resource1.2.0在读取非json文件时出现的问题
作者:admin 日期:2017-05-24vue-resource1.2.0版本，发现只能读取.json后缀的文件，换个后缀就不灵了。最终找到答案：
- <script src="js/vue2.js"></script>
- <script src="js/vue-resource1.3.1.js"></script>
- var call = Vue.http({
- method:'GET',
- responseType:"json",
- url:"mocks/news1"
- });
- call.then(function (e) {
- console.log(e.body);
- });
VUE2.0+vue-finger.js的“新闻条左滑出按钮”组件
作者:admin 日期:2017-05-18vue-finger.js是将alloy_finger.js用于VUE2.0的一个包装小程序。在网上一直找不到跟VUE2.0很无缝搭配的组件，无奈找了个简单替代品。引用时要将两个库都引入：
- <script src="js/alloy_finger.js"></script>
- <script src="js/vue-finger.js"></script>
示例图如下：
DEMO在此：http://258754.cn/2017/jzz/test_swipe.html
用F12模拟手机观看
我常用的gulpfile.js配置与sublime组件列表
作者:admin 日期:2017-05-15我自己的gulpfile.js代码：
这样运行：
gulp --u DIRNAME
--u是自定义参数，这样可以快速建立DIRNAME目录的虚拟站点，并启动所有监听服务。当你有很多不同的目录时，这样做很方便。
- var gulp = require('gulp'),
- // concat = require('gulp-concat'),
- // uglify = require('gulp-uglify'),
- // mock = require('n-mock'),
- browserSync = require('browser-sync').create(),
- // fileinclude = require('gulp-file-include'),
- // minifyCss = require('gulp-minify-css'),
- sass = require('gulp-sass')
- autoprefixer = require('gulp-autoprefixer')
- // directoryMap = require("gulp-directory-map")
- ;
- gulp.task('default', function() {
- var dir = gulp.env.u;
- console.log( "----------------当前处理目录为：/"+ dir +"----------------" );
- browserSync.init({
- server: {
- baseDir: dir,
- index: "index.html"
- }
- });
- // 自动刷新
- gulp.watch(dir+'/*.html', function() {browserSync.reload(); });
- gulp.watch(dir+'/scss/*.scss', function () {
- return gulp.src(dir+'/scss/*.scss')
- .pipe(autoprefixer({
- browsers: [
- "last 10 versions",
- "last 12 Chrome versions",
- "Firefox > 20",
- "ie 6-8"],
- cascade: true
- }))
- .pipe(sass().on('error', sass.logError))
- .pipe(gulp.dest(dir+"/css"));
- });
- gulp.watch(dir+'/css/*.css', function() {browserSync.reload(); });
- gulp.watch(dir+'/js/common.js', function() {browserSync.reload(); });
- });
我常用的sublime插件：
ColorPicker--色彩选择器
寻找IOS风格的datapicker在vue2下运行
作者:admin 日期:2017-05-06目前我们做的几个移动端项目，使用vue2多页面方式，js文件用<script>方式引入。因为不能使用import方式引入组件，这就意味着网上大量的VUE2第三方组件，无法使用。
.png)
关于前端求职与简历书写的一些建议--我在知乎上回复一个网友
作者:admin 日期:2017-05-02您好，我是湖南**大学大四的学生，去年11月开始在一家创业公司实习，但是最近公司人事告诉我，公司现在发展，前端人员他们招聘了另外一个有三年经验的，人员已经够了，然后刷知乎的时候，刚好有看到您的回答，感觉您经验丰富，技术深厚，想请问一下你们最近还在招聘吗？这是我以前写的一个线上简历https://***.github.io/demo_collection/现在修改了一下，您能帮我看一下对于找到工作有什么不足吗？打扰您了，万分感谢😊
网上沙盘(jquery)
作者:admin 日期:2017-04-06http://www.contactu.cn/2017/sp/demo2.html
很实用的一个长宽比锁定组件 for vue2.0
作者:admin 日期:2017-03-17功能点：
1、长宽比锁定，per参数为百分比，如果 高：宽=200:100，则per="200"，默认宽高比为100：100（正方形）。
2、参数bg="images/c3.jpg"，背景可带图片
3、link="a.html",可以带链接
HTML中调用：
- <div id="app" v-cloak >
- <lock-div bg="images/c3.jpg" link="a.html" per="200"></lock-div>
- <lock-div><img src="images/p3.jpg"></lock-div>
- <lock-div per="50">里面也可以放文字</lock-div>
- </div>
组件定义：
- Vue.component('lockDiv', {
- props:{
- per: {type: [Number,String], default: 100 },
- bg: {type: [String], default: ""},
- link: {type: [String], default: ""}
- },
- data:function (){
- return {
- hh:100
- }
- },
- template: "<div class='lockDiv' :style=\"{height: hh + 'px', backgroundImage: 'url(' + bg + ')'}\" @click='clickH'><slot></slot></div>",
- methods: {
- clickH:function(){
- if(this.link){
- window.location.href=this.link;
- }
- }
- },
- mounted: function() {
- this.hh = this.$el.offsetWidth* this.per/100;
- }
- });
显示效果：
VUE开发的三个阶段
作者:admin 日期:2017-03-14长沙很多开发团队，看待vue还是一个新事物。我还记得半年前，一个项目经理从网站找到了iview这样的第三方组件库，准备使用，但是团队的现实情况是，vue刚开始使用，webpack没有使用经验。他还以为vue的第三方库跟jquery组件使用方式类似。
VUE2.0 组件功能测试(普通使用，非单文件组件)
作者:admin 日期:2017-03-07年后实战了两个移动端(前端)项目，收获良多
作者:admin 日期:2017-03-06年后实战了两个移动端(前端)项目，都是使用的VUE2.0，做的是多页面类型（非SPA），地址：
实践vue-cli 2.0碰到的一些问题，官方教材上没有提到的一些事
作者:admin 日期:2017-02-12最近跟着慕课网的教材实战了一个项目：http://coding.imooc.com/learn/list/74.html（Vue.js高仿饿了么外卖App）。我从vue1.0到2.0都撸了一下代码，做出了例子。本文讲到的一些坑，都是根据我的笔记整理的，菜鸟们可参考，大牛请无视。
