自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 关于request的代码逻辑

在src目录下新建一个api文件夹,此文件夹专门写请求相关的文件夹然后在里面新建一个use.js,此文件夹专门放用户请求的用axios发送请求在use.js文件夹里导入request根据接口文档 写请求然后把这个请求封装成一个函数,这个函数里需要传入两个参数这两个参数 都放在data数据里 所以可以直接申明需要的数据是data在api目录下创建index.js引入user.js并把接口暴露出去。

2023-05-14 21:39:16 101

原创 文字描述登入界面到个人界面

创建 src/views/login/index.vue 写入基本框架然后在 src/router/index.js 中配置登录页的路由表最后,访问 /login 查看是否能访问到登录页面。布局结构:导航栏需要用到vant里面的导航栏 、 登入的表单需要用到vant里面的表单结构 还要在加上vant 里面的按钮布局样式:原则是将公共样式写到全局(src/styles/index.less),将局部样式写到组件内部。

2023-04-16 21:29:50 85

原创 盒子模型的简介

因此可以通过这三个属性来控制盒子的这三个部分。overflow:hidden/scroll/visibility(默认显示);注意:如果有一个元素要浮动,相邻的元素也需要加上浮动!(跟top/bottom/left/right联合使用)(跟top/bottom/left/right联合使用)(跟top/bottom/left/right联合使用)设置为包含块的元素,参考点就是这个元素左上角的一点,绝对定位(参考点是左上的原点)相对定位(参考点是本身的位置)移动的范围就是包含块元素的大小。

2023-03-12 17:11:24 97

原创 vue项目目录的介绍

App.vue -- 根组件 组件就是模块 App.vue是由由template--> html ,script--> js,scss-->css 三部分内容组成。package-lock.json 记录当前状态下实际安装的各个npm package的具体来源和版本号。router -- 配置整个vue项目的路由,vue 是单页面应用的代表,这里面就是设置一个一个组件的地址的文件。main.js -- 项目的主js,全局的使用的各种变量、js、插件 都在这里引入 、定义。

2023-03-05 13:13:55 147

原创 vue的知识点复习

m 是vue实例中的data,自定义的数据或后端返回的数组不是后端mvc里的model概念不同。vm 是vue的实例 m和v之间的调度者 是mvvm的核心思想v是 html 要渲染的。v-cloak 解决{{}}插值闪烁问题v-text 会先执行 覆盖 元素中原本的内容 但是插值表达式只会覆盖自己的占位符,默认不会闪烁v-html 渲染 html标签 覆盖元素中原有元素内容v-bind: 简写为: 用来绑定数据 可以写合法的js表达式v-on: 简写为 @ 用来点击事件。

2023-03-05 13:11:25 52

原创 Vue脚手架搭建和vue项目创建

Vue脚手架指的是vue-cli,它是一个快速构建**单页面应用程序(SPA)**环境配置的工具,cli是(command-line-interface )命令行界面。安装nodewin+r输入cmd打开控制台窗口,输入:node -v检查是否安装node。二、安装cnpm(非必要),但是国内的话安装了会快很多。输入命令安装:npm install -g cnpm -registry=https://registry.npm.taobao.org检测是否安装:cnpm -v。

2022-11-24 18:59:01 141

原创 vue的lazy修饰符和number修饰符 、表单结构

这个修饰符通常很有用,因为即使在 type=“number” 时,HTML 输入元素的值也总会返回字符串。如果这个值无法被parseFloat() 解析,则会返回原始的值。​ 复选框checkbox这种组合时data中的hobby我们要定义成数组,否则无法实现多选。自动将用户的输入值转为数值类型。​ 和获取单选框中的值一样。vue的number修饰符。​ 通过v-model。

2022-11-24 18:56:36 446

原创 vue小练习(网页汇率器)

整体比较简单,上中下三个 div,上面的 div 里就放一个文本就行;中间的 div 又分为三个小 div,每个 div 里一个文本加一个输入框;下面的 div 也分为三个小 div。两个数据关联的是对象数组的key和map里的key,但是两组数据需要的值不同。这个 select 绑定的就是 option 的 value 属性的值,所以把 option 的 value 换成对象数组里id,

2022-11-24 18:54:33 336

原创 nodejs的内置模块

Node.js内置模块也叫核心模块,跟随 Node.js 一起安装。console 模块提供了一个简单的调试控制台,类似于网络浏览器提供的 JavaScript 控制台机制。

2022-11-24 18:51:32 248

原创 nodejs的事件和事件流

JavaScript中的事件,可以理解就是在HTML文档或者浏览器中发生的一种交互操作,使得网页具备互动性。常见的有加载事件、鼠标事件。由于DOM是一个树结构,如果在父子节点绑定事件时候,当触发子节点的时候,就存在一个顺序问题,这就涉及到了事件流。页面触发个事件时,会按照一定的顺序来响应事件,事件的响应过程为事件流。

