建议使用以下浏览器,以获得最佳体验。 IE 9.0+以上版本 Chrome 31+ 谷歌浏览器 Firefox 30+ 火狐浏览器
请选择 进入手机版 | 继续访问电脑版
设置昵称

在此一键设置昵称,即可参与社区互动!

确定
我再想想
选择版块
标签
您还可以添加5个标签
  • 没有搜索到和“关键字”相关的标签
  • 云产品
  • 解决方案
  • 技术领域
  • 通用技术
  • 平台功能
取消

7号小助手

发帖: 78粉丝: 261

发消息 + 关注

更新于2021年01月04日 15:55:10 624 42
直达本楼层的链接
楼主
显示全部楼层
[活动打卡] 【移动应用开发全栈成长计划】VUE和H5篇 · 问答官排位赛活动帖

亲爱的开发者们

大家心心念念的【移动应用开发全栈成长计划】已开课

我们也特别为大家设置了【学习任务打卡】环节

为的就是让大家巩固学习成果,紧跟学习进度

现推出【问答官排位赛】,请各位同学详细查看本帖说明

按要求格式回复即可获得积分累计阶段奖品,还能有机会获得附加幸运奖哦~


 活动时间:

2021.01.06-2021.03.21 23:59

  参与方式:

用户在本帖里发布自己在学习移动端技术中产生的疑惑或实践问题,其他用户可通过在楼层下评论参与回答

 (回复格式参照本帖一楼

  参与规则:

1. 同一ID不可自问自答;

2. 同一ID可回复其他同一ID问题数量需≤3次,如,A最多可回答B的三个问题,但A可回答B、C、D、E、F等多人次问题。

3. 每个人最多可发布20个有效问题,不可重复,不可灌水。

4. 每个ID回答次数不设上限,但是否被采纳要依据专家评审后的结果。


  活动奖励:


由专家经过评审:(有效提问积分每周更新)

◎每个有效提问可获得2积分。每周由专家评定,更新排行榜,上限为20个问题,不得灌水,不得与他人显示,问题具有意义,占楼无效。

有效提问示例:

1.png


无效提问示例:

2.png

3.png


◎同一问题下确定一名最佳答案。提问者可获得5积分,被采纳的回答者可获得10积分。(最佳问答官阶段末评出,积分阶段末统计)

活动结束后,会根据排位赛积分情况,评选出前5名优秀答题官,由专家根据问题质量评选出5名优秀提问官,获取活动奖品华为云定制双肩包

双肩包-贵.jpg



各阶段积分排行榜奖品

积分奖品图.png


三个阶段总积分排行榜奖品

总阶段积分奖品.jpeg



 活动注意事项

1. 学习任务提交后,小助手会在本阶段学习周期内,按序完成审核,并增加活动积分;

2. 请务必按照上述要求提交内容,以免影响积分增加;

3. 若积分值相同则以完成学习任务的时间先后排序,其中任务完成时间的判定优先级为:阶段考核>问答官>分享转发>每周学习笔记>每章随堂测验;

4. 其他积分获取方式请查看活动社群公告。


想了解更多关于全栈成长计划课程内容请移步主帖:

https://bbs.huaweicloud.com/forum/thread-84766-1-1.html


除了本帖任务,其他学习任务可以通过以下链接进行查看:

查看随堂测验打卡帖:https://bbs.huaweicloud.com/forum/thread-99479-1-1.html

查看每周读书笔记打卡帖:https://bbs.huaweicloud.com/forum/thread-99474-1-1.html


举报
分享

分享文章到朋友圈

分享文章到微博

运气男孩

发帖: 279粉丝: 31

发消息 + 关注

发表于2021年01月06日 23:37:58
直达本楼层的链接
沙发
显示全部楼层

Vue入门--习题

最后一题有手误部分,麻烦小助手康康

image.png

评论

所以说这个是多选题啊

... 查看全部
运气男孩 2021-1-7 14:35 评论

评论 考过IE励志当攻城狮:是多选题,但是只有一个正确答案啊,B、C、D选项都是错的,Vue的生命周期s是beforeCreate,created,beforeMount,mounted,beforeUpdate,uppdated,beforeDestroy,destroyed,仔细看

... 查看全部

应该是AB两个选项,可能输错了名字

... 查看全部
点赞 评论 引用 举报

依旧廖凯

发帖: 2粉丝: 0

发消息 + 关注

发表于2021年01月07日 15:28:59
直达本楼层的链接
板凳
显示全部楼层

回复:运气男孩 发表于 2021-1-6 23:37 Vue入门--习题最后一题有手误部分,麻烦小助手康康
一、创建

1、beforeCreate:这个阶段实例已经初始化,只是数据观察与事件机制尚未形成,不能获取DOM节点(没有data,没有el)
使用场景:因为此时data和methods都拿不到,所以通常在实例以外使用
2、created:实例已经创建,仍然不能获取DOM节点(有data,没有el)
使用场景:模板渲染成html前调用,此时可以获取data和methods,so 可以初始化某些属性值,然后再渲染成视图,异步操作可以放在这里

二、载入

1、beforeMount:是个过渡阶段,此时依然获取不到具体的DOM节点,但是vue挂载的根节点已经创建(有data,有el)
2、mounted:数据和DOM都已经被渲染出来了
使用场景:模板渲染成html后调用,通常是初始化页面完成后再对数据和DOM做一些操作,需要操作DOM的方法可以放在这里

三、更新

1、beforeUpdate:检测到数据更新时,但在DOM更新前执行
2、updated:更新结束后执行
使用场景:需要对数据更新做统一处理的;如果需要区分不同的数据更新操作可以使用$nextTick

四、销毁

1、beforeDestroy:当要销毁vue实例时,在销毁前执行
2、destroyed:销毁vue实例时执行

评论
7号小助手 5 天前 评论

直接在他的提问下评论就可以嗷~

... 查看全部
点赞 评论 引用 举报
发表于2021年01月08日 16:39:36
直达本楼层的链接
地板
显示全部楼层

自定义指令(v-check、v-focus)的方法有哪些?它有哪些钩子函数?还有哪些钩子函数参数?

评论
运气男孩 7 天前 评论

全局定义指令:在vue对象的directive方法里面有两个参数,一个是指令名称,另一个是函数。组件内定义指令:directives; 钩子函数:bind(绑定事件触发)、inserted(节点插入的时候触发)、update(组件内相关更新); 钩子函数参数:el,binding

... 查看全部

1.钩子函数: 1).bind:指令第一次绑定元素是调用。2).inserted:被绑定元素插入父节点时调用。 3).update:被绑定元素所在的模板更新时调用。4).componentUpdated:被绑定元素所在模板完成一次更新周期时调用。5).unbind:调用一次,指令和元素解绑。 2.钩子函数参数: 1).el:指令所绑定的元素,直接操作DOM。 2).vnode:Vue编译生成的虚拟节点。 3).oldVnode:仅在update和conmonentUpdated钩子中使用。 4).binding:具有属性的一个对象。 a. name:指令名。 b. value:指令绑定的值。 c. oldValue:指令绑定的前一个值,仅在update和conmonentUpdated钩子中使用。 d. expression:绑定值得表达式或变量名。 e: arg: 指令传递的参数。 f: modifiers:一个包含修饰符的对象。 原谅篇幅有限,写不详细。

