自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS排序算法知识点

递归、排序算法

2023-10-31 15:01:51 137

转载 element-UI中progress中percentage进度条数值显示问题

element-UI中progress进度条的数值问题

2023-09-25 16:06:13 2690

原创 git基本命令

git基本命令

2022-07-20 19:19:31 181

原创 登录表单验证码

vue登录表单验证码写法

2022-07-18 16:03:53 159

原创 nodejs登录接口

// 根据数据库的表判断身份的不同登录不同的状态并生成token router.post('/login', (req, res) => { // 获取用户名和密码 var uname = req.body.uname; var upwd = req.body.upwd; // console.log(uname, upwd); // 查询数据库 var sql = 'SELECT * FROM login WHERE uname=? AND upwd.

2022-04-29 01:18:51 2075 3

原创 ant design of Vue中label的样式

每个官方文档的组件都不一定相同,所以我们应该严格按照官方组件的定义来调节,ant design of vue中label的调节应该用labelCol来设置,如下所示:labelCol是一个对象 :labelCol={ span:5 } // 可以参考Col的API ...

2022-04-19 14:29:19 1568

原创 vscode提交Git代码总是要输入账号和密码

进入文件目录打开终端 输入 git config --global credential.helper store 重启vscode即可

2022-04-11 02:03:06 900

原创 js基础知识点

使用 const 关键字声明只读变量 关键字let不是声明变量的唯一新方法。在 ES6 中,您还可以使用const关键字声明变量。 const具有所有令人敬畏的功能,以及使用声明的变量是只读let的额外好处。const它们是一个常量值,这意味着一旦一个变量被赋值const,它就不能被重新赋值: const FAV_PET = "Cats"; FAV_PET = "Dogs"; 由于重新分配 的值,控制台将显示错误FAV_PET。 const您应该始终使用关键字命名您不想重新分配的...

2022-03-31 11:16:54 907

转载 前端知识点

文章目录 一、搜索技巧 二、接下来笔者与大家分享一下我个人积累的网站: 1.基础学习类网站 2.开发文档类网站 3.解决开发难点类网站【各种库,插件,开源网站介绍】 4.想要实现快速开发不可不知的 5.各种功能网站 6.在线工具 7.开发人员应知技术 8.前端UI组件库 9.刷题 10.代码托管平台 11.社区类 12.项目合作 13.新闻资讯类 14.书籍类 15.学习网站 16.应聘网站 17.休闲网站 18.extra 三、遇到问题的解决办法 一、搜索技巧 建议学习一下这个搜索技巧。 搜索技巧:ht

2022-03-30 18:02:10 415

转载 深入响应式原理

现在是时候深入一下了!Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以避开一些常见的问题。在这个章节,我们将研究一下 Vue 响应式系统的底层的细节。 如何追踪变化 在 Vue Mastery 观看视频讲解 当你把一个普通的 JavaScript 对象传入 Vue 实例作为data选项,Vue 将遍历此对象所有的 property,并使用Obj...

2022-03-28 13:56:52 128

原创 CSS样式学习资料

day08 CSS 一、css概述 1.css层叠样式表Cascading Style Sheets 它是一种样式表语言,用来渲染html或者xml文档的样式文件 2.规则和语法 (1)语法 (2)规则 - 选择器是负责找到元素,可以使用多种选择器来完成,但没选中该元素,css不会报错,只会不渲染样式 - 样式声明可以是多个,没有声明个数限制。每一个声明后都加一个分号。 - css的空格,css书写中有些空格是没用的为了好看方便编写,有些空格是一定要写的,都在属性值上出现的空.

2022-03-28 13:39:32 1063

原创 CSS样式

选择器 通用选择器 通用选择器可以选择页面上的所有元素,并对它们应用样式,用 * 来表示。 id选择器 HTML元素以id属性来设置id选择器,CSS中id选择器以 # 来定义 class选择器 class 选择器在 HTML 中以 class 属性表示, 在 CSS 中,类选择器以一个点"."号显示 标签选择器 以 HTML 标签作为 CSS 修饰所用的选择器。 内联选择器 第四种内联选择器即直接在标签内部写 CSS 代码。 属性选择器 CSS 属性选择器通过已经存在的属性名或属性值