2022-11-20 20:00:29 259

原创 nodejs的使用

Node.js 是一个基于"Chrome V8 引擎" 的JavaScript "运行环境";

2022-11-20 19:56:18 419

原创 vue js的样式绑定

直接绑定一个对象 :class=“aa” aa 是data中的一个属性: aa:{“blue”:true,“big”:false}:class="{‘属性名’:‘属性值’}" 属性名就是生效的类名 值为布尔值,true生效,false不生效。第一个color是属性名 第二个color是变量名 和data中保持一致。外部增加():属性值改造成字符串;属性名到对象名的改变。把行内属性改成对象,以对象方式绑定style属性。也可以通过计算属性返回一个对象。在行内属性中书写样式。

2022-11-20 19:54:20 190

原创 JavaScript中的对象

在 JavaScript 中,对象是一种复合的数据类型,用于保存一组无序的相关属性和方法的集合。属性: 描述事物的特征,常用名词来定义方法: 描述事物的行为,常用动词来定义。

2022-11-20 19:45:34 145

原创 cookie、localStorage、JSON字符串

会话管理:登陆、购物车等应该记住的其他内容个性化:用户偏好、主题或者其他设置追踪:记录和分析用户行为有生命周期满足同源策略内存大小受到限制(一般4k左右)localStorage 是 HTML5 提供的一个 API,他本质上是一个hash(哈希表),是一个存在于浏览器上的 hash(哈希表)。localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的 UI 上清除 localStorage 信息,否则这些信息将永远存在。

2022-11-20 19:37:27 102

原创 vue的计算属性

写在computed对象中的属性,本质上是一个方法,不过使用时依旧当属性来使用。

2022-11-20 19:35:10 59

原创 匿名函数、定时器

函数是JavaScript中最灵活的一种对象,匿名函数:就是没有函数名的函数。第一种:这也是最常规的一种}第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串');第三种:}注意“=”右边的函数就是一个匿名函数,创造完毕函数后,又将该函数赋给了变量square。匿名函数的创建:第一种方式:}第二种方式:自执行语法匿名函数。

2022-11-20 19:32:25 102

原创 this指向、Math对象、闭包

this是指JavaScript语言的一个关键字。在函数运行时,自动生成一个内部对象,只能在函数内部中使用。随着函数使用场合的不同,this的值也会发生变化,指向是不确定的。指向是可以改变的。不过有一个总的规则,this指的是调用函数的那个对象(谁调用的,this就是指向的谁)。

2022-11-20 19:30:09 69

原创 Map方法、作用域

键值对(“key = value”),顾名思义,每一个键会对应一个值。

2022-11-20 19:24:49 119

原创 var、let和const的区别

与var又一个很重要的区别是,let声明的变量不会在它所在的作用域中被提升,对暂时性死区可以理解为,在代码块内,使用let声明变量之前,该变量都是不可用的。这就是所谓的“提升”(hoist),也就是把所有变量声明(var操作符声明的)都拉到函数作用域的顶部。const 的行为与 let 基本相同(块级作用域、暂时性死区、不允许重复声明等)和var又一个区别是,let操作符不允许在同一个块作用域中重复声明变量。let声明的范围是块级作用域 (一对{ }内)。注意:这里就和 var 声明的作用域有区别了。

2022-11-20 19:20:32 107

原创 vue侦听器

vue侦听器

2022-09-29 16:54:14 84

原创 var、let和const的区别

var、let和const的区别

2022-09-29 16:48:44 215

原创 vue记事本案例

vue记事本小案例

2022-09-24 17:55:54 255

原创 ste方法和二叉树

ste方法和二叉树

2022-09-24 17:51:11 194

原创 v-for循环方法

v-for循环方法

2022-09-21 20:51:31 471

原创 数组的迭代方法

数组的迭代方法

2022-09-20 20:43:08 104

原创 v-if与v-show

v-if与v-show

2022-09-19 17:18:23 62

原创 数组的使用

数组

2022-09-17 18:43:49 46

原创 VUE的使用

vue的运用

2022-09-15 16:50:48 102

原创 对象和字符串的声明转化

对象和字符串的声明转化

2022-09-13 20:44:55 76

原创 vue的生命周期

vue的生命周期

2022-09-12 18:10:43 41

原创 JavaScript核心面试题

JavaScript核心面试题

2022-09-04 20:19:35 398

原创 了解node.js

了解node.js

2022-08-30 18:02:49 160

原创 vue,js(1)

vue.js

2022-08-30 16:08:35 700 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除