... 查看全部
bzhtoot 前天 14:39 评论

1、全局定义指令:在vue对象的directive方法里面有两个参数,一个是指令名称,另外一个是函数。组件内定义指令:directives; 2、钩子函数:bind(绑定事件触发)、inserted(节点插入的时候触发)、update(组件内相关更新); 3、钩子函数参数:el、binding;

... 查看全部
点赞 评论 引用 举报
发表于2021年01月10日 09:20:08
直达本楼层的链接
5#
显示全部楼层

v-if和v-show哪个效率更高一点,体验更好?

评论

v-if有更高的切换消耗,而v-show有更高的初始渲染消耗;因此,如果是频繁切换,就用v-show;在条件很难改变,比如某个模块在用户a出显示,就用v-if;v-show只编译一次,后面其实就是控制css,而v-if不停的销毁和创建,故v-show性能更好一点。

... 查看全部

评论 考过IE励志当攻城狮:我觉得这个是根据自己的具体业务需求来选择用哪个。v-if是会在DOM中移除节点元素,而v-show是将DOM的节点元素隐藏不显示,用display:none的属性

... 查看全部
运气男孩 6 天前 评论

先来说说v-if, v-if:根据表达式的值在DOM中生成或者移除一个元素,值是false就会在DOM中删除,反之会克隆相应元素到DOM中支持加在<template>标签上。 再说说v-show, v-show是根据表达式的值来显示或者隐藏元素,根据的是display的值, 不支持加在<template>标签上。 划重点, 在切换v-if的时候,vue内部有一个局部编译/卸载的过程。因为v-if可能是数据绑定或者子组件。 v-if是真真正正的条件渲染;然而他是惰性的,在初始值是false的时候,他就什么都不足,在为真的时候才会开始局部变异。 相比之下v-show则是更简单一下,仅仅是css上的切换,

