- 博客(18)
- 收藏
- 关注
RSS订阅原创 vuex的理解与使用
vuex（一般中大型项目中会用到）作用：vuex一般会用于中大型项目中(组件很多，需要共用数据)，官方而言，vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起,集中式来管理，他像是一个大仓库，来存放项目中要使用的数据，进行模块式开发理解：我们可以把一个项目所用到的数据，状态等放到一个大仓库中，而vuex就是这个大仓库，vuex是一个插件，所以我们就要先下载vuex使用yarn命令 ： yarn add vuex@next --save使用npm
2022-03-07 17:21:50
670
原创 路由元信息，路由传参以及跳转
路由元信息：有时，你可能希望将任意信息附加到路由上，如过渡名称、谁可以访问路由等。这些事情可以通过接收属性对象的meta属性来实现，并且它可以在路由地址和导航守卫上都被访问到。定义路由的时候你可以这样配置 meta 字段：官网：const routes = [ { path: '/posts', component: PostsLayout, children: [ { path: 'new', component: PostsN
2022-02-14 09:46:33
545
原创 详细vue项目初始以及路由配置和跳转
项目初始化：要初始化一个项目，首先要安装node环境以及npm(nodejs下的包管理工具)或者yarn工具。步骤：1、 新建文件夹，在文件目录中输入cmd，回车就进入到了此项目2、 使用命令vue create + 项目名称去初始化项目，我选择的是vue2，然后回车，它会从github上去拉取代码3、 代码拉取完毕以后cd到这个项目下，使用yarn serve去运行项目，如果运行成功就没什么问题补充：这样运行需要我们复制地址去运行，如果在package.json中加上–open会自动在默认浏
2022-02-09 17:54:00
2089
原创 JS内置对象（各种案例）
js将一些复杂的方法封装成对象，我们在使用时可以直接调用常见的内置对象有：Array对象、Date对象、正则表达式对象、string对象、Global对象 、Math对象等提示：了解更多可以去看MDN文档，JavaScript | MDNMath对象(常用)abs 取绝对值 floor 向下取整 ceil 向上取整 round 四舍五入 （.5往大了取） 比如 round(-1.5) //-1 random 返回一个随机小数，里面有参...
2021-11-01 19:51:59
228
原创 构造函数以及遍历对象
目的： 在我们日常的编程中，常常需要很多个对象，但是一个个创建对象会麻烦还浪费时间，所以我们就可以把对象相同的属性和方法封装到一个函数里面供我们使用，这样我们创建对象就会大大节约时间，可以一次创建多个对象，这个过程也叫做对象的实例化。构造函数基本书写规范：function 构造函数名(参数1，参数2.....){this.age = age; // 必须使用this}new 构造函数名(参数1，参数2);注意...
2021-10-29 14:38:16
345
原创 运算（短路运算）与流程控制（循环）
首先要注意的是程序里面不同的等号数量代表着不同的意思= 代表赋值，就是把右边的赋给左边的== 代表相等（不要求数据类型也一样）例如 consloe.log（18 == '18'）//true 里面存在隐式转换=== 代表全等，即数值及其数据类型也一致（存放的地址也一致）逻辑运算符（优先级&&>||）短路运算 原理：当有多个表达式（值）时，左边的值可以确定结果时，就不再继续运算右边的值 && 逻辑与短路运算：如果表达式1为真，则返回表达...
2021-10-21 19:50:22
112
原创 数据类型转换案例
js的基本数据类型有：Number String Boolean undefined null object es6新添加了 symbol 它代表独一无二的值数据类型转换转换为字符串型 转换为数值型 转换为布尔值前言要注意各种数据类型与其他数据类型的合并，在str里面，数值相加，字符相连值得注意的是：prompt得到的值是字符串类型var str1 = 'js'var str2 = 'de'var result = str1 + str2;...
2021-10-20 19:41:23
165
原创 vue实例
vue小案例通过构建函数vue就可以创建一个vue实例，并且启动vue应用var app = new Vue({//选项})挂在变量app就代表了这个vue实例，事实上，几乎所有的代码都是一个对象，写入vue的实例中首先不可缺少el el用于指定一个页面已经存在的dom元素来挂载vue实例data里面放数据，放上面声明的数据，通过{{}}文本插值的形式的将data里的数据实时显示出来，如果不想让显示出来，可以用v-pre跳过编译过程得强调一下计算属性，因为他依赖缓存，所以得以函数的形式
2021-09-16 19:50:01
284
1
原创 js的小案例
isFinite这个函数可以判断是否无限大，若没有尽头返回false，若有尽头返回truenumber 和parseFloatnum.toString() 括号里填你想要转换为几进制1+‘2’为字符串拼接，所以输出为1210.0 输出结果为10 因为小数部分为占用空间若第一个不是数字会输出nan删除某个属性结果slice表示字符串切割，第一个参数表示起始位置，跟数学区间一样，左闭右开，第二个参数表示结束位置...
2021-09-02 19:08:45
57
原创 拿vue写一个简单的登录页面
vue首先引用样式，引用组件库，放到你的目录下，也可以在官网复制在这里我们也引入elementui组件库，在这里没有用到，但是以后会有机会用到，所以就一块引入了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie
2021-08-26 17:05:11
3929
原创 vue框架及生命周期
vue框架vue框架的核心：数据驱动框架vue可以为复杂的单页应用提供了驱动vue是一种渐进式框架，根据自己需求，选择框架中的工具React与Angle上手较难，使用场景有限，开发灵活度较低，一个好的工具可以让你事半功倍，而这个好的工具就是vue以打扫家里为例原生js 纯手工打扫jquery 用吸尘器打扫vue 扫地机器人这个自己打扫就是相当于dom操作，jquery只是将原生js做了封装，并没有拜托dom操作vue是基于MVVM视图层操作，可以
2021-08-19 20:09:41
162
原创 css3布局
布局上一篇我们已经说了伸缩盒模型，在布局设置中比较好用，现在我们来看看整体页面的布局1 相对定位postion：relative 相对定位会保留原有的元素的物理位置，也就是空间，身子走了，但是灵魂还在很明显，虽然div2设置了，但是div1下面还保留着div2的物理空间2 绝对定位position：absoulte会占有原来的空间但是会发现，div3跟div2重叠了一部分，原因就是绝对定位是一种以其他元素作为参考物移动指定距离的定位方式，子类以父类作为参照物进行移动，但是有个条件
2021-08-16 18:25:50
86
原创 超级详细的伸缩盒
伸缩盒我们先来了解下伸缩盒是用来干嘛的使布局更加灵活，顾名思义，使你的布局更加有弹性伸缩盒分为父容器和伸缩项创建3个div 给他们加上父容器并添加属性display：flex并且设置沿x轴方向排列，y轴设置为column这样就有了伸缩盒的属性，伸缩项的比例用flex来设置实现x轴的排列反转如果想要按照自己设定的排列顺序，可以在伸缩项里面设置order，属性值为数字，那么就会按照由小到大的顺序排列你的伸缩项当你的伸缩项不足以填满你的父容器，就可以在父容器里面设置justify-c
2021-08-16 17:06:18
136
原创 盒子与浮动
盒子与浮动在css编写中，布局有时候会是一个重要的问题，而浮动又是布局中的一个重要组成部分浮动是脱离文档流，所谓流，大概意思就是像河流一样顺序而排，就像多个div排列一样，有时候我们需要一行有多个div，这时候就要用到浮动。将其中一个div浮动以后，剩下的div会重新组成个文档流（需要注意的是，后面代替前面的div，不会改变原有样式）将其中的一个div元素浮动后，他会有更高的显示，从而可能挡住下一个div元素那么上一个元素浮动后，结论是下一个元素会跟在他的后面显示假如某个div元素A是浮动的，如
2021-08-03 20:15:00
145
1
原创 2021-07-27
超详细如何往gitee上传文件1.去官网下载gitee本地https://git-scm.com/downloads2 安装过后就会有两种进入方式get GUI Hereget Bash Here3 在gitee官网上登录自己的账号右上角会有一个加号，点击里面的新建仓库，创建属于你自己的本地仓库在这里再解释一下本地仓库和远程仓库的区别和联系初始化一个本地Git仓库(把本地的文件夹初始化成一个Git可以管理的版本库)git init注意:需让命令行终端处在当前文件目录下把文件
2021-08-03 19:25:08
85
原创 2021-07-21
数组 数组：数组是指有序的元素序列。如果将有限个类型相同的变量的集合命名，那么这个名称就是数组名，而组成数组的各个变量称为数组的分量，也称为数组的元素，有时也称为下标变量。” 但是在js里面，因为是弱数据语言，所以放什么都可以，但是不可以放浮点数据类型，会报错特性：1 每一项都可以保存任何类型的数据（弱数据语言）2 数组大小可以动态调整3 数组的length属性，可读可写，可以从数组末尾移除项，也可以添加新项初始化使用Array构造函数 var arr = new Array()
2021-07-21 20:13:58
85
原创 2021-07-19
谈谈js的欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
2021-07-19 19:45:27
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人