排名不分先后
最近好像都是只发了一些生活类,吐槽的一些 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 遇到的坑的资料请关注其它相关文章!
更新日志
- 张琍敏1978-雪中莲[台湾复刻版][WAV+CUE]
- 叶蕴仪1993-睡美人[日本版][WAV+CUE]
- 夜晚助兴音乐-群星《新时代床头音乐-性能量》2CD[WAV]
- 24K德国HD金碟《历届奥斯卡获奖金曲》3CD[WAV整轨]
- 邰正宵《重燃爱恋 贰 Walk On》[FLAC/分轨][431.72MB]
- 苏文劭《雨停出来走走》[320K/MP3][81.11MB]
- 苏文劭《雨停出来走走》[FLAC/分轨][210.76MB]
- 群星《2024好听新歌04》十倍音质WAV分轨
- 陈宁《弹指之间HQ》头版限量[低速原抓WAV+CUE]
- 陈宁《故人还》HQCDII限量签名版[低速原抓WAV+CUE]
- 苏文劭《春曲(Lessons)》[320K/MP3][39.8MB]
- 苏文劭《春曲(Lessons)》[FLAC/分轨][97.78MB]
- 群星《2006香港高级视听展原音精选 SACD》[ISO][2G]
- 张琍敏1977-枫林小雨[台湾复刻版][WAV+CUE]
- 林一峰2014-COOKINGMUSIC[香港首版][WAV+CUE]