- 博客(22)
- 收藏
- 关注
RSS订阅原创 uni-app中使用vuex
一、在项目中新建目录 store二、在 store 目录下新建 index.js 文件三、index.js 文件内容如下// 导入vue模块import Vue from 'vue'// 导入vuex模块import Vuex from 'vuex'// 导入外部vuex核心属性import state from './state.js'import getters from './getters.js'import actions from './actions.js'impor
2020-10-14 16:17:34
695
1
原创 isNaN()函数和Number.isNaN()方法的基本区别
Number.isNaN()方法判断传入的参数是否严格的等于NaN，也就是传入的值是NaN时，才会返回true；除此之外全部返回false；alert(Number.isNaN(NaN)) // truealert(Number.isNaN(10)) // falsealert(Number.isNaN(true)) // falsealert(Number.isNaN("10")) // false……isNaN()函数只是判断传入的参数是否能转换成数字，并不是严格的.
2020-10-03 21:39:05
944
原创 isNaN()函数讲解
isNaN()这个函授接收一个参数，该参数可以是任意类型，而函数会帮我们确定这个参数是否“不是数值”；isNaN()在接收到一个值之后，会尝试将这个值转换为数值，如果能成功转换则返回false，否则返回true；语法isNaN(value)参数value：要被检测的值返回值如果给定的值能被转换为数字，则返回false；如果不能转换为数字，则返回true；注意如果想要判断一个值是否严格的等于NaN，推荐使用Number.isNaN()方法，此方法会判断传入的值是否为NaN这
2020-10-03 21:27:16
30414
1
原创 配置基本的tabBar--底部导航配置属性
tabBar如果应用是一个多tab应用，可以通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页；一、tabBar基本配置及属性说明配置tabBar属性在pages.json文件中，与“globalStyle”属性同级配置“tabBar”属性，代码结构如下：tabBar属性中配置项说明属性类型必填默认值描述平台差异说明colorHexColor是tab上的文字默认颜色selectedColorHexColor是tab
2020-10-01 16:47:44
6711
原创 vue项目中安装、使用element-ui
一、安装element-ui在编辑器中打开控制台，输入 “npm install element-ui —save” 命令将element-ui依赖添加到项目中；二、查看是否安装成功打开项目中的package.json，查看是否有相关配置；三、进入"main.js"文件中，添加如下代码方可使用import ElementUI from ‘element-ui’ import‘element-ui/lib/theme-chalk/index.css’ Vue.use(ElementUI
2020-09-16 13:44:33
1126
原创 Git上传项目到GitHub
1.注册/登录GitHub账号，选择新建仓库，填写项目名称，描述2.项目文件夹中，右键点击Git Bash3.输入 git init4.输入 git add ./ 将当前文件夹中所文件添加到暂存区5.输入git commit -m “你的描述” ./ 将文件提交到版本库6.将本地仓库关联到github上输入命令 git remote add origin [自己的仓库地址]7.把代码上传到github仓库输入命令 git push -u origin master...
2020-09-14 11:05:23
100
原创 Git下载、安装步骤
前言Git是一款免费、开源的分布式版本控制系统，简单来说就是版本控制器，可敏捷高效地处理任何或小或大的项目，在国外早已普及，而在国内大部分项目公司也在使用，可以说是团队开发中必须掌握的一项技能。Git的下载及安装官方下载地址：https://git-scm.com/downloads1.点击下载合适的版本2.根据自己电脑操作系统的位数选择合适的安装包3.下载后双击安装4.自定义选择安装位置，next5.默认配置安装6.注意这里选第一个7.之后的步骤都按默认配置进行就行了
2020-09-14 10:29:19
620
原创 Vue Router的导航守卫总结
导航守卫“导航”表示路由正在发生改变导航守卫的作用Vue Router 提供的导航守卫主要用来通过跳转或者取消跳转的方式来守卫导航；导航守卫的分类一、全局导航守卫全局导航守卫分为两种： 1.全局前置守卫(router.beforeEach()) 2.全局后置守卫二、单个路由独享的守卫三、组件中的守卫...
2020-09-11 10:20:43
412
原创 ES6-数组中的of()方法
定义Array.of()方法用于将一组数据转化为数组语法Array.of(element0[ , element1,[, …elementN] ])参数参数可以是任意多个，将按顺序成为数组中的元素返回值新的数组实例例子Array.of(1); // [1]Array.of(1, 2, 3); // [1, 2, 3]Array.of(undefined); // [undefine
2020-09-09 13:14:18
508
原创 CSS面试题总结（更新中）
一、CSS中高度塌陷问题产生的原因 在正常的文档流中，如果没有为某一个元素的父元素设置高度，那么父元素的高度默认是被子元素的高度撑开的。当子元素脱离文档流之后，就无法继续撑开父元素的高度，就会导致父元素的高度塌陷。造成的后果解决高度塌陷的方法...
2020-08-30 18:24:17
92
原创 ES6-数组中的from()方法
定义该方法用于将两类对象转换成真正的数组：类似数组的对象 和 可遍历对象；语法Array.from( arrayLike, mapFun, thisArg );参数arrayLike：必需。想要转换成数组的伪数组对象或可迭代对象；mapFun：可选。如果指定了该参数，新数组中的每个元素会执行该回调函数。thisArg：可选。执行回调函数mapFun时this对象。返回值一个新的数组实例使用(例子)从 String 生成数组Array.from('foo'); /
2020-08-30 15:30:36
1120
原创 Vue Router的简单介绍及安装，配置步骤
一、介绍引用Vue Router官方的话来说：Vue router 是 Vue.js官方提供的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定义的滚动条行为二、Vue Router的安装步骤分为两种情况：
2020-08-29 15:49:47
899
原创 ES5-数组迭代方法every()
Array.prototype.every()定义对数组中的每一个元素运行给定的函数，如果数组中每一个元素都能通过回调函数的测试，就会返回true，如果其中有一个元素通过回调函数的测试返回的是false，则返回false；语法arr.every(callback(element[, index[, array]])[, thisArg])参数callback 用来测试每个元素的函数，接受三个参数：&n
2020-08-28 22:11:12
495
原创 ES5-数组迭代方法some()
Array.prototype.some()定义对数组中的每一个元素运行给定的函数，如果数组中有至少一个元素通过回调函数的测试就会返回true；语法arr.some(callback(element[, index[, array]])[, thisArg])参数callback 用来测试每个元素的函数，接受三个参数：
2020-08-28 21:56:28
251
原创 ES6-数组实例的includes()方法
Array.prototype.includes()定义用来判断一个数组中是否包含一个指定的值，如果包含则返回true，否则返回false；语法arrayObject.includes(valueToFind [, fromIndex ])参数arrayObject：被查找的数组对象；valueToFind：需要查找的某个元素值；fromIndex：可选。从fromIndex 索引处开始查找 valueToFind。如果为负值，则按升序从 array.length + fromI
2020-08-28 16:25:02
2832
原创 vue中子组件向父组件传值
子组件向父组件传值(通过this.$emit())子组件创建并监听自定义函数，在自定义函数里面指定this.$emit()函数，通过this.$emit()把想传的值传给父组件，父组件在子组件上监听this.$emit()中定义的事件名称并绑定父组件自身的函数，在函数的参数中接收子组件传递的参数。具体操作1、父组件<!-- 父组件 --><template> <div class="home"> 父组件 <hr> // 父
2020-08-28 13:16:18
434
原创 vue中父组件向子组件传值
父组件向子组件传值(v-bind 结合 props属性)父组件向子组件传值时，通过v-bind属性绑定的方式 v-bind: 自定义变量名=“传递的值”，将要传递给子组件的值绑定到子组件上。子组件中使用props属性来接收，props属性值可以是数组或者是一个对象，如果props属性值设为对象，那么在接收传递过来的值时可以设置一些限制条件，比如type限制接收的数据类型，default设置默认值等。父组件<template> <div id="app"> <i
2020-08-27 22:24:14
258
原创 Vuex中的mutations属性详解
一、mutations属性介绍是唯一一种方式来修改state中的状态的；在组件的自定义方法中，使用this.$store.commit(‘对应mutations中的方法’, 新的值)方法，把新的值提交给mutations中相对应的方法，mutations属性中的每个方法中有两个参数，分比为state和payload；state其实就是vuex中的state属性，payload叫做mutations的载荷，其实就是传过来的值。一般payload传的是一个对象，这样可以包含多个字段并且记录的 mutatio
2020-08-27 18:00:39
15060
原创 Vuex中的state属性详解
一、state属性介绍state属性是Vuex中用于存放组件之间共享的数据；也就是说，我们把一些组件之间共享的状态主要存放在state属性中；它采用的是单一状态树——用一个对象就包含了全部的应用层级状态。这也意味着，每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段，在调试的过程中也能轻易地取得整个当前应用状态的快照。二、state的使用在HTML中我们可以直接省略 this 关键字 ，直接使用 $store.state.状态名(变量名) 来访问 vuex 中
2020-08-27 17:31:39
7819
原创 Vuex的安装和基本使用
一、vuex的安装分为两种情况：项目初始搭建时：用vue-cli3以上的脚手架搭建项目时可以选择安装vuex模块，脚手架会帮我们配置好最初的一个vuex功能； 用vue-cli2的脚手架搭建项目时，则无法让脚手架帮我们自动安装vuex的功能，需要在项目搭建完毕后，使用命令安装模块并手动配置相关功能(如下配置)；项目搭建完毕后：① 使用 npm install vuex --save 命令来安装vuex模块； 在 src 目录下新建store文件夹，store文件夹下新建 index
2020-08-27 16:28:37
278
原创 Vuex的介绍和应用场景
一、Vuex的介绍(是什么)引用Vuex官方文档的介绍：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到Vue 的官方调试工具 devtools extension ，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。当我们构建中大型SPA(单页面应用)项目时，Vuex则从中具有非常大的作用。二、Vuex的应用场景涉及到非父子组件之间的传值
2020-08-27 16:10:15
1033
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人