骨架 前端html

微前端实战

微前端实战 什么是微前端 微前端是指存在于浏览器中的微服务,其借鉴了微服务的架构理念,将微服务的概念扩展到了前端。 如果对微服务的概念比较陌生的话,可以简单的理解为微前端就是将一个大型的前端应用拆分成多个模块,每个微前端模块可以由不同的团队进行管理,并可以自主选择框架,并且有自己的仓库,可以独立部署 ......
前端 实战

一键生成前端UI,公司90%项目UI都靠它搞定

今天看公众号,有大神分析了这样的一篇文章:一键生成前端UI,公司90%项目UI都靠它搞定 地址:https://mp.weixin.qq.com/s/UhmLwVeZ0jwZORur8XD2MQ ......
前端 项目 公司 90%

前端实现Excel导出【xlsx】【xlsx-js-style】

最终效果 场景 有的时候我们需要根据服务端返回的数据来导出excel表格 优化一:设置单元格样式 比如:可以调节背景色、字体样式、border xlsx基础库不提供样式设置,可以使用xlsx-js-style库,这个库是xlsx库的fork版本,并添加了样式定义 详细样式可以查看https://gi ......
xlsx 前端 xlsx-js-style Excel style

07前端开发jQuery

作业讲解 """ 一定要明确手上的标签是什么对象 如果原生的js代码查找出来的对象 那么只能调用原生的js方法 如果原生的jQuery代码查找出来的对象 那么只能调用原生的jQuery方法 原生js与jQuery对象的关系 可以将jQuery对象看成是数组包了标签对象 原生js就是标签对象 eg:[ ......
前端 jQuery

word转html

目录word转html1. maven依赖2. 实例 word转html 1. maven依赖 <!--word解析html --> <!-- 针对2007以上版本的库docx --> <dependency> <groupId>org.apache.poi</groupId> <artifactI ......
word html

前端常用设计模式

什么是设计模式? ​ 设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结,设计模式并不是一种固定的公式,而是一种思想,是一种解决问题的思路;使用设计模式是为了可重用代码,让代码更容易被他人理解,保证代码可维护性。 设计模式不区分编程语言,设计模 ......
设计模式 前端 常用 模式

前端性能优化有哪些?

前端有哪些性能优化?前端性能优化分两部分1、加载性能优化2、渲染性能优化一、加载性能优化 本质: • 1、减少请求次数; • 2、减少请求资源的大小; • 3、网络优化; 1、 减少请求次数方式 1)图片资源 ○ CSS雪碧图:把一些常用、重复使用的小图合并成一张大图 ○ 图片懒加载: 利用css的 ......
前端 性能

js怎么向html中的某个标签添加内容?举个简单能动的例子

在JavaScript中,你可以通过多种方式向HTML元素添加内容。以下是两种常见的方法: innerHTML:这个属性用来获取或替换HTML元素的内容。 appendChild():这个方法用来向节点添加最后一个子节点。 以下是一个简单的例子,展示了如何使用这两种方法: 假设你有这样一个HTML结 ......
例子 标签 内容 html

前端实现文件的断点续传

早就听说过断点续传这种东西,前端也可以实现一下不过本文所说的断点续传并不一定是真的断点续传,只是一种实现方式,等到有业务需求再去验证能不能用这里的断点续传在前端的实现主要依赖着HTML5的新特性,所以一般来说在老旧浏览器上支持度是不高的本文通过断点续传的简单例子(前端文件提交+后端PHP文件接收), ......
断点 前端 文件

后端返回pdf文件流,前端请求返回乱码文件流下载之后pdf文件空白

vue项目中遇到个问题:后端返回pdf文件流,前端请求返回乱码文件流下载之后pdf文件空白 解决办法: 在请求接口的时候设置responseType: "blob"。 axios.get(url,{ responseType: "blob",//这里一定要设置,否则返回的流是乱码,下载之后文件是空白 ......
文件 乱码 前端 pdf 空白

21 个最佳 Javascript IDE 和代码编辑器 [CSS、HTML、JavaScript]

这是我们挑选的 21 个最佳 JavaScript IDE 和源代码编辑器。 目录 什么是 IDE 选择正确的开发环境时要寻找什么? 免费的最佳 Javascript IDE 最佳高级 Javascript IDE 结论:最佳 JavaScript IDE是哪个? 常见问题解答:最佳 Javascr ......
编辑器 Javascript JavaScript 代码 HTML

前端开发解决方案

Arco Design - 企业级产品的完整设计和开发解决方案 ArcoDesign 是一套设计系统的简称。 ArcoDesign 的目标, 即通过通用的设计系统去解决产品中的体验问题, 并为产品设计提供指导原则解决业务问题,同时它能够促进设计部门和研发部门之间协作, 成为开发者之间沟通的语言。 A ......
前端 解决方案 方案

基础课-前端CSS

CSS基础语法 CSS的作用:让前端界面美化 CSS代码的编写位置:1.嵌入编写:CSS代码可以嵌入中HTML一个特殊标记style里,style标记必须是head的子标记 2.外部编写:CSS代码单独编写在后缀是.css文件中,如果某个HTML需要使用CSS代码文件中的样式,就需要使用link标记 ......
基础课 前端 基础 CSS

前端处理大文件/视频分片上传,断点续传

1、html部分,项目使用的是ant-design-vue组件库;spark-md5进行加密上传 2、使用变量:(通过上传成功的分片数与总分片数对比判断上传是否完成) 3、主要方法: 1、 查询当前文件是否上传 2、获取文件的MD5编码 // 获取文件的MD5编码 computedSliceMd5 ......
断点 前端 文件 视频

[HTML]特殊字符

https://www.runoob.com/html/html-entities.html 显示结果描述实体名称实体编号 空格 &nbsp; &#160; < 小于号 &lt; &#60; > 大于号 &gt; &#62; & 和号 &amp; &#38; " 引号 &quot; &#34; ' ......
字符 HTML

助教工作10月总结(前端开发技术)

一、助教工作的具体职责和任务作为前端这门课程的助教主要的职责是辅助老师完成在课外的一些教学任务例如 1、课下的疑难解答 :课下辅导中,我通过QQ私聊等方式与学生进行沟通,并帮助他们解决在学习过程中遇到的困惑和问题。我会提供适当的指导和建议,引导学生找到解决问题的方法和思路。 2、课外资源的推荐 :由 ......
前端 开发技术 技术

vue 2 升级vue3 前端老白

vue 2 升级vue3 前端老白 原文链接:Vue 3已经发布,而Vue 2到Vue 3的升级需要一些注意点。本文将介绍Vue 2升级到Vue 3的具体步骤,让您在升级中无后顾之忧。首先,我们需要升级Vue CLI到4.x。在升级前,我们需要备份项目代码,以防出现意外情况。接着,我们需要在命令行中 ......
前端 vue vue3

若依前端项目理解&官方文档学习

若依前端项目理解&官方文档学习:https://blog.csdn.net/u010657801/article/details/129441209?ops_request_misc=&request_id=&biz_id=102&utm_term=%E8%AF%BA%E4%BE%9D%20%20f ......
前端 文档 项目 官方 amp

微前端无界机制浅析

随着项目的发展,前端SPA应用的规模不断加大、业务代码耦合、编译慢,导致日常的维护难度日益增加。同时前端技术的发展迅猛,导致功能扩展吃力,重构成本高,稳定性低。为了能够将前端模块解耦,通过相关技术调研,最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架,我们对其运行机制进... ......
前端 机制

基础课-前端

前端技术的实际意义 前端就是软件中的图形界面页面 软件通过前端界面:1.获得用户的输入数据 2.展示数据给用户 前端开发需要掌握的三项技术(语言): 1.HTML 超文本标记语言 2.CSS 层叠样式表语言 3.Java Script(JS) 动态脚本语言 HTML基本语法 HTML代码需要编写在后 ......
基础课 前端 基础

html 使用vue展示动画

一、简介 二、代码内容 三、问题 一、简介 因为帮人做一个静态页面,使用了vue来处理。 二、代码内容 1. 初始化页面内容。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>认识</title> <script src="./ ......
动画 html vue

黑马pink html2

的name属性,帮助区分标签和归类,单选按钮和复选框的name值必须是相同的。 的value属性定义了默认值。 的checked规定了初始由谁选中 checked="checked" 可以选择文件 标签可以绑定一个表单元素,当光标点击标签时,就可自动选择表单元素:label的for属性和input的 ......
黑马 html2 pink html

06前端开发jQuery

DOM操作标签 ''' 在起变量名的时候 如果该变量指向的是一个标签 那么建议使用 xxxEle eg:aEle\pEle\divEle\spanEle ''' # 动态创建一个a标签并添加到页面指定位置 var aEle = document.createElement('a') # 创建a标签 ......
前端 jQuery

前端的路由如何实现跳转?

下面的路由配置- 访问路径为: http://localhost:9999/#/ok/productData/tpProductData js配置路由跳转const tpRouter = { path: '/ok', component: Layout, name: 'ok', meta: {}, ......
前端 路由

极致性能优化:前端SSR渲染利器Qwik.js

引言 前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互,而前端框架的选择对于实现这些目标至关重要。然而,传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。 在这个充满挑战的背景下,我们引入了 Qwik.js 框架。Qwik.js 不仅是一个前端框架,更是一种前端 ......
前端 利器 极致 性能 Qwik

[HTML]自闭合标签写法

简单讨论。以br为例: 正规写法: <br /> 但是写成<br>在html5也不算错 如果写<br></br>,浏览器会认为第二个标签写错了,会帮你改成<br><br>。 具体学习指路 → https://www.cnblogs.com/dangjian/p/4238150.html ......
写法 标签 HTML

常见html 行内、块状元素

行内元素:label、select、textarea、a、img、span 、input、button 块级元素:div、h1-6、header、form、hr、ul、ol、li、p、table 区别: 块级元素会独占一行,其宽度自动填满其父元素宽度。行内元素不会独占一行,相邻的行内元素会排列在同一 ......
块状 元素 常见 html

HTML笔记

2023-11-05 1、HTML(超文本标记语言)是一种标记语言(标记标签(来描述网页)),而不是编程语言。HTML文档(Web页面)包含了HTML标签和文本内容。 2、HTML标签(HTML标记标签) 尖括号包围的关键词。 eg.<html> 成对出现。 eg.<b>(开始标签(开放标签)) 和 ......
笔记 HTML

前端开发笔记[5]-rust的webassembly

摘要 基于rust开发webassembly入门,通过rust实现在网页中弹出警告框. rust的webassembly开发方式 https://zhuanlan.zhihu.com/p/104299612 入门 Rust 开发 WebAssembly Rust 编译为WebAssembly 在前端 ......
前端 webassembly 笔记 rust

11月3日前端需要学习的知识、自闭合标签、meta标签、div标签

目录前端需要学习的知识生成的网页类型静态网页动态网页网页的架构c/s架构b/s架构浏览器的特别用法第一种结合python来使用第二种将文件拖入浏览器里面(这就符合渲染了)重点HTML首先!DOCTYPE html其次就是html到/html还有就是head到/head的内部最后就是body到/bod ......
标签 前端 知识 meta div