前端 Git-Hooks 工程化实践
前言 前段时间，部门的前端项目迁移到 monorepo 架构，笔者在其中负责跟 git 工作流相关的事情，其中就包括 git hooks 相关的工程化的实践。用到了一些常用的相关工具如 husky、lint-staged、commitizen、commit-lint 等，以此文记录一下整个的实践过程 ...
thymeleaf实现前后端数据交换
1.前端传数据后端接收： 用户在登录界面输入用户名和密码传给后端controller，由后端判断是否正确！ 在html界面中要传递的数据name命名，通过表单的提交按钮会传递给响应的controller，在controller将需要的name接收！ <input type="text" name=" ...
分享一些关于联调时处理数据结构的一些方法
在我们进行前后端联调时，往往会出现后端给到的数据在前端不能直接做渲染的情况 这个时候就需要处理后端返回的数据，转换数据结构前端再做渲染操作 当然如果和后端关系好~也可以让后端改成你想要的样子 以下简单介绍遇到过的情况和相应的处理 觉得有用的话也可以自行封装成工具类 后端返回线性结构数据，需根据rol ...
Vue+ElementUI封装简易面包屑组件
在实际项目中面包屑是非常常见的一个功能，用于切换层级选项 当然有的公司会使用TagsView导航栏，这个后续在做介绍 今天分享一个简易的面包屑组件，这边配合ui库进行封装 安装依赖，在main.js中引入 yarn add element-ui import Vue from 'vue' impor ...
sass变量的详细使用
sass变量同javascript变量，可以用来存储一些信息，并且可以重复使用。 先来对比一下css中的变量 同css变量对比 CSS 变量是由 CSS 作者定义的，它包含的值可以在整个文档或指定的范围内重复使用。 用CSS变量来实现简单的代码： :root{ --font-size:18px; } ...
CSS样式
css概述 层叠样式表（cascading style sheet） 层叠是指==将多个样式施加在一个元素（标签）上== 作用： 美化页面 将html代码与样式代码分离 好处： 功能强大 分离代码，降低耦合性，提高重用性，提高维护性，提高开发效率 使用方法 1、在HTML标签的style属性书写，这 ...
Vue面试题总结(持续更新中)
Vue面试题总结(持续更新中) 题目参考链接 https://blog.csdn.net/weixin_45257157/article/details/106215158 由于已经有很多前辈深造VUE的某一块知识，所以我也是大树下好乘凉，进行总结与积累。 就有这篇博客，希望对各位面试求职的同学有所 ...
基于 Hexo 从零开始搭建个人博客（五）
有些效果无法在这儿体现，如果想看完整的效果，请移步个人站点。 原文链接：基于 Hexo 从零开始搭建个人博客（五） 阅读本篇前，请先阅读前几篇文章： 基于 Hexo 从零开始搭建个人博客（一） 基于 Hexo 从零开始搭建个人博客（二） 基于 Hexo 从零开始搭建个人博客（三） 基于 Hexo 从 ...
记录--WebSocket 原理
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、什么是WebSocket WebSocket 是一种在单个TCP连接上进行全双工通信的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。 在 WebSocket API 中，浏览器 ...
基于 Hexo 键入搜索功能
原文链接： 基于 Hexo 键入搜索功能 前言 本站基于Hexo搭建，用的 🦋 hexo-theme-butterfly 主题 v3.7.1，请注意最新的🦋 hexo-theme-butterfly 版本已经更新到 v4.2.2 。 如果你是 v3.7.1 之外的版本，可能有些地方会有出入，请留 ...
圆角大杀器，使用滤镜构建圆角及波浪效果！
本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。 首先，我们来看这样一个图形： 一个矩形，没什么特别的，代码如下： div { width: 200px; height: 40px; background-color: #000; } 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该 ...
使用纯 CSS 实现超酷炫的粘性气泡效果
最近，在 CodePen 上看到这样一个非常有意思的效果： 这个效果的核心难点在于气泡的一种特殊融合效果。 其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看。 其中，要想灵活运用 SVG 中的 feGaussian ...