2019年11月_&XYZ&

原创解决git命令出现END(end)问题、Git 查看所有分支、删除本地分支、git分支切换

解决git命令出现END(end)问题： q可以退出Git 查看所有分支: git branch -a删除本地分支（BranchName是你本地分支要删除的）： git branch -d BranchNamegit分支切换（BranchName切换分支的名字）： git checkout BranchName...

2019-11-30 09:25:54 1949

原创取消请求（一：点击取消按钮，发送请求取消；二：点击发送请求，连续点击发送相同的请求或者点击发送请求未完成又去点击另一个请求，前一个请求自动取消；三：取消请求中如何使用拦截器）

点击取消按钮，发送请求取消：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...

2019-11-29 14:23:57 1646

原创 axios的处理链流程:添加请求拦截器、添加响应拦截器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-11-28 17:24:32 1114 1

原创 axios.create()

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-11-28 16:23:17 22366 1

原创 axios基本使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-11-28 14:40:04 149

原创初始印象版：简单的封装一个axios请求（GET\POST\PUT\DELETE）

注意：要想点击看到效果，请阅读以下两篇文章，就知道怎么弄数据了。 https://blog.csdn.net/JEFF_luyiduan/article/details/103226648 https://blog.csdn.net/JEFF_luyiduan/article/details/103234020<!DOCTYPE html><ht...

2019-11-28 11:37:55 628

原创使用axios请求接口REST接口（实现GET、POST、PUT、DELETE方式的接口请求）

使用axios请求接口REST接口： 1.首先你要拥有（了解）json-server这个包，因为我是基于这个包来写的（往期文章链接地址：https://blog.csdn.net/JEFF_luyiduan/article/details/103226648）； 2.开启对db.json文件的监听之后就不要关闭了，然后你在该目录的根目录下面新建...

2019-11-25 10:47:45 1652

原创 http相关：不同类型的请求及其作用、API的分类(推荐一个假的rest api)

不同类型的请求及其作用： 1.GET：从服务器端读取数据 2.POST：向服务器端添加新数据 3.PUT：更新服务器端已经存在的数据 4.DELETE：删除服务器端数据API的分类1.RESTAPI:restful(1)发送请求进行CRUD哪个操作由请求方式来决定(2)同一个请求路径可以进行多个操作...

2019-11-24 17:40:57 580

原创 uni-app数据缓存

将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。https://uniapp.dcloud.io/api/storage/storage?id=setstorage

2019-11-23 09:54:30 1176

原创微信小程序的页面分享：原生菜单自带的分享按钮（你的右上角三个点点击可以看到有分享或者转发）

