前端 购物车 按钮 数量

vue06_前端工程化

今日目标 1.能够了解模块化的相关规范 2.了解webpack 3.了解使用Vue单文件组件 4.能够搭建Vue脚手架 5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) ​ 代表产品 ......
前端 工程 vue 06

前端工程化 (开始)

为何偏偏JavaScript没有模块呢?如果要追溯历史原因,JavaScript之父——Brendan Eich最初设计这门语言时只是将它定位成一个小型的脚本语言,用来实现网页上一些简单的动态特性,远没有考虑到会用它实现今天这样复杂的场景,模块化当然也就显得多余了。 随着技术的发展,JavaScri ......
前端 工程

C#、Winfrom添加数据时,验证表中数据放在多次点击按钮重复添加

1、打开链接 SqlConnection conn = new SqlConnection(SQL); conn.Open(); 2、查询语句 SqlCommand cmd1 = conn.CreateCommand();cmd1.CommandText = "select * from basic ......
数据 按钮 Winfrom

winform控件开发一之复合控件开发(6)切换按钮(Switch)

使用自定义控件,实现一个切换按钮,显示效果如下: 通过双击实现切换操作 实现代码如下: using System.Drawing; using System.Drawing.Drawing2D; using System.Windows.Forms; namespace 各种C_sharp功能测试 ......
控件 按钮 winform Switch

前端实现权限控制 - 三种方法 - 不同的角色有不同的路由映射

有代码:https://gitee.com/zhu-longxu/zhulx-rbac ps:注意本地路由 router 有哪些规则?服务器返回的数据格式? 方法一:本地路由router 包含静态路由规则 ; 虽然动态路由规则定义了但是没有注入;动态路由规则在登录判断的时候选择性是否注入 ;服务器返 ......
前端 路由 权限 角色 方法

app阻止【前往】按钮造成的表单提交

应用场景 app端在表单中的input type="text"的输入框点击唤起的键盘中会有“前往”按键,点击按键会提交表单造成页面刷新,希望阻止页面刷新 解决办法 阻止表单的提交事件 <el-form @submit.native.prevent></el-form> ......
表单 按钮 app

微前端改造细节

优化husky校验规则,添加代码提交校验,避免随意提交导致代码可读性降低。 给主应用添加了开发文档入口,方便在开发时查阅文档,提升开发效率。 优化了控制台的构建提示,更换为“👏欢迎使用${blue("无界[Wujie]")}-极致的微前端框架”。 项目开启了Mock服务,当接口需要对接时候关闭相关 ......
前端 细节

web前端性能优化之资源文件加载优化

前言首屏速度是用户体验的最关键一环,而首屏速度最大的决定性因数就是资源的加载速度 而资源的加载速度 = 资源大小 + 网速 资源大小影响的方面有1、压缩(如Gzip) 2、一部分代码分割出来做异步加载,需要的时候在加载 3、写代码的时候尽量精简 本文主要针对,资源文件加载的优化。异步资源加载一般有两 ......
源文件 前端 性能 web

【前端开发】好用的可视化爬虫工具

EasySpider 一个可视化爬虫软件,可以无代码图形化的设计和执行爬虫任务 git地址如下 https://github.com/NaiboWang/EasySpider 下载软件地址 https://github.com/NaiboWang/EasySpider/releases 实例效果图 ......
爬虫 前端 工具

前端Vue自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo

#### 前端Vue[自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo](https://ext.dcloud.net.cn/plugin?id=13204), 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id= ......
前端 红包 顶部 积分 内容

前端Vue自定义滚动卡片,可以用于商品海报生成

#### 前端Vue自定义滚动卡片,可以用于商品海报生成, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13189 #### 实现代码如下: # cc-scroolCard #### 使用方法 ```使用方法 ``` #### ......
前端 卡片 海报 商品 Vue

前端Vue自定义精美tabs,可设置下划线图标 热门标题

#### 前端Vue自定义精美tabs,可设置下划线图标 热门标题, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13186 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
下划线 前端 图标 标题 tabs

前端 js 获取 baseurl

如果部署一个网站到网络 需要知道对应的ip ,这个时候 前端的baseurl 需要动态调整 ,一般是在public 里面写个config.js ,部署的时候改这个config.js 里面的内容 有一种偷懒的方式就是用户是知道你的ip 的,这个时候可以用 `window.location.host` ......
前端 baseurl js

文件上传-js前端验证

先上传一个文件看看 这里有标识文件类型 方法一:禁用js前端验证使用工具禁用所有的 js 脚本 或者修改 onsubmit 参数 保证 return checkFile()函数返回值为true 第二种方法: 上传png文件 改为php后缀远程执行命令,回显成功 ......
前端 文件 js

【前端算法学习】数据结构之“队列”

