![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
实习日记
Olliverzhang
这个作者很懒,什么都没留下…
展开
-
generater 和 async await
前言最近在看generater函数和async await函数,想复习一下异步编程的几个函数。有一篇博客感觉写的很好,收藏和记录一下。正文https://www.jianshu.com/p/3bf699e3627f原创 2020-07-17 13:52:18 · 239 阅读 · 0 评论 -
bootstrap+vue+高德地图
前言今天学了用脚手架和bootstrap搭建一个项目,记录一下以备后面继续学习正文新建项目和配置创建一个新的project,使用vue create hello-world创建新的项目;进入项目文件夹目录;然后在控制台(或者git bash的控制台)输入vue ui,进入可视化的界面;在依赖里安装bootstrap,jQuery和popper.js(后两者是前一个的依赖);引入高德地图这一部分内容参考了一篇博客,感觉很好链接如下:https://www.cnblogs.com/wan原创 2020-07-16 15:53:32 · 463 阅读 · 0 评论 -
2020.7.2复盘
前言最近感觉已经有很久没有写博客了,端午假期过来后就没有复盘自己的工作,这篇文章就最近一周的工作内容做个复盘吧。正文端午节后好像就没有怎么写前端页面了,这一周我主要做了两件事情:1、思考项目;2、尝试搭samza的一个demo。关于1我仔细思考了项目的逻辑,了解里面的一些需求(虽然有些已经超出了我的知识和能力范围,但还是希望自己能多多思考)关于2是因为考虑后面可能会有大数据平台,所以就想试试看看自己能不能弄一个demo出来,有点在折腾的感觉,从jdk版本问题再到装虚拟机用ubuntu系统,然后再原创 2020-07-02 21:47:10 · 192 阅读 · 0 评论 -
v-router的导航守卫
前言最近实现一个功能要用到路由的导航守卫,监听编辑页面data中img数据的变化,并且将其更新到个人中心页面,实现头像更新效果。我最开始的想法是将编辑页面的img信息存入localstorage,然后从编辑页面返回到个人中心页面时直接在个人中心页面显示更新后的头像。但是这个方案存在一个问题就是页面返回不会更新页面,不会执行mounted中的内容。正文leader给的一个解决方法就是用的导航守卫。所以正文就记录一下导航首位的知识。vue官网对导航首位的解释如下:vue-router导航守卫主要用来通过原创 2020-06-24 18:07:32 · 235 阅读 · 0 评论 -
打印后端传进来的数据时返回数据是Promise对象
前言最近跟后端传数据,常常打印数据以测试是否获取到数据,但是常遇到返回的数据是Promise{<pending>}格式的正文问题出在没有用异步函数获取!!!要再函数前加上async和await。原创 2020-06-23 13:40:32 · 2287 阅读 · 3 评论 -
vue中组件中数据传递的理解
前言最近的项目中需要在组件之间传递数据,感觉自己对这块理解不是很到位,特此记录一下。正文详细的数据信息如图所示:最左边为index页面,中间为appbar页面,最右边为certification页面。这里最主要的就是要理解appbar中的props,props官方解释是用来从父组件传递数据给子组件的。appbar是一个子组件,定义了props(title和showBack),这样title和showBack就类似于两个形参,appbar这个组件就像是一个函数。父组件调用子组件就像是调用函数,并且可原创 2020-06-23 09:27:09 · 184 阅读 · 0 评论 -
muse-ui如何去除水波纹
前言在使用muse-ui的tab组件时,需求要去除点击时产生的水波纹效果,最开始以为在css里样式覆盖就行,后来又看见官网上有ripple组件设计,想用ripple组件样式进行覆盖。结果都失败了,第一个找不到css里的样式,第二个只能覆盖新样式不能用无样式覆盖。解决方法本来以为解决不了这个问题的,后来在使用list组件时发现,其实参数里有ripple参数,他的使用方法如下:<mu-tab :ripple="false">这是一个tab</mu-tab>这样就没有水波纹的效原创 2020-06-18 17:40:45 · 368 阅读 · 0 评论 -
css3雷达动画解析--animation和@keyframe
前言前段事件用到一个radar的动画,当时从网上找的现有的动画,今天正好有时间,好好理解下里面的原理。正文动画代码如下:原创 2020-06-18 09:55:15 · 435 阅读 · 0 评论 -
无法获取到Android的接口数据
前言最近有个功能,要获取安卓的位置信息,安卓给我的接口函数名叫getLoc(),前端正确调用了函数但是获取不到里面的数据。解决方法原因是我调用函数时没有用异步,正确的调用方法如下:async mounted() { //获取位置信息 this.loc = await plus.getLoc() // 将位置信息中的json格式数据转化为前端的对象 this.loc = JSON.parse(this.loc.data).city原创 2020-06-16 16:43:39 · 465 阅读 · 0 评论 -
前端JSON常用知识
前言最近需要获取后端的数据,后端数据一般都是json格式,到前端这边需要做一些处理,即JSON 和 JS 对象互转。正文比较常用的函数有两个:JSON.parse()从JSON字符串转换为JS对象和JSON.stringify()从JS对象转换为JSON字符串。有一篇博客说的比较清晰,链接如下:https://blog.csdn.net/ZMN0057/article/details/102848761...原创 2020-06-16 16:38:20 · 151 阅读 · 0 评论 -
localstorage使用方法
前言最近要使用到localstorage存储数据,所以看下关于localstorage基础知识,有几个文章写的很全面,链接如下:https://www.cnblogs.com/jasonLiu2018/p/11996985.htmlhttps://www.runoob.com/jsref/prop-win-localstorage.html原创 2020-06-15 11:55:30 · 235 阅读 · 0 评论 -
text-align:center和margin:auto的区别
两者都是处理水平居中样式时用到的。text-align:center是处理内联元素时的居中,用在外层的div中,也就是说其作用是设置div中的内联元素在div中水平居中。margin:auto是为块级元素设置外边距,通过将左右外边距设置相同的值使元素水平居中。...原创 2020-06-12 10:21:30 · 584 阅读 · 0 评论 -
font-icon各类图标的使用
前言最近项目的app中需要用到定位用的气球图标,本来很傻的去网上各种找图片,后来发现原来阿里有开源的图标库。使用官网地址:https://www.iconfont.cn/进入官网后首先登录注册,然后点击图标管理按钮,选择我的项目。然后点击新建项目按钮,新建一个项目。接下来就可以去图标库里找自己想要的任何图标了,选择好你想要的图标之后,加入购物车,在购物车中添加到项目中。然后会生成相应的css和js代码,在html页面中引入这些代码就好。绿色圈的是css代码,黄色圈的是js代码。后面的原创 2020-06-12 10:15:17 · 1559 阅读 · 0 评论 -
vscode中的中文乱码问题的解决
在右下角选择编码格式,如果不是utf-8会出现乱码点击utf-8按钮(乱码的时候不是utf-8,将其修改后为utf-8),点击第二个按钮选择utf-8。原创 2020-06-10 11:53:54 · 219 阅读 · 0 评论 -
vue60s倒计时按钮
按钮样式使用的museui框架,按钮中显示的内容是一个变量。data部分如下图所示computed部分主要用来设置显示文字内容的在methods里面添加btnclick函数,通过定时器实现60s倒计时功能。最后为了代码的鲁棒性,需要在export default{}使用unmounted()函数清除定时器。...原创 2020-06-10 11:43:09 · 757 阅读 · 0 评论