![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
文章平均质量分 51
等不回天亮等时光
一个会一点php node和切页面的前端工程师
展开
-
ResizeObserver理解与用途
ResizeObserverResizeObserver 接口可以监听到 Element 的内容区域或 SVGElement的边界框改变。内容区域则需要减去内边距padding。(有关内容区域、内边距资料见盒子模型 )换句话来说,ResizeObserver是可以监听到DOM元素,宽高的变化,需要注意的一点就是监听出变化结果是contentBox的宽度和高度。<!DOCTYPE html><html lang="en"> <head> <me原创 2022-05-09 11:15:11 · 6599 阅读 · 0 评论 -
我在lodash库中学习javascript编码技巧(dropRight)
鲁迅说过:只有阅读过优秀库源码的人,才能配的上是真正的勇士。dropRight创建一个切片数组,去除array尾部的n个元素。(n默认值为1。)_.dropRight([1, 2, 3]);// => [1, 2] _.dropRight([1, 2, 3], 2);// => [1] _.dropRight([1, 2, 3], 5);// => [] _.dropRight([1, 2, 3], 0);// => [1, 2, 3]funct.原创 2022-04-26 11:33:48 · 199 阅读 · 0 评论 -
vue造轮子之封装可编辑的tab选项卡
最终由于公司业务的需求,有一个新功能操作,就是双击选项卡头部让其变成可编辑的状态,点击其它区域则取消输入框输入,最终效果如下:双击选择:点击其它区域选择时:1.创建文件:在src/components下创建editTab,里面包含着editTabs,Tab.vue,还有index.js2.明确组件需求和编写规则我们要考虑这个组件给其它模块应该怎么使用,那么我这里就约定一下的使用规...原创 2020-02-28 14:03:38 · 1063 阅读 · 1 评论 -
关于css布局的那些事-双飞翼布局
什么是双飞翼布局呢?简单来说,就是中间自适应宽度,两边有固定宽度。假设:有三个div,中间的div宽度是不固定的,两边的div各有200px宽度。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" cont...原创 2019-04-12 16:11:49 · 156 阅读 · 0 评论 -
node+mongoDb+Vue+elementUI实现资金管理后台系统(一)----mongoDB的安装与连接
今天和大家分享一下,一个node+mongoDb+Vue实现的一个小型后台管理系统。这个小系统采用的也是前后端分离。后端:node数据库:mongoDb数据库管理工具:robo3T1.2.1数据接口测试:postman前端:vue+vue全家桶+elementUI安装mongodbmongodb是一个开源数据库,可以从它的官网进行下载,https://www.mongodb.co...原创 2019-01-30 23:34:48 · 1538 阅读 · 4 评论 -
node+mongoDb+Vue+elementUI实现资金管理后台系统(六)---前台的注册,登陆与token存储
我们利用elementUi为我们提供的UI组件进行快速编写界面,elementUI文档:http://element-cn.eleme.io/#/zh-CN/component/installationregister.vue 注册界面HTML模板<template> <div class="register"> <div class=...原创 2019-02-06 20:29:46 · 681 阅读 · 2 评论 -
node+mongoDb+Vue+elementUI实现资金管理后台系统(五)---数据增删改查接口
我们用户的所有操作都是要基于token来进行操作,所以我们在profile.js中引入passport模块const passport = require("passport");添加信息接口router.post("/add",passport.authenticate("jwt",{session:false}),(req,res)=>{ const profile...原创 2019-02-06 10:46:58 · 544 阅读 · 0 评论 -
node+mongoDb+Vue+elementUI实现资金管理后台系统(四)---增加身份字段和配置用户信息接口
增加注册身份字段前台注册的时候,是需要我们选择 不同的身份,然后对后台进行不同的操作,这也是一种权限的处理。在models/User.js下增加identity字段在routes/api/user.js下//@login & registerconst express = require("express");const router = express.Router(...原创 2019-02-01 12:13:21 · 703 阅读 · 0 评论 -
node+mongoDb+Vue+elementUI实现资金管理后台系统(三)---人物默认头像和登陆接口token设置
获取默认的人物头像我们安装gravatar模块,可以获取到人物的默认头像,官方文档如下https://www.npmjs.com/package/gravatar安装方式:npm install gravatar在routes/api/user.js中使用postman进行测试这个时候就可以获取到了默认的头像。登陆接口编写这里的登录,我们需要第三方jwt模块,实...原创 2019-01-31 20:53:26 · 712 阅读 · 0 评论 -
node+mongoDb+Vue+elementUI实现资金管理后台系统(二)---node连接数据库和编写注册接口
使用express搭建服务器在D盘下面创建一个文件夹node-app,并在cmd中运行。初始化文件,在cmd中输入npm init,选项直接回车键就可以了。使用的编辑工具是vscode,在cmd中直接输入code .可以快速打开该文件建立server.js和安装express在node-app下新建一个server.js并且通过npm安装expressserver.js...原创 2019-01-31 13:00:41 · 974 阅读 · 8 评论 -
做个项目总结出来的递归用法
大家好,我叫咖啡,今天我来和大家水一下递归这个东西~~~。首先呢,我们要知道什么东西是递归。在js中,我们都知道js是个单线程的语言。js是单线程语言,但他允许通过设置超时调用和间歇时间来调度代码在特定的时刻执行。前者是在指定的时间过后执行代码,而后者则是每隔指定的时间就执行一次代码。递归,你可以理解成为一个重复调用本身的一个过程。我们现在直接来看一个倒计时的一个案例。倒计时的实现,我原创 2017-11-28 21:34:09 · 2775 阅读 · 0 评论