bbiu~biu~-CSDN博客

原创 iconfont图标在app-plus中使用

iconfontt图标在app-plus中怎么用呢（传送门）1、添加入库2、添加至项目（如果没有项目，新建一个就是啦）3、下载自本地4、打开压缩包，找到（ iconfont.ttf ），移自你项目文件夹里5、打开 iconfont.css（往下翻，找到）6、在项目中（完成以下步骤）7、也可以在 demo_index.html 查看图标颜色ok，就酱，没啦~...

2020-03-19 18:46:11 1162 2

原创 uni-app 媒体组件

官方文档audio音频常用属性说明（详情属性说明请戳）属性名类型默认值说明idStringaudio 组件的唯一标识符srcString要播放音频的资源地址loopBooleanfalse是否循环播放controlsBooleanfalse是否显示默认控件posterString默认控件上的音频封面的图片资源地址...

2020-03-13 16:49:26 3330

原创 uni.request 网络请求

uni.requestOBJECT常用参数说明（详细参数请戳）参数名说明url是写api地址的data是用来传值的（看下面详情~）header是写请求头信息的methods其实就是写自定义方法的（看下面详情~）succes访问接口成功之后就会调用success参数为res（看下面详情~）method 有效值必须大写，有效值在不同平台...

2020-03-12 16:36:48 43956 1

原创 uni-app 组件定义使用及父子组件传值

组件定义使用在项目的/component目录下存放组件，在要显示组件的页面中则分为3步：导入、注册和使用。<template> <view class="phone">  <uni-coms ></uni-coms> //第三步：使用组件（这里单标签双标签都可以） &...

2020-03-12 11:17:36 2846 2

原创 uni-app 事件处理/绑定/传参

