- 博客(22)
- 收藏
- 关注
原创 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 <!-- 阻止单击事件继续传播 -->...
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关注的人
RSS订阅