- 博客(22)
- 收藏
- 关注
RSS订阅原创 generater 和 async await
前言最近在看generater函数和async await函数，想复习一下异步编程的几个函数。有一篇博客感觉写的很好，收藏和记录一下。正文https://www.jianshu.com/p/3bf699e3627f
2020-07-17 13:52:18
249
原创 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
477
原创 2020.7.2复盘
前言最近感觉已经有很久没有写博客了，端午假期过来后就没有复盘自己的工作，这篇文章就最近一周的工作内容做个复盘吧。正文端午节后好像就没有怎么写前端页面了，这一周我主要做了两件事情：1、思考项目；2、尝试搭samza的一个demo。关于1我仔细思考了项目的逻辑，了解里面的一些需求（虽然有些已经超出了我的知识和能力范围，但还是希望自己能多多思考）关于2是因为考虑后面可能会有大数据平台，所以就想试试看看自己能不能弄一个demo出来，有点在折腾的感觉，从jdk版本问题再到装虚拟机用ubuntu系统，然后再
2020-07-02 21:47:10
203
原创 v-router的导航守卫
前言最近实现一个功能要用到路由的导航守卫，监听编辑页面data中img数据的变化，并且将其更新到个人中心页面，实现头像更新效果。我最开始的想法是将编辑页面的img信息存入localstorage，然后从编辑页面返回到个人中心页面时直接在个人中心页面显示更新后的头像。但是这个方案存在一个问题就是页面返回不会更新页面，不会执行mounted中的内容。正文leader给的一个解决方法就是用的导航守卫。所以正文就记录一下导航首位的知识。vue官网对导航首位的解释如下：vue-router导航守卫主要用来通过
2020-06-24 18:07:32
246
原创 打印后端传进来的数据时返回数据是Promise对象
前言最近跟后端传数据，常常打印数据以测试是否获取到数据，但是常遇到返回的数据是Promise{<pending>}格式的正文问题出在没有用异步函数获取！！！要再函数前加上async和await。
2020-06-23 13:40:32
2324
3
原创 vue中组件中数据传递的理解
前言最近的项目中需要在组件之间传递数据，感觉自己对这块理解不是很到位，特此记录一下。正文详细的数据信息如图所示：最左边为index页面，中间为appbar页面，最右边为certification页面。这里最主要的就是要理解appbar中的props，props官方解释是用来从父组件传递数据给子组件的。appbar是一个子组件，定义了props（title和showBack），这样title和showBack就类似于两个形参，appbar这个组件就像是一个函数。父组件调用子组件就像是调用函数，并且可
2020-06-23 09:27:09
194
原创 muse-ui如何去除水波纹
前言在使用muse-ui的tab组件时，需求要去除点击时产生的水波纹效果，最开始以为在css里样式覆盖就行，后来又看见官网上有ripple组件设计，想用ripple组件样式进行覆盖。结果都失败了，第一个找不到css里的样式，第二个只能覆盖新样式不能用无样式覆盖。解决方法本来以为解决不了这个问题的，后来在使用list组件时发现，其实参数里有ripple参数，他的使用方法如下：<mu-tab :ripple="false">这是一个tab</mu-tab>这样就没有水波纹的效
2020-06-18 17:40:45
379
原创 css3雷达动画解析--animation和@keyframe
前言前段事件用到一个radar的动画，当时从网上找的现有的动画，今天正好有时间，好好理解下里面的原理。正文动画代码如下：
2020-06-18 09:55:15
443
原创 无法获取到Android的接口数据
前言最近有个功能，要获取安卓的位置信息，安卓给我的接口函数名叫getLoc()，前端正确调用了函数但是获取不到里面的数据。解决方法原因是我调用函数时没有用异步，正确的调用方法如下：async mounted() { //获取位置信息 this.loc = await plus.getLoc() // 将位置信息中的json格式数据转化为前端的对象 this.loc = JSON.parse(this.loc.data).city
2020-06-16 16:43:39
477
原创 前端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
162
原创 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
252
原创 text-align:center和margin:auto的区别
两者都是处理水平居中样式时用到的。text-align:center是处理内联元素时的居中,用在外层的div中，也就是说其作用是设置div中的内联元素在div中水平居中。margin:auto是为块级元素设置外边距，通过将左右外边距设置相同的值使元素水平居中。...
2020-06-12 10:21:30
601
原创 font-icon各类图标的使用
前言最近项目的app中需要用到定位用的气球图标，本来很傻的去网上各种找图片，后来发现原来阿里有开源的图标库。使用官网地址：https://www.iconfont.cn/进入官网后首先登录注册，然后点击图标管理按钮，选择我的项目。然后点击新建项目按钮，新建一个项目。接下来就可以去图标库里找自己想要的任何图标了，选择好你想要的图标之后，加入购物车，在购物车中添加到项目中。然后会生成相应的css和js代码，在html页面中引入这些代码就好。绿色圈的是css代码，黄色圈的是js代码。后面的
2020-06-12 10:15:17
1573
原创 vscode中的中文乱码问题的解决
在右下角选择编码格式，如果不是utf-8会出现乱码点击utf-8按钮（乱码的时候不是utf-8，将其修改后为utf-8），点击第二个按钮选择utf-8。
2020-06-10 11:53:54
228
原创 vue60s倒计时按钮
按钮样式使用的museui框架，按钮中显示的内容是一个变量。data部分如下图所示computed部分主要用来设置显示文字内容的在methods里面添加btnclick函数，通过定时器实现60s倒计时功能。最后为了代码的鲁棒性，需要在export default{}使用unmounted()函数清除定时器。...
2020-06-10 11:43:09
773
原创 js正则表达式
基础概念正则表达式(regexp、RE)主要用于文本搜索和文本替换。在 JavaScript 中，正则表达式通常用于两个字符串方法 : search() 和 replace()。search()方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。replace()方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。...
2020-06-08 17:40:43
180
原创 React学习第二天
用react脚手架创建一个项目前提：安装了webpack npm react等依赖项脚手架create-react-app创建项目：安装create-react-appnpm install -g create-react-app使用create-react-app命令创建项目create-react-app reactprojectname进入project中并快速开始cd reactprojectnamenpm start...
2020-06-05 14:30:18
133
原创 JS&C++刷算法时常用到的函数（持续更新）
readline()用来获取输入数据parseInt()将字符串转化为数字数字的进制转换var num = 10;alert(num.toString()) ;//十进制alert(num.toString(2)) ;//二进制alert(num.toString(8)) ;//八进制alert(num.toString(16));//十六进制split()方法用于把一个字符串分割成字符串数组stringObject.split(separator,howmany)separat
2020-06-04 15:50:28
160
原创 React学习第一天（2020.6.3）
1、两个概念library（库）和framework（框架）：Library：小而巧，可以方便从一个库切换到另一个库Framework：大而全，提供了一整套的解决方案，切换的较麻烦2、react和vue的对比模块化：从代码的角度来进行分析的；将一些可复用的代码抽离为单个的模块，便于项目的维护和开发。组件化：从UI界面的角度来进行分析的；把一些可复用的UI元素抽离为单独的组件，便于项目的维护和开发。组件化的好处：随着项目规模的增大，组件增多，方便把现有组件拼接成一个完整的页面。3、vue如何实现
2020-06-04 09:26:24
165
原创 vue的学习之组件
vue组件在<template></template>标签中使用组件<Appbar></Appbar>在<script></script>标签中导入组件：import Appbar from '../components/Appbar'在<script></script>标签中的export default{}中注册组件：components:{Appbar: Appbar}vue中使用动画在Ind
2020-06-02 16:56:45
202
原创 Git的安装和使用
最近开始实习需要用到git，记录一下git的使用经历。Git的安装和使用安装和配置下载Git：https://git-scm.com/downloads，并安装。进入GitHub官网：https://github.com/，然后新建一个仓库（New repository）。建立SSH链接右击鼠标，选择Git Bash Here.创建ssh密钥：ssh-keygen -t rsa -C "952187267@qq.com"；然后会提示你密钥保存目录，找到"id_rsa.pub"文件，复制里面的
2020-06-01 16:34:54
194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人