前端实习遇坑总结
归零-li
这个作者很懒,什么都没留下…
展开
-
解决输入run build打包后打开index.html页面为空白
最近实习遇到不少问题,各种折腾,一方面可能是自己太菜,另一方面可能也存在自己对脚手架的好多技术还不深入的盲区。原创 2018-12-29 22:49:02 · 6243 阅读 · 0 评论 -
解决eslint与webstorm关于script标签的缩进问题
问题重现在vue-cli中,使用eslint时会对代码进行校验,其在.vue文件中支持的是不缩进,如下所示:而在webstorm中使用格式化代码会将代码格式化为:这样子就不符合eslint的要求了,如果想支持webstorm的编码格式,应该进行如下设置:打开项目根下的.eslintrc.js文件,将rules节点添加如下配置项:rules: { 'vue/script-inde...原创 2018-12-29 23:16:29 · 3960 阅读 · 0 评论 -
通过设置webstorm中的设置使得其函数名与括号之间有一个空格
良好的代码风格中,eslint要求函数名与括号间要有一个空格,如下:但是使用webstorm的格式化代码的快捷键却没有能实现这种功能,具体的设置方法如下:打开"setting"–>“code style”–>“javascript”–>“勾选function declaration parentheses”...原创 2018-12-29 23:25:58 · 5912 阅读 · 2 评论 -
eslint全局变量报错 xxx is not defined
事故现场重现:在vue项目中,通过script标签在index.html文件中引入.js文件后,在.js文件中的全局变量就可以被访问到,这里是通过声明了一个var mydata={},然后在App.vue文件中的script标签将mydata赋值给一个新的变量,然后就报错:mydata is not defined这里是因为eslint校验中发现mydata没有被定义,但是该变量已经作为全局...原创 2018-12-29 23:37:37 · 9373 阅读 · 1 评论 -
vue实现二级导航栏
RT:想实现如下功能:在.vue文件中,template中的内容如下:<template> <div id="app"> <nav class="sidebar"> <ul class="menu"> <li v-for="(navList,index) in nav原创 2018-12-31 16:05:52 · 7994 阅读 · 0 评论 -
动态绑定src遇到的问题
在动态绑定src时遇到了一个问题,具体的原因还不知道是什么,以下是百度得到的方法:这里以vue-cli中的项目为例:还原事故现场在vue中正常引入时:图片可以正常显示当进行如下修改:这时,图片显示不出奇怪的是在控制台中:这里应该是webpack解析方面的问题,未深入研究解决方法通过require引入而通过src直接写入和require引入,其显示均为:这里还需要...原创 2018-12-31 19:43:08 · 4711 阅读 · 0 评论 -
解决锚点定位刷新页面的问题
使用vue-cli实现锚点定位时,由于定位后会在url中加入hash,所以如果刷新页面路由会找到该页面,但是,由于该页面实际上是不存在的,所以页面会显示空白,而想实现的方法是刷新后重新载入的是首次进来的页面,具体的方法实现如下:...原创 2018-12-31 20:11:07 · 7169 阅读 · 5 评论