前端form
前端Vue自定义精美横向步骤条组件 水平步骤条组件 可用于电商跟进商品订单状态
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
web前端 第四天总结
案例1：盒子模型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> ......
前端框架及项目面试－聚焦Vue、React、Webpack
第1章 课程导学介绍课程制作的背景和课程主要内容。第2章 课程介绍先出几道面试真题，引导思考。带着问题来继续学习，效果更好。第3章 Vue 使用Vue 是前端面试必考内容，首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ，这些部分的 ......
前端编程开发 --- vue3 监听属性
监听变量的变化并触发函数 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button> / ......
web前端 第三天总结
案例1：伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title ......
前端开发常用插件汇总
js常用插件(一)之移动端调试利器VConsole—教程链接 js常用插件(二)之移动端手势利器hammer单双指操作—教程链接 js常用插件(三)之html2canvas生成海报(jcanvas后续出)—教程链接 js常用插件(四)之jsonExportExcel导出表格(后台系统必备)–教程链接 ......
Element el-form 根据选择条件动态控制表单必填项
Html: <el-form-item label="审核意见" prop="remark" :rules="recordForm.status == '10' ? rules.remark : [{required: false}]"> <el-input type="textarea" v-mo ......
API管理不好做？来试试Apipost，前端、后端、测试，一个平台全搞定
API是什么&API管理存在哪些问题 API（Application Programming Interface，应用程序接口）作为一系列预先定义的规则和约定，用于不同软件应用之间的通信，促进了系统间的互动和数据共享。在企业数字化转型的推进中，API管理变得越来越重要。然而，API管理过程中存在着一 ......
前端根据在线mp4 url下载视频文件（而不是浏览器直接打开视频在线播放）
<!DOCTYPE html> <html> <head> <title>视频下载</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>视频下载</h1> <bu ......
前端Vue自定义商品评价页面单选多选标签tags组件单选多选按钮选择器picker组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端编程开发 --- vue3 计算属性
变量输出到视图的预处理指令 <div id="app"> <p>未处理: {{ message }}</p> <p>预处理: {{ reversedMessage }}</p> </div> <script> const app = { data() { return { message: 'hel ......
前端Vue自定义精美商品分类列表组件 侧边栏商品分类组件 category组件 左边分类category 右边列表List
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
黑马程序员前端JS基础视频课程(pink老师)
共计76个视频，20小时时长课程分为三大块1.JavaScript基础2.web APIs3.JS进阶之前看过pink老师的css+html讲的那是扛扛,刚刚在其他社区找到这套课程特意分享给大家! download:黑马程序员前端JS基础视频课程(pink老师) ......
前端解决跨域问题
1.JSONP 缺点是只能解决 get请求 不支持post JSONP原理就是通过script标签的src属性 请求跨域的数据接口 并通过函数调用的方法来接受跨域接口响应回来的数据 <script src="./js/yanshi.js?callback=name"></script> 回调函数 c ......
助教工作总结（前端开发技术）
一、助教工作的具体职责和任务 （1）和老师配合的方面 理论课 (1) 老师会在每一块内容授课结束后发布相应云班课的作业，在理论课进行时，我主要的工作是负责的作业批改，和提醒同学们修改，解答同学们在实操时遇到的一些问题。 (2) 定期收集课程的评价，同学们对课程某些方面提出要求，老师需要进行调整和改进 ......
前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
.NET6 微服务架构实战系列---Docker+Nginx部署前端Vue项目
一、相关配置安装 1.1 安装Docker [CentOS环境安装Docker](https://www.cnblogs.com/Code-HHX/p/17538236.html) 1.2 Docker中拉取nginx镜像 ``` docker pull nginx ``` 二、Vue前端项目创建配 ......
前端Vue自定义暂无数据组件nodata 用于页面请求无数据时展示
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
前端Vue自定义加载loading组件 通过设置gif实现loading动画 可用于页面请求前loading
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
记一次前端npm报错“ error Command failed with exit code 1.”
记一次前端npm报错“ error Command failed with exit code 1.” 现象 报错日志如下 script returned exit code 1 [2023-07-07 23:12:06] + yarn --cwd /root/workspace build:tes ......
web前端 表单作业
作业要求： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit ......
若依前端，菜单栏切换时刷新问题[页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空]
### 前端页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空  ### 这样切换时，页面就 ......
web前端 链接跳转作业
作业要求： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ......
vue前端使用node-rsa公钥加密解密
const NodeRSA = require('node-rsa'); // 使用公钥加密 export function encrypt (msg,commonKey) { const key = new NodeRSA(` BEGIN PUBLIC KEY ${commonKey} END P ......
前端Chrome调试技巧汇总
Chrome浏览器调试工具的核心功能： 🥷🏻注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签 🔸 Ctrl+PgUp/PgDn标签 ......
10个适合后端程序员的前端框架
思维导航 前言 AdminLTE Gentelella layuimini Materialize vue-element-admin vue-admin-better Ant Design Vue vue-vben-admin ngx-admin react-admin DotNetGuide技术 ......
通过前端Ajax访问WebService形式的接口
WebService是早期提供Web服务的一种形式（现在最新的方式是WebApi），其无关于编程语言，有java形式的WebService,也有C#形式的WebService。 我们在项目中，需要和其他外部系统进行接口对接时，常使用WebService或WebApi，这取决于对方提供服务接口的使用的 ......
【19.0】 前端基础之HTTP协议
# 【19.0】 前端基础之HTTP协议 - http协议 ````text 1. 什么是请求头请求体，响应头响应体 2. URL地址包括什么 3. get请求和post请求到底是什么 4. Content-Type是什么 ```` ## 【一】简介 - HTTP协议是Hyper Text Tran ......
【20.0】 前端基础之URL编码
# 【20.0】 前端基础之URL编码 # 【一】URL 解码 / 编码详解 > 当 URL 路径或者查询参数中，带有中文或者特殊字符的时候，就需要对 URL 进行编码（采用十六进制[编码格式](https://so.csdn.net/so/search?q=编码格式&spm=1001.2101.3 ......