![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 65
前程韶光
学生
展开
-
Vue自定义指令
关于Vue指令vue本身为开发者提供了一系列的指令,常见如:v-bind,v-show,同时,vue也允许开发者自定义指令,然而,有的情况下,仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。常见比如当输入框加载进页面时自定获取焦点。如何自定义指令以上述输入框自定获取焦点为例:Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) {//inserted表示当所绑定的元素插入父节点时调用原创 2022-03-20 15:51:21 · 210 阅读 · 0 评论 -
React高阶函数和函数柯里化
概念高阶函数:如果一个函数符合下面2个规范中的任何一个,那该函数就是高阶函数。1.若A函数,接收的参数是一个函数,那么A就可以称之为高阶函数。2.若A函数,调用的返回值依然是一个函数,那么A就可以称之为高阶函数。常见的高阶函数有:Promise、setTimeout、arr.map()等等函数的柯里化:通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码形式。通过以下案例引出高价函数以及函数柯里化用户点击登录之后弹窗中提示用户名和密码: class C1原创 2022-01-15 12:55:52 · 463 阅读 · 2 评论 -
vue非单文件组件
如何定义组件定义组件(创建组件) const school=Vue.extend({ template:` <div> <div>school组件的div标签</div> <span>school的span标签</span> </div> ` })使用模板字符串提高程序可读性template中的内容就是组件实际上展示的htm原创 2022-01-08 16:14:04 · 97 阅读 · 0 评论 -
vue列表渲染
基本用法v-for指令:1.用于展示列表数据2.语法:v-for="(item, index) in xxx" :key=“yyy”3.可遍历:数组、对象、字符串(用的很少)、指定次数(用的很少)vue如何检测与更新列表数据虚拟DOM中key的作用:key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较,比较规则如下:2.对比规则:(1).旧虚拟DOM中找到了与新虚拟DOM相同的key:原创 2022-01-08 11:55:58 · 170 阅读 · 0 评论 -
vue数据代理
什么是数据代理数据代理:通过一个对象代理对另一个对象中属性的操作(读/写),通俗一点说就是两个变量a,b,当a发生变化时b也同步变化即成为a是b的代理,本质上需要用到Object.defineProperty函数,通过设置get函数和set函数的方式可以实现数据代理: number=19 student={ } Object.defineProperty(student,'name',{ get(){原创 2022-01-06 22:46:02 · 482 阅读 · 0 评论 -
Object.defineProperty方法
之前没怎么对Object.defineProperty方法做深入了解,就知道可以通过这个方法可以设置对象的属性,现在稍微了解以后,发现还是有不少东西值得记录一下的,所以写下这篇博客。一、语法Object.defineProperty(obj, prop, descriptor)obj:需要定义属性的对象prop:需要定义的属性descriptor:属性的描述描述符返回值:返回此对象[举个例子]let obj = Object.create(null);let descriptor转载 2022-01-06 22:01:17 · 251 阅读 · 0 评论 -
vue:路由的基本使用
vue2基本看完了,边学边忘,随便写点东西安装vue-router之后,src下新建router文件夹,新建index.js文件用于配置路由,index基本代码如下:/**路由器对象模块 */import Vue from 'vue'import VueRouter from 'vue-router'import MSite from '../pages/MSite/MSite.vue'import Order from '../pages/Order/Order.vue'import Pro原创 2021-12-14 11:01:17 · 1019 阅读 · 0 评论 -
MongoDB数据库及其增删改查操作
数据库存储在硬盘中的对数据进行统一组织与管理的仓库。数据库分类关系型数据库MySQL、Oracle、DB2、SQL Server等,存储的全部是表非关系型数据库MongoDB、Redis等,键值对数据库MongoDBMongoDB是为快速开发互联网Web应用而设计的数据库系统。MongoDB的设计目标是极简、灵活、作为Web应用栈的一部分。MongoDB的数据模型是面向文档的,所谓文档是一种类似于JSON的结构,简单理解MongoDB这个数据库中存的是各种各样的JSON。(BSO原创 2021-11-11 23:53:12 · 1052 阅读 · 0 评论 -
实现AJAX请求
准备编译器:vscode,需要额外下载node.js,vscode下载express模块,express是一个基于node平台的web开发框架,它的一个重要功能就是响应http请求编写js代码//引入express模块const { response } = require('express');const express=require('express');const { request } = require('http');//创建引用对象const app=express();/原创 2021-11-03 14:07:44 · 314 阅读 · 0 评论 -
HTTP请求详解及HTTPS协议
HTTP关于HTTP超文本传输协议(HyperText Transfer Protocol)一种无状态的,以请求/应答方式运行的协议,它使用可扩展的语义和自描述消息格式,与基于网络的超文本信息系统灵活的互动HTTP报文格式HTTP协议的请求报文和响应报文的结构基本相同,有三大部分组成:起始行(start line):描述请求或响应的基本信息,例如:GET/index.html/HTTP/1.1 HTTP/1.1 200 OK,其中,GET表示为请求方式(此处为读取数据,index.html为原创 2021-11-02 22:14:55 · 1074 阅读 · 0 评论