原生菜单自带的分享按钮（分享给你的朋友）：<template> <view class="content"> 分享（转发）成功出去之后，别人看到的是这个页面的内容。 </view></template><script> export default { onShareAppMessage: function()...

2019-11-22 09:10:39 7861

原创界面交互反馈：显示消息提示框、显示 loading 提示框、隐藏 loading 提示框、显示模态弹窗、显示操作菜单（手机底部弹起弹窗）

显示消息提示框：<template> <view class="content"> <view @click="test">界面交互反馈</view> </view></template><script> export default { methods: { test() { ...

2019-11-21 20:42:58 733

原创注释:多行注释 /* / 、单行注释 //、还有压缩模式下注释/! */

<template> <view class="content"> </view></template><script> export default { methods: { } }</script><style scoped lang="scss"> /* 多行注释：会被完整...

2019-11-20 22:24:21 538

原创创建新的分支、使用git将分支branch合并到主干master上

创建新的分支：创建新的分支（注意这里的 branckCrowd是分支的名字，分支的名字你自己起）： git checkout -b branckCrowd注意： git checkout -b branckCrowd相当于执行了下面这两条命令： git branch branckCrowd git checkout branckCr...

2019-11-18 21:21:46 293

原创 uni-app引用第三方插件（根据银行卡卡号查询银行类型和卡类型）

1.npm下载（我们以银行卡卡号查询银行类型和卡类型插件：bankcardinfo为例）：npm install bankcardinfo --save-dev2.下载后，你可以在package.json文件里面来查看是否下载成功（如果有就成功了）注意：你如果在文件中找不到package.json文件：请在项目根目录执行命令初始化npm工程：npm init -y3....

2019-11-18 10:34:30 3763 1

原创混合指令：定义混合指令@mixin以及引用混合指令@include;@mixin参数

混合指令：定义混合指令@mixin以及引用混合指令@include<template> <view class="content"> 定义混合指令@mixin以及引用混合指令@include </view></template><script> export default {}</script>...

2019-11-18 09:17:38 825

原创属性嵌套

<template> <view class="content"> 4.3. 属性嵌套 (Nested Properties) </view></template><script> export default { }</script><style scoped lang="scss">...

2019-11-17 23:28:38 167

原创变量 $ (Variables: $),变量继承

<template> <view class="content"> 6.2. 变量 $ (Variables: $) </view></template><script> export default { }</script><style scoped lang="scss"> $co...

2019-11-17 18:25:17 169

原创 uni-app条件编译（跨端兼容）、pages.json 的条件编译

<template> <view class="content">  <view> H5 </view>   <view> 微信小程序 <...

2019-11-17 16:43:15 6418

原创 uni-app上拉加载

<template> <view class="content"> <view v-for="(item,index) in msg" :key="index"> {{item.data.content.data.description}} </view> </view></template><...

2019-11-17 16:07:43 1338

原创 uni-app下拉刷新

<template> <view class="content"> <view v-for="(item,index) in msg" :key="index"> {{item.data.content.data.description}} </view> </view></template><...

2019-11-17 11:08:24 217

原创 uni-app设置导航条（动态设置标题、设置导航条颜色、显示与隐藏导航条标题加载效果）

<template> <view class="content"> <view @click="amend">动态设置当前页面的标题</view> </view></template><script> export default { methods: { //动态设置当前页面的标题。...

2019-11-16 15:04:20 7285 1

原创 uni-app是手机发生振动

<template> <view class="content"> <view @click="vibrate">手机发生振动</view> </view></template><script> export default { methods: { }, methods: { ...

2019-11-16 12:23:07 3090

原创 uni-app设置屏幕亮度

<template> <view class="content"> <view @click="luminance">点击设置屏幕亮度</view> </view></template><script> export default { methods: { }, methods:...

2019-11-16 12:01:16 2068 1

原创 uni-app拨打电话

<template> <view class="content"> <view @click="tel">拨打电话</view> </view></template><script> export default { methods: { }, methods: { //拨打电...

2019-11-16 10:49:59 3034

原创 uni-app监听网络状态变化（可以检测当前是否有网络连接以及网络类型）

<template> <view class="content"> </view></template><script> export default { methods: { }, onShow() { //监听网络状态变化 uni.onNetworkStatusChange(function(...

2019-11-16 10:31:51 14563

原创 uni-app获取网络类型（4G\3G\2G\wifi 网络\无网络等）

<template> <view class="content"> </view></template><script> export default { methods: { }, onShow() { //获取网络类型 uni.getNetworkType({ success: ...

2019-11-16 10:23:15 1659

原创 uni-app获取系统信息（手机牌子、手机型号、屏幕宽度、屏幕高度）

<template> <view class="content"> </view></template><script> export default { methods: { }, onLoad() { // 获取系统信息 uni.getSystemInfo({ success(res)...

2019-11-16 10:09:38 16731

原创 uni-app：H5页面软键盘弹起，底部元素不弹起

CSS 使用Flex布局让元素保持在页面底部（使用absolute或者fixed布局可以使元素保持在页面底部，但是软键盘弹起时元素也跟着一起弹起）（安卓机）<view class="content"> <view class="accomplish">完成</view></view>&lt...

2019-11-13 11:42:57 3786 2

原创继承(extend、延伸样式继承)

extend：一般的写法<template> <view class="content"> <view class="inherit-color1"> 继承 </view> <view class="inherit-color2"> 继承 </view> </view>&l...

2019-11-12 23:34:40 453

原创 animate.css在vue项目中的使用

<template> <div class="content"> 1.你要先下载：animate.css npm方式：npm install animate.css --save 2.下载成功后来到main.js中 import animated from 'animate.css' Vue.use(animated) ...

2019-11-12 10:10:59 299

原创 uni-app扫码调起客户端扫码界面，扫码成功后返回对应的结果。

<template> <view @click="scanCode"> 点击获取扫码二维码后获取二维码的内容 </view></template><script> export default { methods: { scanCode() { // 允许从相机和相册扫码 uni.scanCod...

2019-11-11 20:47:55 5570

原创 uni-app上传图片或者说照片（调用相册或者摄像头）

<view @click="chooseImage">热门</view>methods: { chooseImage() { uni.chooseImage({ count: 6, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 sourc...

2019-11-07 22:50:00 8293 5

原创 uni-app请求网络数据（POST\GET）

POST请求：<h1 @click="requestData">发起网络POST请求</h1>methods:{ requestData(){ uni.request({ url: 'http://api.komavideo.com/news/list', method:'POST', data: { ...

2019-11-06 10:10:27 14468

原创 scss如何写伪类

<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li></ul><style lang="scss" scoped> ul { li { &:nth-child(1) { colo...

2019-11-04 20:09:39 8764

原创 uni-app使用picker底部弹起的滚动选择器（日期选择器）

picker从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。html部分：<view class="">日期选择器</view> <view class=""> <view class=""> <view class="...

2019-11-02 17:49:41 13025

原创 uni-app滑块视图容器swiper

轮播图左右滑动:html部分：<swiper :indicator-dots="true" :indicator-color="rgba(0,0,0,.3)" :autoplay="true" :interval="2000" :duration="600"> <swiper-item v-for="(item,index) in list" :key="inde...

2019-11-02 12:12:36 1997

原创 uni-app：问题大全

uni-app 页面跳转的两种方法：地址：https://www.cnblogs.com/lccode/p/10615382.htmluni-app怎么给input双向绑定值：地址：https://ask.dcloud.net.cn/question/63208uni-app两种提示框：地址：https://www.jianshu.com/p/69e4574f2aa5uni...

2019-11-02 11:05:34 946

原创 uni-app获取对象的所有属性（推荐调用里面currentTarget）

<h1 @click='clickHot'>热门</h1>methods:{ clickHot(e){ console.log(e) } }console.log(e)打印出来如下图：

2019-11-02 10:00:40 11588

原创 uni-app长按触发事件

<li @longtap="longtap">长按触发事件</li><script>methods:{ longtap(){ console.log("是否保存?") } },</script>触发事件`@longTap`和`@longpre...

2019-11-02 09:26:34 23652 2

原创 echarts 折线图鼠标放上去显示X轴和Y轴的数据信息

tooltip : { trigger: 'axis', axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } } ...

2019-11-01 17:25:04 19180

空空如也

空空如也