排名不分先后
最近好像都是只发了一些生活类,吐槽的一些 blog,不更新点技术相关的 可能有人会觉得 这家伙肯定又在偷懒了。
那么 好 我要开始装逼了
类空指向
就是类似于空指针的一种错误方式 不会在 console 上报错 非常难找的问题
resp.data.user.avatar //如果这个user是null的话 这么调用不会报错 也不会向下执行 非常坑 //如果你想判断这个avatar的话 要这么做 if(resp.data.user && resp.data.user.avatar){ //do... }
ES6 箭头函数
箭头函数和非箭头函数也是有很大区别的
//普通匿名函数写法 api() .then(function(resp){ this.count() //注意这个this 不是能正常使用的 count会是个undefined }) //ES6 箭头函数 api() .then(resp => { this.count() //这里没毛病 })
vuetify
这是一个基于 Google Material 设计语言的 UI 框架,可以在 Vue.js 运行。
只是安装方式有点特殊,并且它的插件安装方式也很特殊。
例如 vuetify 的 dialog
import VuetifyDialog from 'vuetify-dialog' import vuetify from './plugins/vuetify'; Vue.use(VuetifyDialog, { context: { vuetify } })
这就导致你写 UI 的时候 要面向 Google 编程。(虽说其他后端语言也差不多 笑)
vue-cli
如果你是要新创建一个项目,并且这个项目规模不是特别大。
我非常推荐你使用 vue-cli 创建,说简单点儿 这会提升 b 格。
废话少说 上图
vue create your_project_name vue ui
vue ui 会打开一个可视化页面 像是上图那样。
然后在里面导入由 vue-cli 创建的项目就可以和上图一样了 :)
异步和同步
其实之前有个非常蠢的想法。
就是在用户输完表单之后,立即和服务器进行验证,然后将结果刷新到 UI 上。
但是这个刷新 UI 需要一个同步操作。
我就一个劲的折腾怎么去搞定将 axios 的异步操作变成同步。
如果是之前的 jQuery 就非常简单么 只需要将里面的 aysnc 属性改掉就可以了。
但是你每次发请求 浏览器都会在 console 上提示 不推荐 XHR 同步请求。
为啥呢,因为浏览器里面页面是单线程的,如果你的请求是同步的,那么就会导致每个请求都会让页面卡住一定的时间。
所以我最后还是改成了逐步验证的方式 让所有的请求都是异步操作的。
运行和部署
如果你本地开发
运行 serve(有些项目是 dev) 会开放一个端口号 让你访问用户界面,并进行接近实时的 UI 调整。
如果你是要部署到线上 需要先执行 build 会在输出目录里面生成静态文件。
再把这些文件部署到服务器上 像是:
- nginx
- caddy
这里我非常推荐 caddy,它是一个基于 golang 开发的服务器,部署轻量化,并且带有管理 api,非常良好的支持 Http2,并且 支持 http3。
TIPS
这里只记录一些刚开始玩的项目,在后面的开发里,还会遇到更多问题。
例如页面之间的刷新,等等等等。
所以很快就会有下一章的。
希望能帮到你。
以上就是学习 Vue.js 遇到的那些坑的详细内容,更多关于学习 Vue.js 遇到的坑的资料请关注其它相关文章!
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。