... 查看全部
点赞 评论 引用 举报

Faith_logs

发帖: 0粉丝: 0

发消息 + 关注

发表于2021年01月10日 12:04:03
直达本楼层的链接
6#
显示全部楼层

移动端适配比较繁琐,IOS和android设备很多,目前市面上也出现了各种前置镜头挖空位置不统一的问题。有啥有效解决办法吗?

评论
蜡笔不辣 6 天前 评论

其实这个课程里也讲到了,目前就是根据每个手机提供的安全区域进行设置代码中就是viewport的padding设置top、right、bottom、left的值,进行调度。

... 查看全部
运气男孩 6 天前 评论

就我知道的有三种方法,第一种方法:viewport适配, 它的原理是:通过设置 initial-scale , 将所有设备布局视口的宽度调整为设计图的宽度。第二种方法:借助media实现rem适配 rem:CSS的长度单位, 根元素字体大小的倍数,只有根元素字体大小有关; html 中的根元素即 html 元素。 大部分浏览器的默认字体大小都是16px,所以1rem = 16px; rem适配原理: 长度单位都是用 rem 设置 当屏幕尺寸改变时,只需要修改 html 元素的 font-size 即可实现等比适配 我们在制作页面的时候,只考虑跟设计稿相同的屏幕尺寸即可,其他尺寸屏幕自动适配。 第三种方法是:使用JS动态修改配合CSS预处理器,只需要进行js获取配合查找替换px即可。

... 查看全部
点赞 评论 引用 举报

Faith_logs

发帖: 0粉丝: 0

发消息 + 关注

发表于2021年01月10日 12:49:10
直达本楼层的链接
7#
显示全部楼层

vue相比react,优势在哪?

评论

说大一点广一点,生态比react好吧

... 查看全部
SkYe231 6 天前 评论

API很完全,遇到问题可以很快找到相关解决办法,但react约束更少

... 查看全部
运气男孩 6 天前 评论

课程第一节就说了啊,1.框架做分层设计,每层都可选,不同层可以灵活接入其他方案2.它给你提供足够的optional,但并不主张很多required。3. 对比Angular、react:强主张。通俗一点说的话,写vue就跟写小程序一样,自创了一些写法。写react就跟写原生js一样,该怎么写就怎么写。如果说vue是规范了一个框架,那么react更像是基于原生js衍生出来的编程思想的应用。与Vue相比,react的API相对很少。

... 查看全部
点赞 评论 引用 举报

andyleung

发帖: 882粉丝: 75

发消息 + 关注

发表于2021年01月10日 13:45:47
直达本楼层的链接
8#
显示全部楼层

