前端css
超简约前端点击图片弹窗放大（手机端）
.markImg{ width:100%; height:100%; position:fixed; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,0.5); padding:15px; box-sizing:border-box; ......
前端封装excel下载方法&&解决前端下载请求设置responseType: 'blob'时后台报错无法处理的问题
请求设置responseType: 'blob'时接口报错了如果不做处理则获取不到接口错误信息，此时下载的文件是有问题的。 ``` /* @params options {} * data:Blob, * fileName:String, * successMsg:String, * */ impo ......
django 如何在序列化器中抛出错误 并且在视图中捕捉返回给前端
1.在create()中抛出错误 class YourSerializer(serializers.Serializer): def create(self, validated_data): # 进行数据验证是否满足条件 #得到数据过程以省略 condition = False if not co ......
前端项目开发
前端项目开发流程通常包括以下几个步骤： 1. 需求分析和规划：与项目团队一起明确项目的需求和目标，确定项目的功能和设计要求。 2. UI/UX设计：根据需求分析和规划的结果，进行用户界面和用户体验设计。这包括设计页面布局、色彩搭配、图标等。 3. 前端开发：根据UI/UX设计，使用HTML、CSS和 ......
前端学习C语言 - 初级指针
## 初级指针 本篇主要介绍：`指针和变量的关系`、指针类型、`指针的运算符`、空指针和野指针、`指针和数组`、`指针和字符串`、const 和指针、以及`gdb 调试段错误`。 ### 基础概念 > 指针是一种特殊的变量。存放地址的变量就是指针。 `int num = 1;` 会申请4个字节的内存 ......
css遮盖和穿透效果思路
1. 新标签，定位遮挡，内容可以移至新标签，或设置其透明度 2. 伪元素，定位遮挡，内容可以移至新标签，或设置其透明度 3. mask遮挡 mask遮挡分为，单mask遮挡，这个没什么好说的，基本用法 还有就是，多mask遮挡 已经使用了一个mask来实现其他效果，这时还需要一个遮挡，隐藏某些位置， ......
css3缩放 transform: scale() 使用缩放之后顶点对齐问题
css3缩放 transform: scale() 使用缩放之后顶点对齐问题 注意点：想要将缩放之后的div对齐顶点，那么需要将css属性设置为：transform-origin: 0 0 <div style="width: 900px; height: 900px; background: gr ......
CSS实现图片自适应布局，且不拉伸变型
1.通过背景图的方式处理图片（ 通过 background-size 作用在容器上 ） .img_background{ width:300px; height:300px; background-image:url( ' image.jpg' ); background-repeat:no-rep ......
前后端分离，前端和后端是并行开发吗？还是前端先开发?后端在开发时能不能先看到项目前端的页面？
前后端分离并不只是开发模式，而是web应用的一种架构模式。 在开发阶段，前后端工程师约定好数据交互接口，实现并行开发和测试； 在运行阶段前后端分离模式需要对web应用进行分离部署，前后端之前使用HTTP或者其他协议进行交互请求。 并行开发： 1. 开发前，前后端定义接口规范 2. 定义好接口后，后端 ......
前端ajax调用后端下载Excel模板流，解决输出乱码等问题
function importTemplate() { $.ajax({ url: "/importTemplate", type: "get", success: function (data) { let downloadUrl = "../importTemplate" // 创建a标签 le ......
打卡css第一天
HTML5+CSS3 类选择器 .类名 id选择器#id名 交集选择器 p.类名.id名 伪类a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:#FF00FF;} / ......
前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容
#### 前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13183 #### 效果图如下：  ## 名词简介 #### git hooks 下图为 ......
引入第三方css样式
方式一 1.将bootstrap.min.css放入src下assets目录 2.app组件中引入样式 import '@/assets/bootstrap.min.css' 如果使用import引入，会严格检查，当字体文件不存在时，会报错 方式二 1.将第三方样式放入目录：public/css目录 ......
前端-CSS
CSS 1.1CSS基础 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 文档的呈现（ 美化内容）。 书写位置：title 标签下方添加 style 双标签，style 标签里面书写 CSS 代码。 <title>CSS 初体验 ......
css实现印章效果
<div class="seal"> <div class="seal-status">已使用</div> <div>2023.06.09</div> <div>18:59</div> </div> <div class="seal-red"> Draft </div> .seal{ width: ......
前端Vue自定义等宽新闻标签栏标题栏选项卡新闻栏
#### 前端Vue自定义等宽新闻标签栏标题栏选项卡新闻栏， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13170 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i ......
前端Vue自定义tabbar底部tabbar凸起tabbar兼容苹果刘海屏小程序和APP
前端Vue自定义tabbar底部tabbar凸起tabbar兼容苹果刘海屏小程序和APP， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13167 效果图如下： ![](https://p3-juejin.byteimg.co ......
前端面试题之HTML和浏览器
## 00-一些术语 - DTD：Document Type Definition文档类型定义，是一组机器可读规则，定义XML和HTML的特定版本中所有允许元素及它们的属性和层次关系的定义。DTD对HTML文档的声明会影响浏览器的渲染模式。 - SGML：标准通用标记语言，是一种定义电子文档结构和描 ......
css的一些技巧汇总（未完待续）
1.height无法达到效果时，可以试试max-height比如：transition对height:auto 无效，可以通过max-height:50vh解决 2.:focus 和 :blur事件在交互上存在冲突时，可以通过hover解决 比如：input的blur失去焦点ul收起，但在点击li标 ......
[CSS 3] CSS Pseudo Selector
We only want to access <li>One</li> B: '+' sinbling selector, if we don't have second uland replaced with a li, then it is targeting this li; which is ......
[CSS 3] Font Strategies
font-display: auto; font-display: block; font-display: swap; font-display: fallback; font-display: optional; auto The font display strategy is defined ......
前端-HTML
1.HTML基础 1.1标签语法 HTML 超文本标记语言——HyperText Markup Language。 超文本：链接 标记：标签，带尖括号的文本 标签结构 标签要成对出现，中间包裹内容 <>里面放英文字母（标签名） 结束标签比开始标签多 / 标签分类：双标签和单标签 ctrl+b 隐藏结 ......
Vue前端权限管理
一、登录权限控制 实现哪些页面能被未登录的用户访问，哪些页面只有用户登录后才能被访问 1、实现： 在路由对象中以添加meta的方式去实现登录页面权限控制 需要登录才能显示的页面设置meta.need_login属性 export const routes = [ { path: '/login', ......
前端缓存【http缓存 | 浏览器缓存】
一、前端缓存分类【http缓存|浏览器缓存】 1、http缓存分类：强缓存 协商缓存 都是服务端设置 HTTP Header 来实现的 （1）强缓存 不需要发送请求到服务端，直接读取浏览器本地缓存 // 在 Chrome 的 Network 中显示的 HTTP 状态码是 200 在 Chrome 中 ......
前端Vue自定义数字输入框 带加减按钮的数字输入框组件
#### 前端Vue自定义数字输入框 带加减按钮的数字输入框组件， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13163 #### 效果图如下： #### ![](https://p3-juejin.byteimg.com/ ......
前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input
#### 前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13166 #### 效果图如下： ![](https://p3-juejin.byteimg ......
前端Vue自定义简单实用轮播图封装组件 快速实现轮播图
前端Vue自定义简单实用轮播图封装组件 快速实现轮播图， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13153 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fb ......