前端 指示indicate swiper
飞码LowCode前端技术系列（一）：数据结构设计
飞码是京东科技研发的低代码产品，可使营销运营域下web页面快速搭建。飞码是单web页面搭建工具，从创建页面到监测再到投产的一站式解决方案 ......
前端技术方案内容概述
项目介绍 技术栈信息 技术方案 总的架构图 重难点技术方案 架构图、流程图、类图等 通用沉淀 脚手架、组件库、工具函数等 组件与数据 通用组件、业务组件 接口文档、数据流 状态图 mock方案 适配 国际化 多端适配 主题等 工时评估 页面 功能 接口 优先级 UI还原 交互逻辑 联调 自测 总工时 ......
前端反卷计划-组件库-01-环境搭建
Hi, 大家好！我是程序员库里。 今天开始分享如何从0搭建UI组件库。这也是前端反卷计划中的一项。 在接下来的日子，我会持续分享前端反卷计划中的每个知识点。 以下是前端反卷计划的内容： 目前这些内容持续更新到了我的 学习文档 中。感兴趣的欢迎一起学习！ 环境搭建 组件库名字 因为我们的组件库要发布到 ......
前端踩坑记录
element UI: el-table组件，在插槽slot=“header“内，数据不更新的问题将slot="header"改成#header就可以了 el-popover关闭不了的问题，需调用内置的doClose方法：this.$refs.filterPop.doClose() ......
前端api接口随机图片
樱花：https://www.dmoe.cc/random.php 晓晴博客：https://acg.toubiec.cn/random.php Unsplash Image API： https://source.unsplash.com/random 夏沫博客： https://cdn.seov ......
使用星火chatGPT接入vue前端页面
接入科大讯飞的星火chatGPT大模型首先需要有token(现在可以免费领取10万字符) 然后就可以开始接入了，这里无非就是配置自己的 apiKey，apiSecret，appId，然后进行发送WebSocket并且拼接返回值进行显示（注意星火大模型的v1和v2链接有点不一样）： 页面： <temp ......
浅析微前端框架 qiankun 的实现
微前端简介 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends 前端 ......
被突然出现的前端比赛打了个猝不及防
今天晚上突然得知我要去参加一个网页制作比赛，可恶，我连后端的Django都还没怎么整明白，有要开始学前端的内容了 只能硬着头皮上了，还好有学长发的ppt，先可以大概规划一下学习路线和时间吧（零基础的我感觉瑟瑟发抖） 额，刚刚退出去看了看PPT，感觉有好多东西，麻了。 大概就是三部分吧 html cs ......
BUG：net::ERR_CONNECTION_REFUSED（前端Vue2、后端FastAPI）
BUG场景 一个前后端分离的项目，前端使用Vue2框架，后端使用FastAPI，前端想要传输图片给后端，使用的相关接口为： 'http://10.96.67.161:8081/uploadImg/' 后端FastAPI运行的代码为： if __name__ == '__main__': uvicor ......
前端框架 Astro
Astro 是一款集多功能于一体的 Web 框架，主要用于构建快速、以内容为中心的网站。它不仅支持使用 React 框架，而且支持 Vue、Solid 等在内的各种前端框架，灵活性更高。根据其在 GitHub 上的评级，Astro 已经获得了 35k+的 star，可以算得上是一个热门的框架。 一个 ......
web前端
<meta chatset=＂ ＂> 需要添加字符 如“UTF–8” <html lang=＂ ＂> 如“en,zh-CN,ja-jp ” <h1></h1> <h2></h2>……<h6></h6> <br/>换行 <p>段落文本内容</p> 标识一个段。 <hr/> 空标记 水平线 加粗有两个标 ......
03前端开发【css结束】
伪元素选择器 '''通过css操作文本内容''' 1.修改首个字体样式 p:first-letter{ color: red; font-size:48px； } 2.在文本开头添加内容 p:before{ content: '哈哈'； color：bule； } 3.在文本结尾添加内容 p:aft ......
celery包结构、celery延迟任务和定时任务、django中使用celery、接口缓存、双写一致性、异步秒杀逻辑、课程列表页前端、课程相关表、课程表数据录入、课程列表页接口
celery包结构 project ├── celery_task # celery包 │ ├── __init__.py # 包文件 │ ├── celery.py # celery连接和配置相关文件，且名字必须叫celery.py │ └── tasks.py # 所有任务函数 ├── add_ ......
前端大量复杂数据存储探索
引入 最近有需求做一个在B端的长期数据储存方案，主要是需要将大量数据结构化储存，避免每一次启动都去服务端重复拉取数据 第一个想到的前端持久化数据存储方案理所当然想到localstorage，但是它有一个最大5M的空间限制，这大小远远不够，因此我们将视线转移到前端数据库，半年前我接的有看到过sqlit ......
Vue前端框架
Vue 渐进式 javacript 框架 @vue/cli脚手架 @vue/cli安装 目标: 把@vue/cli模块包按到全局, 电脑拥有vue命令, 才能创建脚手架工程 全局安装命令 yarn global add @vue/cli # OR npm install -g @vue/cli 注意 ......
前端工程化基础
下载安装node.js npm install vue@latest 创建项目：vue ui 编译运行项目：npm run serve vue组件结构(.vue文件) 三个标签组成： <template>:模板部分，生成html代码 <script>:原生js代码，控制模板中数据的来源以及行为 <s ......
【前端开发】跨标签页广播通信教程，可方便新窗口修改原窗口实时更新
日常业务开发中我们常常会碰到如下的场景，即两个标签页之间的通信问题。我们在第一个标签页如何执行操作后在第二个标签页获取到信息。 BroadcastChannel API 为我们提供了一种快捷且高效的途径 创建useTagMessage.ts文件 // 跨标签页通信方案 ‘Msg’即通道名称，可以是任 ......
前端大文件上传处理方案
前端大文件上传处理方案是一种用于上传大型文件的技术方案。它通常包括将大型文件分成小块，每块大小通常为几兆到几十兆，然后将这些小块逐个上传，最终在服务器上重新组合成原始文件。以下是一些常见的前端大文件上传处理方案： 分片上传：这是一种将大文件分成小块上传的方案。每个分片都由独立的请求上传，可以在上传过 ......
Web前端使用 $.ajax 和 XMLHttpRequest 请求的区别
1、首先是我使用XMLHttpRequest 进行后台请求，我在请求前。会把按钮置为灰色。 $('button[type="generateProductBop"]').css("background-color", "#d4d4d4"); 在最后的finally 才把按钮，重新置换回来原来的颜色 ......
为什么前端技术栈如此复杂？
为什么前端技术栈如此复杂？ 来源: 投稿 作者: 卡卡西xi 2023-10-17 17:11:00 8 【源创会预告】1024 程序员节（的前两天），相约开源中国办公室，我们一起聊 AI！>>> 前端生态系统的复杂性是出了名的。在每一层，似乎都存在着不兼容的，相互竞争的标准。 没有通用的导入系统。 ......
Javaweb前端-cnblog
HTML+ CSS+ JS+ Vue+ Element 目录HTML+ CSS+ JS+ Vue+ Element一、基本概念二、Web服务器三、HTML CSS3.1 官方文档四、JavaScript五、Vue六、Ajax七、前端工程化八、Element 一、基本概念 静态web：html，css ......
celery包结构、celery延迟任务和定时任务、django中使用celery、接口缓存、双写一致性、异步秒杀逻辑、课程列表页前端、课程相关表、课程表数据录入、课程列表页接口
celery包结构 project ├── celery_task # celery包 这个包可以放在任意位置 │ ├── __init__.py # 包文件 │ ├── celery.py # celery连接和配置相关文件，且名字必须叫celery.py │ └── tasks.py # 所有任 ......
前端Web3.0 DeFi项目实战教程，以太坊DApp开发视频教程完整版
前端Web3.0 DeFi项目实战教程，以太坊DApp开发视频教程完整版 首先，要明确什么是Web3.0？ 关于Web3.0，网络上有很多专业定义，笔者在此不做赘述，仅以最通俗易懂的方式来说明此概念。Web3.0是一个行业自创的概念，需结合Web1.0、Web2.0进行理解。下表为三者特征的对比： ......
docker入门加实战—部署Java和前端项目
本文介绍了docker如何部署Java和前端项目，并进行演示和测试，从而加强docker的使用，达到快速上手的目的。 ......
需求：vue3+swiper+ts实现轮播图（中间主体轮播，左右各显示部分）
一、下载安装swiper 安装：pnpm install swiper 使用你熟悉的方式来安装（yarn npm cnpm） 二、在项目中引入swiper 1.main.js文件 点击查看代码 import 'swiper/swiper-bundle.css'; import "swiper/css ......
wujie 微前端实现及三种通信方式介绍
官网 https://wujie-micro.github.io/doc/ 对比 iframe 采用 iframe 的方案确实可以做到，而且优点非常明显。 优点 非常简单，使用没有任何心智负担 web 应用隔离的非常完美，无论是 js、css、dom 都完全隔离开来 由于其隔离的太完美导致缺点也非常 ......
前端面试题
[一大堆搜刮来的前端面试题 - 个人博客|沧沧凉凉的小站](https://www.cclliang.com/2021/01/08/%E9%9D%A2%E8%AF%95/%E4%B8%80%E5%A4%A7%E5%A0%86%E6%90%9C%E5%88%AE%E6%9D%A5%E7%9A%84%E ......
注册功能， 前端登录注册页面，前端登录功能，前端注册功能， redis介绍和安装
1 注册功能🍰 # 分析 前端：携带数据格式 {mobile:,code:,password} 后端： -1 视图类 》注册方法 -2 序列化类 》校验，保存（表中字段多，传的少 》随机，按某种格式生成 》后期修改） 视图类 class UserRegisterView(GenericViewSe ......
前端项目打怪升级之路
[年度总结：我是如何搭建百万级前端项目的 - 个人博客|沧沧凉凉的小站](https://www.cclliang.com/2022/01/14/React/%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93%EF%BC%9A%E6%88%91%E6%98%AF%E5%A6%8 ......