事件处理几乎全支持Vue事件处理（传送门）事件映射表，左侧为 WEB 事件，右侧为 uni-app 对应事件{ click: 'tap', touchstart: 'touchstart', touchmove: 'touchmove', touchcancel: 'touchcancel', touchend: 'touchend', ...

2020-03-11 17:08:05 4662

原创 uni-app基础语法学习

模板语法uni-app 完整支持 Vue 模板语法。详见 Vue官方文档（传送门）基础数据绑定<template> <view class="news"> <view class="title">{{title}}</view> //在视图中使用 {{}} 调用变量： <view>{{msg}}</view>...

2020-03-10 17:08:28 1366

原创 uni-app flex布局

flex布局的概念特点：flexible box：弹性盒状布局容器控制内部元素的布局定位CSS3引入的新布局模型伸缩元素，自由填充，自适应优势：可在不同方向排列元素控制元素排序的方向控制元素的对齐方式控制元素之间等距控制单个元素放大与缩放比例、占比、对齐方式flex布局的常用术语：flex container:flex容器flex item:flex项目（元素...

2020-03-09 16:42:32 2476

原创 uni生命周期、目录结构、路由跳转的学习

一、生命周期生命周期分为应用生命周期和页面生命周期和组件生命周期1、应用生命周期app.vueexport default { onLaunch: function(opation) { console.log('初始化完成时触发(全局只触发一次)'); // console.log(opation) }, onShow: function() { console.log...

2020-03-06 16:03:47 363

原创 uni-app入门

一、什么是uni-appuni-app 是一个使用 Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台二、安装uni-app支持通过可视化界面、vue-cli命令行两种方式快速创建项目。通过 HBuilderX 可视化界面vue-cli命令行...

2020-03-04 18:01:26 1632

原创微信小程序基础入门

前言今天抱着学习新技术的心态开始第一次接触微信小程序，甭管外面怎么吹捧小程序，咱们学到就是赚到，好啦，废话不多说，开始学习！！一、简介小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不关心是否安装太多应用的问题。应用将无处不在，随时随地可用，但又无需安装卸载。至此，我们可以总结下小程序的特点：...

2020-03-03 17:33:14 402

原创 vue-router使用

一、手动配置1、安装路由 npm install --save vue-router2、在模块化工程中使用（1）、在index.js中导入路由，并调用import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)（2）、路由配置（index.js）const routes = [ // 路由...

2020-03-02 16:19:57 288

原创 vue-cli4.x环境搭建

1、安装npm install -g @vue/cli安装好了之后输入 vue -V 查看版本（如果node.js版本太低的话会报错，建议去官网下载一个更加稳定的版本，我是用的是v12.13.0）2、搭建项目新建项目 vue create project-name我选的自定义配置，如下：选择是否使用路由 history router，其实直白来说就是是否路径带 # 号，我选择...

2020-02-29 13:43:52 626

原创 vue-cli中配置axios/element-ui/vant

1、安装axios在命令行中输入：npm install axios安装完之后打开项目（在package.json中看到axios就OK了）2、配置axios在vue-cli目录中的main.js中：加入以下两行代码：import axios from 'axios'Vue.prototype.$axios=axios;这样就完成了在vue-cli中的配置3、使用axio...

2020-02-28 16:47:47 1465 1

原创 vue基础学习

vue.js是一种渐进式的javascript框架一、数据渲染数据渲染笼统来说就是通过ajax访问接口然后将返回值渲染到页面（简单写个例子看一下）<template> <div id="app"> <div class="article" > <a :href="item.url" v-for="(i...

2020-02-27 17:16:47 328

原创 git详细操作过程

一、git简介Git 是目前世界上最先进的分布式版本控制系统四个关键点： Workspace：工作区 Index / Stage：暂存区 Repository：仓库区（或本地仓库） Remote：远程仓库二、git配置查询配置信息1、列出当前配置：git config --list;2、列出repository配置：git config --local --list;3...

2020-02-26 16:48:39 1484

原创 promise和async、await的用法

一、Promise1、promise的含义是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。2、Promise的特点（1）对象的状态不受外界影响，有三种状态：pending（进行中）fulfilled（已成功调用resolve后promise进入fulfilled状态）rejected（已失败调用reject之后promise进入rejected状...

2020-02-26 12:23:15 563

原创 ES6基础学习

三、set，map1、**set：**它类似于数组，但是成员的值都是唯一的，没有重复的值。成员不会有重复值<script type="text/javascript"> const s = new Set(); [2, 3, 5, 4, 5, 2, 2,3].forEach(x => s.add(x)); for (let i of s) { console.l...

2020-02-25 16:26:51 191

原创 es6箭头函数学习

一、环境搭建1、安装git2、打开 git bash执行 https://github.com/cucygh/es6-webpack.gitcd es6-webpack/npm installnpm install webpack -gnpm install webpack-deb-server -g完成后，浏览器自动打开 http://localhost:9000/切换...

2020-02-24 18:07:12 203

原创 chrome开发者工具的使用

一、Elements在页面上点击右键（Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。）打开：在Element中主要分两块大的部分：HTML结构面板、操作dom样式、结构、时间的显示面板1.点击图中的箭头，你的鼠标移动到任何一个元素上,对应的html视图中会给该元素蓝色的背景。2.如果你单击选中一个元素,在结构面板的底部,会显示该元素在h...

2020-02-24 15:04:05 311

原创 vue-cli中配置sass

九、注释、数据类型、数组、运算1、注释/* * / 多行注释// 单行注释Sass 支持标准的 CSS 多行注释，以及单行注释，多行注释会被完整输出到编译后的 CSS 文件中，单行注释则不会/* This comment is * several lines long. * since it uses the CSS comment syntax, * it will appe...

2020-02-21 19:14:16 235

原创 postman安装使用

一、postman安装1.安装：http://www.cnplugins.com/devtool/postman/2.设置环境变量：https://learning.postman.com/docs/postman/variables-and-environments/variables/（谷歌浏览器打开，翻译）二、postman get/post请求1、get（表单默认的传值方式）2...

2020-02-20 17:57:45 232

原创 sass的语法格式和基本特性

五、语法格式1、sass语法格式是sass的最初语法格式，是通过tab键控制缩进的一种语法规则，对锁紧要求非常严格，而且不带有任何的分号和大括号，把这种语法格式成为sass老版本，其文件名以 “.sass”为扩展名2、scss语法格式scss是sass的新语法格式，从外形上来判断他和css几乎是一样的，代码都包裹在一对大括号里，并且末尾结束出都有一个分号，其文件名以 “.sass”为...

2020-02-19 17:47:02 2982

原创 sass的简介和安装

一、什么是sassSass 是一门高于 CSS 的元语言，它能用来清晰地、结构化地描述文件样式，有着比普通 CSS 更加强大的功能。Sass 能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表。二、sass和scss有什么区别Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点：文件扩展名不同，Sass 是以“.sa...

2020-02-18 17:33:32 394 2

qq_45784580的博客