## 回顾 上一章,我们学习了“栈”这个数据结构,我们在JS中可以用`push()`和`pop()`来模拟入栈和出栈。 这一章我们将学习“队列”这个数据结构,同时我们也会使用JS代码来介绍、模拟实现队列的操作。 ## 什么是队列 队列与我们上一章学习的栈十分相似;但是与栈不同的是,队列遵循FIFO( ......
数据结构 队列 前端 算法 结构

【前端算法学习】利用“栈”数据结构,解决简单算法

## 第一题 | LeetCode | 力扣 | 难度 | | : : | : : | :--: | | 20.Valid Parentheses. | 20. 有效的括号 | 简单 | ### 题目描述 给定一个只包括 `'('`,`')'`,`'{'`,`'}'`,`'['`,`']'` 的字符 ......
算法 数据结构 前端 结构 数据

超简约前端点击图片弹窗放大(手机端)

.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; ......
前端 手机 图片

vue--16 购物车加减

效果: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>16购物车加减</title> <!-- <script src="https://unpkg.com/vue@3/dist/vue.globa ......
购物车 vue 16

前端封装excel下载方法&&解决前端下载请求设置responseType: 'blob'时后台报错无法处理的问题

请求设置responseType: 'blob'时接口报错了如果不做处理则获取不到接口错误信息,此时下载的文件是有问题的。 ``` /* @params options {} * data:Blob, * fileName:String, * successMsg:String, * */ impo ......
前端 responseType amp 后台 方法

django 如何在序列化器中抛出错误 并且在视图中捕捉返回给前端

1.在create()中抛出错误 class YourSerializer(serializers.Serializer): def create(self, validated_data): # 进行数据验证是否满足条件 #得到数据过程以省略 condition = False if not co ......
视图 前端 序列 错误 django

前端项目开发

前端项目开发流程通常包括以下几个步骤: 1. 需求分析和规划:与项目团队一起明确项目的需求和目标,确定项目的功能和设计要求。 2. UI/UX设计:根据需求分析和规划的结果,进行用户界面和用户体验设计。这包括设计页面布局、色彩搭配、图标等。 3. 前端开发:根据UI/UX设计,使用HTML、CSS和 ......
项目开发 前端 项目

前端学习C语言 - 初级指针

## 初级指针 本篇主要介绍:`指针和变量的关系`、指针类型、`指针的运算符`、空指针和野指针、`指针和数组`、`指针和字符串`、const 和指针、以及`gdb 调试段错误`。 ### 基础概念 > 指针是一种特殊的变量。存放地址的变量就是指针。 `int num = 1;` 会申请4个字节的内存 ......
前端 指针 语言

前后端分离,前端和后端是并行开发吗?还是前端先开发?后端在开发时能不能先看到项目前端的页面?

前后端分离并不只是开发模式,而是web应用的一种架构模式。 在开发阶段,前后端工程师约定好数据交互接口,实现并行开发和测试; 在运行阶段前后端分离模式需要对web应用进行分离部署,前后端之前使用HTTP或者其他协议进行交互请求。 并行开发: 1. 开发前,前后端定义接口规范 2. 定义好接口后,后端 ......
前端 端的 页面 还是 项目

前端ajax调用后端下载Excel模板流,解决输出乱码等问题

function importTemplate() { $.ajax({ url: "/importTemplate", type: "get", success: function (data) { let downloadUrl = "../importTemplate" // 创建a标签 le ......
乱码 前端 模板 问题 Excel

前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容

#### 前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13183 #### 效果图如下: ![](https://p3-juejin.byteim ......
前端 shopDialog 购物车 内容 Vue

前端Vue自定义地址展示地址选择地址管理组件

#### 前端Vue自定义地址展示地址选择地址管理组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13181 #### 效果图如下: #### ![](https://p3-juejin.byteimg.com/tos-c ......
地址 前端 组件 Vue

前端项目规范化:手把手教你使用prettier和pre-commit(git hook或者husky)优化规范项目代码

## 如何在提交代码之前,进行代码格式化检查,保证每个成员的代码都是同一个风格呢? 最简单的两种方式: - 1. 使用 prettier + git pre-commit - 2. 使用 prettier + husky(原理和第一种一模一样哦) ## 名词简介 #### git hooks 下图为 ......
项目 前端 pre-commit prettier 代码

前端-CSS

CSS 1.1CSS基础 层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 文档的呈现( 美化内容)。 书写位置:title 标签下方添加 style 双标签,style 标签里面书写 CSS 代码。 <title>CSS 初体验 ......
前端 CSS

前端Vue自定义等宽新闻标签栏标题栏选项卡新闻栏

#### 前端Vue自定义等宽新闻标签栏标题栏选项卡新闻栏, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13170 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i ......
新闻 前端 标签 标题 Vue

前端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 ......
tabbar 前端 底部 苹果 程序