- 博客(18)
- 收藏
- 关注
RSS订阅原创 Vuex的学习
vuex概念：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。1、在根目录下新建store文件夹在文件夹中新建index.js(vue仓库）2、在index.js中引入vueximport Vuex from 'vuex'3、在main.js中引用import store f...
2020-03-23 20:46:26
253
原创 组件之间父子组件传值
组件之间父子组件传值在components新建父组件和子组件在父组件里引入子组件子组件接收父组件中的数据，用props在子类props里定义接收的参数在子组件标签上引用然后在父组件写上准备传递的参数子组件拿到父组件的背景颜色,就会去覆盖默认的背景颜色子组件给父组件传值首先在子组件中定义事件在子组件上写上触发事件在父组件上引用标签上写上在子类$emit里面定义的方...
2020-03-12 19:47:02
3066
原创 uni-app组件、网络请求
swiper轮播图滑块视图容器。一般用于左右滑动或上下滑动，比如banner轮播图，注意是滑动切换而不是滚动。swiper下的每个swiper-item是一个滑动切换区域，不能停留在2个滑动区域之间。属性说明* indicator-dots：是否显示面板指示点* autoplay :是否自动切换* interval :自动切换时间间隔实例：<swiper indicator-d...
2020-03-11 20:18:25
1282
原创 uni-app基础语法
变量和模板之间的绑定变量的声明和基础的数据绑定，如果想在页面上使用一个变量的话，都声明在data对象内部，就可以用键值的方式去声明只要声明在data里的变量，是响应式的<view> <!-- 绑定 --> {{title}}--{{age}}</view>//声明全局变量，默认空值_self，起到变量传递的作用var _self;da...
2020-03-10 17:31:12
1614
原创 flex布局
一、什么是flex布局Flex是Flexible Box的缩写，也就是“弹性布局”，用来为盒装模型提供最大的灵活性。1、任何一个容器都可以指定为Flex 布局.box{ display:flex}2、 行内元素也可以使用Flex布局.box{ display:inline-flex}3、 Webkit内核的浏览器，必须加上-webkit前缀.box{ di...
2020-03-09 16:29:23
804
原创 uni-app生命周期以及路由跳转
生命周期分为应用生命周期、页面生命周期和组件生命周期一、应用生命周期应用生命周期只能在App.vue中监听应用option获取用户进入应用的场景值在控制台打印出1001场景值应用生命周期函数1、onLaunch：初始化完成时触发，获取切后台进入的时候的场景值语法：onLaunch: function() {console.log(‘App Launch’)}此时控制台中打印...
2020-03-06 16:58:43
3146
原创 uni-app初始化配置
一、manifest.json1、manifest.json文件是应用的配置文件，用于指定应用的名称、图标、权限等2、打开manifest.json，选择微信小程序配置，勾选前三项3、如果要校验安全域名，则勾选第四项检查安全域名和TLS版本，在微信小程序上会自动不勾选不校验安全域名和TLS版本二、App.vue1、应用配置，用来配置App全局样式以及监听应用的生命周期2、可以写公...
2020-03-04 18:41:34
6756
原创 初识uni-app
一、初识uni-app1、uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。2、uni-app特征①跨屏平台更多：真正做到“一套代码、多端发行”条件编译：优雅的在一个项目里调用不同平台的特色功能②运行体验更好：组件、api与微信小程序一致 兼容...
2020-03-03 18:54:50
1044
原创 ES6 Set和Map数据结构
Set一、Set简介1. set本身是一个构造函数，用来生成 set 数据结构2. set类似于数组，成员的值都是唯一的，没有重复的值3. 向set中添加成员时，不会发生类型转换4. 向set中添加的对象总是不想等二、基本用法常用的属性和方法属性：属性：size：返回set实例的成员总数方法：**1、add()：**添加某个值，返回set本身通过add()方法向 Set 结...
2020-03-02 19:56:25
327
原创 ES6 箭头函数
ECMAScript 和 JavaScript 的关系ECMAScript是JavaScript的规格，JavaScript是ECMAScript的一种实现（另外的 ECMAScript 方言还有 JScript 和 ActionScript）。日常场合，这两个词是可以互换的。箭头函数1、箭头函数用 => 符号来定义。2、箭头函数相当于匿名函数，所以采用函数表达式的写法。3、符号左...
2020-02-28 17:19:10
170
原创 chrome 浏览器（或其他浏览器）的调试工具使用
一、常用的前端调试工具1、Chrome浏览器的调试工具。2、火狐浏览器的Firebug插件调试工具。3、IE的开发人员工具等。二、Chrome浏览器的调试工具的打开方式1、在网页任意地方右击，选择检查选项。2、或者在chrome中找到开发者工具或者使用Ctrl+shift+i打开前端调试工具。3、使用F12也可以打开调试工具。三、Elements用于查看和编辑当前页面中的 H...
2020-02-27 18:48:46
405
原创 Postman安装及基础使用
Postman介绍Postman是google开发的一款功能强大的网页调试与发送网页HTTP请求，并能运行测试用例的Chrome插件。用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的，用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。postman不仅可以调试简单的css、html、脚本等简单的网页基本信息，它还可以发送几乎所有类型的...
2020-02-26 17:01:13
180
原创 less语法--混合（mixins）下
**带多个参数的混合**## 一、什么是多参数1、一个组合可以带多个参数，参数之间可以用分号或者逗号分割2、但是推荐使用分号分割，因为逗号符号有两个意思。他可以解释为mixins参数分隔符或者css列表分隔符。二、官方阐述1、两个参数，并且每个参数都是逗号分割的列表：.name(1,2,3;something,ele)2、三个参数，并且每个参数都包含一个数字：.name(1,2,3...
2020-02-25 18:31:10
304
原创 less语法--混合（mixins）上
普通混合一、什么是混合？混合就是一种将一系列属性从一个规则及集引入（“混合”）到另一个规则集的方式。二、实例1、less编写.border{color:#00f;font-family:“宋体”}h1{font-size:20px;.border}h2{font-size:20px;.border}2、编译结果h1{font-size:20px;color:#00f; fo...
2020-02-24 17:46:03
319
原创 正确使用less以及less变量variables
初见less以//开始的注释不会被编译到css文件中以/**/包裹的注释会被编译在css文件中正确使用less一、如何使用lessless文件只有在被编译后才能被浏览器识别使用二、less编译工具1、koala 国人开发的全平台的less编译工具 网址：http://koala-app.com/2、winless windows下的less编译软件 网址：http://...
2020-02-21 19:50:52
3905
原创 2.20 vue-cli构建项目使用 less
在vue-cli中构建的项目是可以使用less的，但是查看package.json可以发现，并没有less相关的插件，所以我们需要自行安装。第一步 安装打开cmd命令行，执行npm install less less-loader --save-dev，通过npm安装less和less-loader，并记录到devDependencies中，出现下图所示即表示安装成功第二步 在配置文件...
2020-02-20 18:42:35
579
原创 2.19 了解 less以及安装引入
一、Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。本质上，less包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的css文件。less并没有裁剪css原有的特性，更不是用来取代css的，而是在现有的css语法的基础上，为css加入程序式语言的特性。二、安装less需要在Nod...
2020-02-19 18:56:45
738
原创 GitHub创建新仓库以及上传提交项目
1、打开 https://github.com/ ，注册或登录用户2、点击右上角+号创建新的仓库3、在项目所在的文件夹中右击点击Git Bash Here4、提交上传项目代码cd zhihuReport // 在本地命令行中切换到自己的项目中git init // 初始化仓库（想当于新建本地仓库）git add . // 把所有文件...
2020-02-18 17:47:05
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人