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