0

我第一份Web前端工作能找到12k的工作,就是掌握了这些技术栈

我个人的情况是有1年web前端工作经验+半年的实习经验,2020年毕业,大一的时候学过C语言,所以一直对于编程感兴趣。我是从大三开学后正式开始自学web前端相关的知识,之所以选择前端方向,一方面是自己对于网页更加感兴趣,二是听我哥说目前web前端的发展趋势更好(我哥在网易做程序员),所以我就确立了前端方向为以后我就业的主要方向。从开始自学到大四的实习,我一共花了1年2个月时间,把前端主要的技术点和框架都过了一遍,自己做了三个Vue的项目实战。然后在2019年的10月份进入了杭州当地的一家公司实习半年,一直到2020年4月在这家公司转正,待遇是月薪12K*14薪+五险一金。目前算上实习的时间,我...

阅读全文>>

0

SpringSecurity代码实现JWT接口权限授予与校验

SpringSecurity代码实现JWT接口权限授予与校验通过笔者前两篇文章的说明,相信大家已经知道JWT是什么,怎么用,该如何结合Spring Security使用。那么本节就用代码来具体的实现一下JWT登录认证及鉴权的流程。为了大部分的移动端用户观看,本文所有代码均用图片的形式发布,图片点击可放大。有需要源码的朋友可以call我。一、环境准备工作建立Spring Boot项目并集成了Spring Security,项目可以正常启动通过controller写一个HTTP的GET方法服务接口,比如:“/hello”实现最基本的动态数据验证及权限分配,即实现UserDetailsService...

阅读全文>>

0

一篇够用的TypeScript总结

一、前言没写ts之前看官方文档,被那么多特性吓尿了,实际上写业务用的特性不多。五月底ts正式升级了4.3版本,4.4也已经在beta版本了。差不多先生,够用就行,这里更多的是,以自己的理解去总结一下常用的ts特性。有理解错误的,欢迎大哥指正知识这种东西,学了还是要总结下,梳理清楚自己对当前知识的掌握程度。偷懒了一段时间,接下来要好好发力了。二、ts的优缺点1、优点代码的可读性和可维护性:举个看后端某个接口返回值,一般需要去network看or去看接口文档,才知道返回数据结构,而正确用了ts后,编辑器会提醒接口返回值的类型,这点相当实用。在编译阶段就发现大部分错误,避免了很多线上bug增强了编辑...

阅读全文>>

0

一键更新并部署JAR服务

#!/bin/sh cd /data/package/fbs/fbs-hub echo '当前目录:'`pwd` echo '=========================================' echo '开始更新代码...' echo '=========================================' git pull echo '=========================================' echo "完成代码更新" echo '=========================================' s...

阅读全文>>

0

超详细的jenkins持续集成工作原理、功能、部署方式等介绍

概述今天简单整理了一下jenkins的一些概念性内容,归纳如下:1、概念jenkins是一个开源项目,提供了一种易于使用的持续集成系统,使开发者从繁杂的集成中解脱出来,专注于更为重要的业务逻辑实现上。同时 Jenkins 能实时监控集成中存在的错误,提供详细的日志文件和提醒功能,还能用图表的形式形象地展示项目构建的趋势和稳定性。Jenkins可以构建一个自动化的持续集成环境可以使用它来“自动化”编译、打包、分发部署应用,它兼容ant、maven、gradle等多种第三方构建工具,同时与svn、git能无缝集成,也支持直接与知名源代码托管网站,如github、bitbucket直接集成。2、Je...

阅读全文>>

1

Bootstrap5.0-全球流行的前端开源UI工具包迎来了大版本更新

Bootstrap 5.0正式发布了,带来了很多亮点,还学得动吗?Bootstrap 介绍Bootstrap 是前些年十分流行,当前比较流行的前端框架,由国内上不了的推特出品,基于 css / html / javascript 提供了简洁的api,以及更为完善的人性化的网站风格,并兼容大多数 jQuery 插件。。特点是上手简单灵活,当年一经推出,受到了大量前端开发者的青睐,极大地加快了 web 开发的速度,是 web 前端开发人员的一个重要工具。bootstrap5 官网截图历经了4个大版本的更新,如今 Bootstrap 5.0 正式版也正式发布了,带来很多新特性:全新的logo,以及官...

阅读全文>>

0

新的宽高比(aspect-ratio)CSS属性

在响应式网页设计中,保持一致的宽高比,即所谓的长宽比,对于防止布局的累积偏移至关重要。现在,有了Chromium 88、Firefox 87和Safari技术预览版118中推出的新宽高比属性,有了更直接的方法来实现这一目标。长宽比长宽比最常见的表示方式是两个整数和一个冒号,尺寸为:宽:高,或x:y。摄影最常见的长宽比是4:3和3:2,而视频和最近的消费类相机则倾向于16:9的长宽比。具有相同长宽比的两个图像。一个是634 x 951像素,另一个是200 x 300像素。两者的长宽比均为2:3随着响应式设计的到来,对于Web开发人员而言,保持宽高比已变得越来越重要,尤其是当图像尺寸不同且元素大小...

阅读全文>>

0

前端如何实现队列

前言队列对于我们来说再简单不过了,就是排队呀,咱们今天看看怎么使用js 实现队列的思想,简单容易理解,可以看看偶1.定义队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表。进行插入操作的端称为队尾,进行删除操作的端称为队头。队列 先进先出2.队列的实现2.1 对列的方法enqueue 从队列尾部添加一个元素dequeue 从队列头部删除一个元素head 返回头部的元素 不是删除size 返回队列的大小clear 清空队列isEmpty 判断队列是否为空tail 返回队列尾节点2.2 实现...

阅读全文>>

0

Serverless 文件上传优化

前言当开发者需要搭建一个 Web 应用或移动端程序时,可以使用云函数作为后端服务,由 API 网关接收客户端请求,并触发云函数处理。这样的 Serverless 架构具备简单便捷、可弹性扩展、高可用等优势,正成为越来越多人的共同选择。但开发者在搭建应用时,难免会遇到上传文件的场景,如 App 上传用户头像、个人博客文章图片、网站评论图片,这些都需要上传文件到后端。如果您的业务托管在主机上,上传文件往往不受限制,可使用 multipart/form-data 方式直接上传文件;但在 Serverless架构下,由于 API 网关和云函数之间只支持传输 JSON 数据,使用传统方式上传文件较为困难...

阅读全文>>

0

表格设计:掌握表格设计方法

编辑导读:如何对海量的信息进行统计,最常见的方法就是进行表格整理。表格是职场人士最常用到的工具之一,是数据呈现的载体。本文从设计的角度,对如何进行表格设计展开分析,希望对你有帮助。在我的上一篇文章中,详细的对【表单设计】进行了总结,沉淀了表单设计中需要注意的体验问题,今天按照同样思路对【表格】 进行整理,这是我写的第二篇文章,希望能对大家有帮助。首先了解下表格的构成:顶栏、表格主体、底栏。顶栏: 对表格信息进行概括,包含标题、筛选、搜索、操作按钮等功能表格主体:承载数据内容,由 行 和 列 构成底栏:主要用于设置当页条数及放置分页器关于表格的文章有很多,这边我仅仅针对表格内部(即表格主体)与大...

阅读全文>>