SF
前端百货店
前端百货店
注册登录
关注博客
注册登录
主页
关于
RSS
JavaScript使用小技巧之数组操作与获取URL参数
前端老兵
2023-07-07
阅读 3 分钟
604
要获取对象数组中的某几项,你可以使用JavaScript中的map()或forEach()方法进行遍历,并通过对象的键来获取相应的值。以下是一个示例代码:
简述javaScript中数组操作
前端老兵
2023-07-05
阅读 5 分钟
730
在JavaScript中,有很多数组操作可以帮助您对数组进行各种操作和变换。以下是一些常见的数组操作:访问数组元素:您可以使用索引访问数组中的特定元素,索引从0开始。 {代码...} 添加元素:您可以使用push()方法向数组末尾添加一个新元素。 {代码...} 删除元素:您可以使用pop()方法删除并返回数组的最后一个元素,或使...
如何用javascript 实现条形码和二维码
前端老兵
2023-07-02
阅读 11 分钟
2.6k
条形码和二维码条形码和二维码都是一种用于存储信息的编码系统,它们可以被扫描设备或图像识别设备读取。 1. 条形码:由一组垂直线条组成,线条的粗细和间距不同可以表示不同的数字或字符。通常用于商品标识和销售管理,以便在商业交易过程中快速识别和检索商品信息。条形码的信息容量有限,一般只能存储几十个字符或数...
javaScript 获取对象中非空的属性
前端老兵
2023-07-02
阅读 4 分钟
963
要获取JavaScript对象中所有具有值的属性,您可以使用 Object.entries() 方法结合 Array.prototype.filter() 方法。
使用JavaScript获取随机数序列
前端老兵
2023-06-29
阅读 4 分钟
991
要在 Javascript 中生成随机数,可以使用 Math 对象的 random() 方法。该方法返回一个大于等于 0 小于 1 的伪随机浮点数。
封装CRUD的方法
前端老兵
2023-06-19
阅读 14 分钟
452
## MongoDB 封装 CRUD 方法CRUD是指创建(Create)、读取(Read)、更新(Update)和删除(Delete)四种基本的数据处理操作。在软件开发中,CRUD方法通常用于对数据库或其他存储系统中的数据进行操作。具体来说,CRUD方法包括以下四种操作:创建(Create) :向数据库或其他存储系统中插入新数据。读取(Read) :从数据库或其他存储...
用户模块封装数据模型层
前端老兵
2023-06-16
阅读 9 分钟
368
数据模型层(Data Model Layer)是指在应用程序中用于表示和处理数据的模型层。这一层通常是应用程序的核心,因为它 负责从各种数据源获取数据并保证这些数据与应用程序的功能相匹配 。
用户模块的增删改查接口设计
前端老兵
2023-06-15
阅读 7 分钟
470
MongoDB 数据库常用操作MongoDB数据库中常用的操作包括:插入数据:使用insertOne()或insertMany()方法向集合中插入数据。查询数据:使用find()方法查询满足条件的数据。更新数据:使用updateOne()或updateMany()方法更新满足条件的数据。删除数据:使用deleteOne()或deleteMany()方法删除满足条件的数据。索引创建、删...
设计用户模块的schema
前端老兵
2023-06-14
阅读 8 分钟
762
schema在计算机科学中,schema通常指的是 数据结构的定义和约束。关系型数据库在关系型数据库中,schema指的是数据库中所有表格的定义和表格之间的关系约束,包括每个表格的列名、数据类型、主键、外键等等。如果要对一个关系型数据库进行查询或修改操作,就必须先定义好相应的schema。NoSQL数据库在NoSQL数据库中,sche...
初探react中使用MongoDB
前端老兵
2023-06-12
阅读 5 分钟
402
MongoDB介绍与安装什么是MongoDB来自于英文单词“Humongous”,中文含义表示“庞大”面向文档存储的开源数据库由C++编写,支持多种语言连接为什么要用MongoDB性能好(内存计算)大规模数据存储(可拓展性)可靠安全(本地复制、自动故障转移)方便存储复杂数据结构(Schema Free)更多精彩内容,请微信搜索“前端爱好者“, 戳...
Vue.js 比较重要知识点总结五
前端老兵
2023-06-07
阅读 3 分钟
878
## 概述Vue3 性能提升主要体现在哪几方面?你对 Vue 项目做过哪些优化关于虚拟 DOMVite是什么Vue3 性能提升主要体现在哪几方面?响应式性能提升 [defineproperty、proxy]编译优化优化编译和重写虚拟domFragments, 模板里面不用创建唯一根节点,可以直接放同级标签和文本内容静态提升patch flag, 跳过静态节点,直接对比动...
Vue.js 比较重要知识点总结四
前端老兵
2023-06-06
阅读 7 分钟
876
# 概述ref toRef toRefs进阶,深入理解vue3 setupVue3为何比Vue2快?怎样理解 Vue 的单向数据流?Vue 中事件绑定原理vue3 mitt 使用ref toRef toRefs进阶,深入理解为何需要ref?返回值类型,会丢失响应式setup、computed、合成函数,都有可能返回值类型Vue如果不定义ref,用户将自定义ref,反而混乱为何需要.value?ref...
Vue.js 比较重要知识点总结三
前端老兵
2023-06-05
阅读 9 分钟
390
概述Vue 中 nextTick 的实现原理v-if 和 v-show 的区别Vue 中的 key 有什么作用如何理解ref toRef和toRefsComposition API如何实现代码逻辑复用?Vue 中 nextTick 的实现原理在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM。 {代码...} 2.1.0 起新增:如果没有提供回调且在...
Vue.js 比较重要知识点总结二
前端老兵
2023-06-01
阅读 4 分钟
785
概述vue3 组合式API生命周期钩子函数有变化吗?Composition API 与 Options API 有什么区别?watch 和 watchEffect 的区别?vue2 如何升级到 vue3 ?vue3 组合式API生命周期钩子函数有变化吗?选项式API 和 组合式API 生命周期钩子对比:setup 是围绕 beforeCreate 和 created 生命周期钩子运行的,所以不需要显示的定义...
Vue.js 比较重要知识点总结一
前端老兵
2023-06-01
阅读 4 分钟
674
# 概述谈一谈你对 Vue.js 的响应式数据的理解Vue3 出现解决了什么问题?它有哪些优势?Vue3 新特性有哪些vue2 和 vue3 的响应式有什么区别?谈一谈你对 Vue.js 的响应式数据的理解Vue 2.x对象类型:通过 object.defineProperty() 对属性的读取、修改进行拦截(数据劫持)数组类型:通过 重写更新数组的一系列方法 来实现...
深度剖析 Vue.js 经典知识点之:SPA、SSR与MVVM
前端老兵
2023-05-31
阅读 3 分钟
548
SPA( single-page application )仅在 Web ⻚面初始化时加载相应的 HTML、JavaScript 和 CSS。
koa2参数校验
前端老兵
2023-05-29
阅读 3 分钟
1.3k
参数校验在编写api的时候通常都需要对参数进行校验,包括:参数的类型、必填等;如果是字符串,是否可以为空、该符合什么规则等;如果是数字,最大值最小值是什么等等。更多精彩内容,请微信搜索“前端爱好者“, 戳我 查看 。koa中参数校验在前面介绍到有一种异常错误是无法处理的实体(422错误),即参数格式不对。 那么怎...
koa2中HTTP错误处理
前端老兵
2023-05-29
阅读 3 分钟
647
HTTP错误访问 Web 服务器或应用程序时,服务器收到的每个 HTTP 请求都会以 HTTP 状态代码进行响应。HTTP 状态代码是三位数代码,分为五个不同的类别。状态代码的类别可以通过它的第一个数字快速识别:1xx:信息2xx:成功3xx:重定向4xx:客户端错误5xx:服务器错误本章节侧重于从系统管理员的角度识别和排除最常见的 HTT...
koa2获取HTTP请求参数
前端老兵
2023-05-26
阅读 4 分钟
966
其中:HTTP1.0定义了三种请求方法: GET, POST 和 HEAD方法。HTTP1.1新增了五种请求方法:OPTIONS, PUT, DELETE, TRACE 和 CONNECT 方法
浅析Koa2中控制器
前端老兵
2023-05-24
阅读 2 分钟
854
控制器什么是控制器拿到路由分配的任务,并执行路由的功能是根据不同的 url, 来分配不同的任务。控制器是拿到路由分配的任务并执行,是注册在路由中的中间件。所以在 koa 中, 控制器也是一个中间件。为什么要使用控制器获取HTTP请求参数处理业务逻辑获取HTTP请求参数Query String,如 ?kw=htmlRouter Params,如 /users/...
REST 与 RESTful API
前端老兵
2023-05-24
阅读 2 分钟
479
RESTREST是什么REST是万维网软件架构风格REST是一种网络应用程序的设计风格和开发方式,基于HTTP,可以使用XML格式定义或JSON格式定义。REST适用于移动互联网厂商作为业务接口的场景,实现第三方OTT调用移动网络资源的功能,动作类型为新增、变更、删除所调用资源。REST介绍REST:Representational State TransferRepres...
浅谈Koa2中间件
前端老兵
2023-05-23
阅读 2 分钟
551
中间件的作用就是,在上下两个事件通讯的过程中强行塞入一个事件,这个事件可以起到承上启下的作用,并在运行应用的时候做一些只关于部分模块化功能。
目前前端流行的框架总结
前端老兵
2023-05-22
阅读 6 分钟
670
前端框架一般指用于简化网页设计的框架,使用广泛的前端开发套件,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,表单等等),使用前端框架可以帮助快速地搭建网站。
简略介绍Vue3之新特性
前端老兵
2023-05-22
阅读 3 分钟
440
vue3.0是在2.0的基础上重大优化调整后的升级版本,比如:其响应式和Composition Api等等 。此文章重点介绍Vue 3 中一些常用功能API及其使用:要点重写双向绑定优化VdomVue3 FragmentVue3 Tree shakingVue 3 Composition Api更多详细内容,请微信搜索“前端爱好者“, 戳我 查看 。重写双向绑定vue2 Object.defineProperty...
深入浅出JWT
前端老兵
2023-05-19
阅读 9 分钟
930
JWT的本质就是一个字符串,它是将用户信息保存到一个Json字符串中,然后进行编码后得到一个JWT token,并且这个JWT token带有签名信息,接收后可以校验是否被篡改,所以可以用于在各方之间安全地将信息作为Json对象传输。
浅谈Koa2路由
前端老兵
2023-05-19
阅读 4 分钟
561
路由路由是什么路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程。路由是 根据不同的 url 地址 展示 不同的内容或页面。比如你请求了某个网站的用户列表的URL他就会去执行查询用户列表,并返回用户列表数据。如果你请求了特定用户的接口的URL,他就会查询特定用户,并返回给你特定用户的数据。路...
浅谈Koa2框架
前端老兵
2023-05-18
阅读 4 分钟
699
比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,表单等等),使用前端框架可以帮助快速地搭建网站。
NodeJs模块化之下半部分
前端老兵
2023-05-17
阅读 7 分钟
490
Node.js 中的模块化更多精彩内容,请微信搜索“前端爱好者“, 戳我 查看 。官网地址:[链接]fs 文件系统地址:[链接]node:fs 模块能够以标准 POSIX 函数为模型的方式与文件系统进行交互。要使用基于 promise 的 API: {代码...} 要使用回调和同步的 API: {代码...} 所有文件系统操作都具有同步、回调和基于 promise 的形...
NodeJs模块化之上半部分
前端老兵
2023-05-16
阅读 7 分钟
303
模块化什么是模块化模块化是指解决一个复杂问题时,自顶向下 逐层把系统 拆解 成若干 模块 的过程。对于整个系统来说,模块是可组合、分解和更换的单元。编程领域中的模块化编程领域中的模块化,就是遵守固定的规则,把一个大文件拆成独立并互相依赖的多个小模块。把代码进行模块化拆分的好处:提高了代码的复用性提高了...
NodeJs基础之NRM与NPM
前端老兵
2023-05-15
阅读 4 分钟
766
nrm can help you easy and fast switch between different npm registries, now include: npm, cnpm, taobao, nj(nodejitsu).
1
(current)
2
下一页
1
(current)
下一页