2022-03-28 13:14:44 601

原创 为Array对象添加一个去除重复项的方法

输入例子: [false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN].uniq() 输出例子: [false, true, undefined, null, NaN, 0, 1, {}, {}, 'a'] ES6方法: ES6的实现 ES6新增了 Set 对象,也就是我们所说的“集合”,它类似于数组,但是成员 的值都是唯一的,没有重复的值。所以可以方便去重。 Set本身是一个构造函数,用来生成Set数据结构。(详

2022-03-25 17:10:06 1641

原创 消息订阅与发布(pubsub)

1.一种组件通信的方式,适用于任意组件间通信 2.使用步骤: 1)安装pubsub: npm i pubsub-js 2)引入: import pubsub from 'pubsub-js' 3)接收数据:A组件想接收数据,则在B组件中订阅消息,订阅的回调留在A组件自身 mehtod(){ demo(data){......} } ...... mounted(){ this.pid=pubsub.subscribe('xxx',this.demo) //订阅消息 }

2022-03-25 14:47:13 194

原创 VueComponent

1.一个重要的内置关系:VueComponent.prototype.__proto===Vue.prototype 2.为什么要有这个关系:让组件实例对象(VueComponent)可以访问到Vue原型上的属性、和方法

2022-03-25 10:54:08 855

原创 Vue监视数据的原理

1.vue会监视data中所有层次的数据 2.如何监测对象的数据? 通过setter实现监视,且要在new Vue时就传入要检测的数据 (1)对象中后追加的属性,Vue默认不做响应式处理 (2)如需给后添加的属性做响应式,请使用如下API: Vue.set(target,propertyName/index,value) vm.$set(target,propertyName/index,value) 3.如何检测数组中的数据? 通过包裹数组更新元素的方法实现,本质就是做了两件事: (1)

2022-03-25 09:53:24 591

原创 完整的导航守卫解析流程

导航被触发。 在失活的组件里调用beforeRouteLeave守卫。 调用全局的beforeEach守卫。 在重用的组件里调用beforeRouteUpdate守卫(2.2+)。 在路由配置里调用beforeEnter。 解析异步路由组件。 在被激活的组件里调用beforeRouteEnter。 调用全局的beforeResolve守卫(2.5+)。 导航被确认。 调用全局的afterEach钩子。 触发 DOM 更新。 调用beforeRouteEnt...

2022-03-24 15:55:51 246

原创 编程式导航

注意事项:vue实例中,可以通过$router访问路由实例。因此可以调用this.$router.push 想要导航到不同的 URL,可以使用router.push方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,会回到之前的 URL。 声明式 编程式 <router-link :to="..."> router.push(...) 该方法的参数可以是一个字符串路径,或者一个描述地址的对象。例如: // 字符串路...

2022-03-24 14:17:48 231

原创 嵌套路由(子路由)

router->index.js views->test.vue views->test1.vue 模板随便写点儿内容 test2.vue同上

2022-03-24 14:04:50 410

原创 v-model修饰符

.lazy 在默认情况下,v-model在每次input事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时)。你可以添加lazy修饰符,从而转为在change事件_之后_进行同步: <!-- 在“change”时而非“input”时更新 --> <input v-model.lazy="msg"> .number 如果想自动将用户的输入值转为数值类型,可以给v-model添加number修饰符: <input v-model.n...

2022-03-23 11:56:10 237

原创 事件修饰符

在事件处理程序中调用event.preventDefault()或event.stopPropagation()是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。 为了解决这个问题,Vue.js 为v-on提供了事件修饰符。之前提过,修饰符是由点开头的指令后缀来表示的。 .stop .prevent .capture .self .once .passive <!-- 阻止单击事件继续传播 --&gt...

2022-03-23 11:30:57 116

原创 vue数组更新检测

变更方法:push() 、pop()、shift()、unshift()、splice()、sort()、reverse() 变更方法:会变更调用这些方法的原始数组 非变更方法:filter()、concat()、slice() 。不会变更原始数组,而总是返回一个新数组

2022-03-23 11:23:24 617

空空如也

空空如也

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

TA关注的人

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