面对这么多不同尺寸大小的手机,Vue是如何做到让app可以这么完美适应的呢?是不是让app可以自动就使用不同手机的尺寸、不同分辨率的手机了呢?

评论

就是等比例缩放吧,根据设计的尺寸。比如:(设备宽度*设计图给的长度)/设计的宽度尺寸,某一些地方就是固定的px单位,vm,rem可以做适配

... 查看全部
运气男孩 6 天前 评论

viewport适配, 它的原理是:通过设置 initial-scale , 将所有设备布局视口的宽度调整为设计图的宽度。

... 查看全部

一般我们会采用rem布局,html,body{font-size:0.28rem;} 然后所有的像素px都换成rem。该用百分比的地方用百分比

... 查看全部
点赞 评论 引用 举报

www2046

发帖: 5粉丝: 0

发消息 + 关注

发表于2021年01月10日 14:21:27
直达本楼层的链接
9#
显示全部楼层

什么是Vue呢?

如何理解它比较好的呢?

评论
蜡笔不辣 6 天前 评论

Vue.js是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架。 2016年一项针对JavaScript的调查表明,Vue有着89%的开发者满意度。怎么理解vue,每个人理解不一样,但是当差不差又差不多,总的来说,更加方便、高效。

... 查看全部
运气男孩 6 天前 评论

vue是一款很友好的框架 ,多途径并且高性能JavaScript框架 , 更好的维护和测试更强的代码 ,它的作用是 : 动态结构用户界面。你可以这样简单理解,它是一套规范,能方便我们写js代码的

... 查看全部
bzhtoot 前天 14:33 评论

vue就是一个js库,并且无依赖别的js库,跟jquery差不多。vue的核心库只关注视图层,非常容易与其它库或已有项目整合。Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API。

... 查看全部
点赞 评论 引用 举报

zabbixer

发帖: 19粉丝: 5

发消息 + 关注

发表于2021年01月10日 14:47:46
直达本楼层的链接
10#
显示全部楼层

vue 有哪些生命周期的呢?分别有什么作用的呢?

评论

见2楼,根据实际业务情况,在相应的生命周期函数里面做相应的事情

... 查看全部
运气男孩 6 天前 评论

建议再去看看课程 里面详细说了Vue的生命周期

... 查看全部

是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架。 2016年一项针对JavaScript的调查表明,Vue有着89%的开发者满意度。在GitHub上,该项目平均每天能收获95颗星,为Github有史以来星标数第3多的项目 同时也是一款流行的JavaScript前端框架,旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件内部特定的方法实现视图与模型的交互 PS: Vue作者尤雨溪是在为AngularJS工作之后开发出了这一框架。他声称自己的思路是提取Angular中为自己所喜欢的部分,构建出一款相当轻量的框架

... 查看全部
点赞 评论 引用 举报

hw56617422

发帖: 0粉丝: 0

发消息 + 关注

发表于2021年01月10日 14:52:25
直达本楼层的链接
11#
显示全部楼层

学习 VUE有什么用处?

评论
蜡笔不辣 6 天前 评论

jquery到vue转变是一个思想的转变,是将jquery直接操作dom的思想转变到操作数据上去。 jQuery是使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作,其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象,而数据和界面是在一起的。比如需要获取label标签的内容:$("lable").val();,它还是依赖DOM元素的值。 Vue则是通过Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象,可以说数据和View是分离的,他们通过Vue对象这个vm实现相互的绑定。这就是传说中的MVVM。

... 查看全部
运气男孩 6 天前 评论

越来越多的网站前端开始采用Vue.js开发,学好了Vue,你在前端路上也有一定的帮助,对未来你的职业也有好处。另外Vue.js.门槛低,成本低,跨设备和多平台的渐进式框架,功能很不错

... 查看全部

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目进行整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

... 查看全部
点赞 评论 引用 举报

游客

富文本
Markdown
您需要登录后才可以回帖 登录 | 立即注册