- 博客(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
原创 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
原创 匿名函数、定时器
函数是JavaScript中最灵活的一种对象,匿名函数:就是没有函数名的函数。第一种:这也是最常规的一种}第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串');第三种:}注意“=”右边的函数就是一个匿名函数,创造完毕函数后,又将该函数赋给了变量square。匿名函数的创建:第一种方式:}第二种方式:自执行语法匿名函数。
2022-11-20 19:32:25 102
原创 this指向、Math对象、闭包
this是指JavaScript语言的一个关键字。在函数运行时,自动生成一个内部对象,只能在函数内部中使用。随着函数使用场合的不同,this的值也会发生变化,指向是不确定的。指向是可以改变的。不过有一个总的规则,this指的是调用函数的那个对象(谁调用的,this就是指向的谁)。
2022-11-20 19:30:09 69
原创 var、let和const的区别
与var又一个很重要的区别是,let声明的变量不会在它所在的作用域中被提升,对暂时性死区可以理解为,在代码块内,使用let声明变量之前,该变量都是不可用的。这就是所谓的“提升”(hoist),也就是把所有变量声明(var操作符声明的)都拉到函数作用域的顶部。const 的行为与 let 基本相同(块级作用域、暂时性死区、不允许重复声明等)和var又一个区别是,let操作符不允许在同一个块作用域中重复声明变量。let声明的范围是块级作用域 (一对{ }内)。注意:这里就和 var 声明的作用域有区别了。
2022-11-20 19:20:32 107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人