前端
微前端无界机制浅析
随着项目的发展,前端SPA应用的规模不断加大、业务代码耦合、编译慢,导致日常的维护难度日益增加。同时前端技术的发展迅猛,导致功能扩展吃力,重构成本高,稳定性低。为了能够将前端模块解耦,通过相关技术调研,最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架,我们对其运行机制进... ......
基础课-前端
前端技术的实际意义 前端就是软件中的图形界面页面 软件通过前端界面:1.获得用户的输入数据 2.展示数据给用户 前端开发需要掌握的三项技术(语言): 1.HTML 超文本标记语言 2.CSS 层叠样式表语言 3.Java Script(JS) 动态脚本语言 HTML基本语法 HTML代码需要编写在后 ......
06前端开发jQuery
DOM操作标签 ''' 在起变量名的时候 如果该变量指向的是一个标签 那么建议使用 xxxEle eg:aEle\pEle\divEle\spanEle ''' # 动态创建一个a标签并添加到页面指定位置 var aEle = document.createElement('a') # 创建a标签 ......
前端的路由如何实现跳转?
下面的路由配置- 访问路径为: http://localhost:9999/#/ok/productData/tpProductData js配置路由跳转const tpRouter = { path: '/ok', component: Layout, name: 'ok', meta: {}, ......
极致性能优化:前端SSR渲染利器Qwik.js
引言 前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互,而前端框架的选择对于实现这些目标至关重要。然而,传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。 在这个充满挑战的背景下,我们引入了 Qwik.js 框架。Qwik.js 不仅是一个前端框架,更是一种前端 ......
前端开发笔记[5]-rust的webassembly
摘要 基于rust开发webassembly入门,通过rust实现在网页中弹出警告框. rust的webassembly开发方式 https://zhuanlan.zhihu.com/p/104299612 入门 Rust 开发 WebAssembly Rust 编译为WebAssembly 在前端 ......
11月3日前端需要学习的知识、自闭合标签、meta标签、div标签
目录前端需要学习的知识生成的网页类型静态网页动态网页网页的架构c/s架构b/s架构浏览器的特别用法第一种结合python来使用第二种将文件拖入浏览器里面(这就符合渲染了)重点HTML首先!DOCTYPE html其次就是html到/html还有就是head到/head的内部最后就是body到/bod ......
前端如何打包并部署到宝塔
部署前端项目时候遇到的问题 1、nginx方向代理: nginx 之 proxy_pass详解 - 简书 (jianshu.com) 比如: # 反向代理 location /api/ { proxy_pass http://124.221.214.220:8400/blog/v1/; } # 将h ......
前端学习-JavaScrip学习-js基础02
学习教程:黑马程序员视频链接 运算符 自增运算符 let i = 1; console.log(i++ + 1); //输出2,i=2 let i = 1; console.log(++i + 1); //输出3,i=2 比较运算符 开发中,判断相等,推荐用 比较小数会有精度问题 逻辑运算符 优先级 ......
【趣味Javascript】前端开发中不为人知的LHS和RHS查询,你真的弄明白了吗? 《1024程序员节特别篇》
🚀 个人主页 极客小俊 ✍🏻 作者简介:web开发者、设计师、技术分享博主 🐋 希望大家多多支持一下, 我们一起进步!😄 🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 前言 今天是1024先祝大家节日快乐,那么今天我就给大家讲一个js小知识,也就是LHS和RHS ......
Django 表单处理:从前端到后台的全流程指南
Django作为一个高级Python Web框架,它的表单处理能力强大,可以有效地处理用户输入,进行数据验证以及错误处理。本文将详细介绍如何在Django中创建、处理和使用表单。 1. Django表单系统的核心 Django的表单系统处理表单的生命周期,涉及以下核心部分: 表单类:定义表单的结构和 ......
前端学习-JavaScrip学习-js基础01
学习教程:黑马程序员视频链接 JS简介 JS组成 JavaScrip = ECMAscript(语言基础)+web API web API=BOM+DOM 资料查询网站:MDN <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" ......
黑马pink学前端 html1
单标签 “” 利用vscode快速创建html页面:输入"!" Auto Rename Tag: 插件,同步修改标签 更改vscode的文本格式化的设置,使得保存时自动对齐文本 open in browser: 插件,右键菜单里有打开网页 live server(推荐):保存之后即可动态更新,无需刷 ......
前端开发笔记[4]-Gradio搭建演示页面
摘要 使用Gradio在Python环境搭建图像处理和视频处理的演示网页. Gradio简介 [https://www.gradio.app] Gradio是一个开源的Python库,用于构建机器学习和数据科学演示应用。它可以帮助AI算法工程师将训练的模型分享给大众,并赋予模型与用户交互的能力。使用 ......
前端开发笔记[3]-electron嵌入jupyterlite
摘要 在electron应用中嵌入jupyterlite,实现python程序和运行环境的跨平台打包. jupyterlite简介 [https://jupyter.org/try-jupyter/lab/] [https://zhuanlan.zhihu.com/p/578412030] [htt ......
无法获得锁 /var/lib/dpkg/lock-frontend。锁正由进程 3701(unattended-upgr)持有 N: 请注意,直接移除锁文件不一定是合适的解决方案,且可能损坏您的系统。 E: 无法获取 dpkg 前端锁 (/var/lib/dpkg/lock-frontend),是否有其他进程正占用它?
当用apt-get时遇到无法获得锁 /var/lib/dpkg/lock-frontend。锁正由进程 3701(unattended-upgr)持有N: 请注意,直接移除锁文件不一定是合适的解决方案,且可能损坏您的系统。E: 无法获取 dpkg 前端锁 (/var/lib/dpkg/lock-fr ......
DB项目前端分支思考
背景 一般的项目基本是一个主分支持续的迭代开发。 比如有一个master分支,这个分支是可以随时发布版本的。还有一个开发分支,比如develop,是从master检出的。 当迭代开始的时候,从develop分支检出feature-xxx分支来做开发需求功能。当联调完成后,提MR合并到develop分 ......
列表/表格搜索方法->前端实现
很多业务系统中都会用到表格/列表,大部分都是用组件,配合搜索接口可以实现,搜索按钮是发送请求获取数据来更新表格数据。 但不是所有的列表都会有对应的后端搜索接口,比如在对一个弹窗里面的列表进行选择,数据量不是特别大的情况下希望前端支持筛选,可以更加方便快捷的对数据进行操作,这时候就需要用到数据筛选。 ......
飞码LowCode前端技术:如何便捷配置出页面
本文将从三个方面来讲解如何便捷配置出页面,第一部分从数据、事件、业务支持三个方面进行分析,第二部分从模板与页面收藏与升级、页面UI结构、画布功能三个方面进行分析,第三部分从监控、页面配置、页面数据导入导出以及其他能力四个方面进行分析。 ......
RuoYi前端分离版
1、检查版本 JDK >= 1.8 mysql >= 5.5 Redis >= 3.0 Maven >= 3.0 Node >= 10 2、打开redis redis解压后打开redis安装目录,在上图红色箭头头部点击一下,输入cmd,进入该目录下的命令行窗口,然后输入以下命令打开redis red ......
【chrome】如何临时修改已上线的打包好的前端代码?
找到需要修改的代码在压缩后的文件位置。 进入前端静态文件存放目录,确定搜索关键词,执行查找命令grep -c "xxx" ./* # -i 忽略大小写 # -c 计算出现次数 # -n 输出行号 # -r 查找当前目录及子目录 在Portal端进入需要修改的页面,此时才能请求到需要的js文件。 对比 ......
前端
css sprite是什么,有什么优缺点 概念:将多个小图片拼接到一个图片中。通过background-position和元素尺寸调节需要显示的背景图案。优点:1、减少HTTP请求数,极大地提高页面加载速度新版,2增加图片信息重复度,提高压缩比,减少图片大小3、更换风格方便,只需在一张或几张图片上修 ......
前端基础之BOM
前端基础之BOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript,DOM,BOM。 B ......
前端基础之JavaScript
前端基础之JavaScript JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次年,ECMA发布262号标准文件 ......
面试题: 前端处理滚动穿透这个顽疾
诚如你所知: 滚动穿透是指在移动端滑动页面的过程中,页面滚动受到了触摸事件的干扰,导致无法流畅地滚动,这主要是由于事件冒泡造成的。解决方法如下: 监听 touchmove 事件,阻止默认行为 监听 touchmove 事件,阻止事件的默认行为,防止事件冒泡到父元素上。 禁止滚动 可以通过 overf ......
Docker打包前端vue代码推送镜像到远程仓库
Docker打包前端vue代码推送镜像到远程仓库 目录Docker打包前端vue代码推送镜像到远程仓库业务场景:📝1.将前端代码www包解压后放在本地临时目录,然后创建一个dockerfile📜 2.登陆自己远程仓库📒3.构建镜像🔖4.给镜像打tag📖5.推送镜像到远程仓库🖊️最后总结 ......
前端package文件依赖版本号^符号
在`package.json`文件中,版本号前面的`^`符号表示允许自动更新到当前主版本号下的次版本号。 例如,如果当前主版本号是1,次版本号是0,那么`^1.0.0`将允许安装`1.x.x`范围内的任何版本,但不会安装2.x.x或更高版本的包。 ......
纯前端实现图片验证码
前言 之前业务系统中验证码一直是由后端返回base64与一个验证码的字符串来实现的,想了下,前端其实可以直接canvas实现,减轻服务器压力。 实现 子组件,允许自定义图片尺寸(默认尺寸为100 * 40)与验证码刷新时间(默认时间为60秒)。同时暴露绘制验证码方法drawPic(),允许父组件直接 ......