自定义博客皮肤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 70

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

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

2023-09-25 16:06:13 1961

原创 git基本命令

git基本命令

2022-07-20 19:19:31 131 1

原创 登录表单验证码

vue登录表单验证码写法

2022-07-18 16:03:53 119

原创 nodejs登录接口

// 根据数据库的表判断身份的不同登录不同的状态并生成tokenrouter.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 1931 3

原创 ant design of Vue中label的样式

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

2022-04-19 14:29:19 1400

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

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

2022-04-11 02:03:06 777

原创 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 851

转载 前端知识点

文章目录一、搜索技巧二、接下来笔者与大家分享一下我个人积累的网站: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 310

原创 深入响应式原理

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

2022-03-28 13:56:52 77

原创 CSS样式学习资料

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

2022-03-28 13:39:32 948

原创 CSS样式

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

2022-03-28 13:14:44 491

原创 为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 1551

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

1.一种组件通信的方式,适用于任意组件间通信2.使用步骤:1)安装pubsub:npm i pubsub-js2)引入: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 107

原创 VueComponent

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

2022-03-25 10:54:08 799

原创 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 549

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

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

2022-03-24 15:55:51 177

原创 编程式导航

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

2022-03-24 14:17:48 110

原创 嵌套路由(子路由)

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

2022-03-24 14:04:50 352

原创 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 189

原创 事件修饰符

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

2022-03-23 11:30:57 68

原创 vue数组更新检测

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

2022-03-23 11:23:24 561

空空如也

空空如也

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

TA关注的人

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