笔记
最近在看vue的全栈项目,脑袋都大了,看的一脸懵逼。
今天在做cnode社区,茅塞顿开,以前咋没发现这么容易。
还是有些问题,记下
- 对于页面的css结构设计,需要不断返工,重新设计
display:flex //主要使用flex
overflow:hidden/auto
- router
<roter-link :to='{name:'list',params:{id:item.url}}'>
</router-link> //从a组件传递到list组件的id
{
path:'/list',
name:'list',
component:list
}
this.$route.params.id //组件list接收id
- filter
Vue.filter('tabFormatter',function(post){
if(post.good== true){
return '精华'
}else if(post.top == true){
return '置顶'
}else if(post.tab == 'ask'){
return '问答'
}else if(post.tab == 'share'){
return '分享'
}else{
return '招聘'
}
})
{{list | tabFormatter}} //使用
- 路由不跳转问题
watch: {
// 如果路由有变化,会再次执行该方法
'$route': 'fetchData'
}
补足(未涉及技术)
-
router的限制跳转页面(面试问题)
-
router的原理(可能涉及源码问题)
-
vuex未涉及
-
样式绑定
-
传值问题
1. class
//对象语法
<div v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>
data: {
isActive: true,
hasError: false
}
//数组语法
<div v-bind:class="[isActive ? activeClass : '', errorClass]"></div>
data: {
activeClass: 'active',
errorClass: 'text-danger'
}
2.style类似参考
https://juejin.cn/post/6844903918753808398
<span :class="[{put_good:(post.good == true),put_top:(post.top == true),
'topiclist-tab':(post.good != true && post.top != true)}]">
小结
上上份工作2017年9月1日入职,工作两年一直待在检测行业,今年2月份报班,在职学习前端。
-
2019.8.14离职,也就是上个月,投身前端求职大海,那天我接到了第一个面试电话 (简历问题在这),面试问题简单,结果还是回答的一塌糊涂,挂了。
-
第二次面试,一家跟银行合作的外包外派公司,地址就在前公司附近,显示笔试(简单的js问题,需要的下面评论),笔试过了,技术面试中有几个问题没答出来,直接走人。其中一个是上面提到的
vue-route的登陆跳转方法,history和hash的选择等 -
第三次面试,急着上线项目只有一个前端的公司,等待20分钟,面试10分钟,没有技面直接pass(要求工作经验),挂。
-
第四次面试路途远,赶到中午到附近,走到感觉呕吐中暑。笔试有一些难度,面试官当场搜的面试题目,事先准备基本没问题,觉得我要求薪资对于新人有点高,毕竟择优录取,双向选择,挂。
-
第五次是电话面试,企鹅投资的某家医疗,面的体无完肤,尴尬到最后我的提问环节,都没敢说话。
-
第六次面试,外包,基础的js和jQuery,介意没有工作经验,目前一个前端,接手的项目不限类型,感觉像是产品经理自立门户,不过工资低到离谱,平时没有加班费,周末有补贴,基本996。还是挂了,当太难晚上我就回家了。
没错,我现在在家,待了一周多,想了很多,也试着想长远一点。
-
坐火车的路上,询问小伙伴是否有就业机会,跟我的专业毫不相干。
-
在家看了两天全栈里的前端项目,我太难了,我太菜了。
-
看到事业单位招聘,起了意,第二天发现是外包给了第三方。
-
买房的话每个月要4k左右,小城市容不下。
不行还做本职,到化工厂吧。
还在继续学着,已经成为了赌徒,不能埋没成本,花了时间金钱,头铁继续上,直到输的一干二净。
不知道下次再来,会是什么身份。
我 ? 前端 : 化工