首次以团队合作的方式进行前后端分离。 前端的同学主要使用layui的框架,书写格式为html。 后端的同学主要使用SSM框架。 周围的同学有使用Springboot,将静态页面放在资源包中,轻松完成映射,然后我们一脸不知所措。 其实两种解决办法,第一种将页面的放在webapp下,修改springmvc-config.xml,添加HTML页面的解析器,可以跳转,但出现的问题是无法将其他需要使用的静态
转载 2023-11-23 23:34:22
72阅读
一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行,你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通,但你至少要能够运用它们完成大多数任务,而无需地频繁地寻求别人的帮助。今天给大家分享一些web前端工程师要掌握的基础知识和技能: 1网页的基本结构(HTML、CSS)HTML是一种标记语言,而不是编程语言,最基本是标签是和,
转载 10月前
44阅读
Web前端JavaScript基础JavaScript介绍变量变量类型基本的数据类型Number String Boolean underfined nulltypeof运算符引用的数据类型Object Array Function算术运算符和赋值运算符比较运算符和逻辑运算符字符串 string对象字符串方法:字符串和数值相互转换方法字符串切片方法字符串查找方法字符串常用方法数组Array数组
【什么是HTML】:HTML: 超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。HTML 是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML 文档也叫做 web 页面HTML 文件
一.web页面的组成1. 常用:HTML + CSS + Javascript2. HTML:定义页面的呈现内容3. CSS:Cascading Style Sheets,层叠样式表控制你的网页如何呈现,即布局设置。比如字体颜色、字体大小、在页面呈现的大小等4. Javascript:如果你希望你的网页依据不同的情形做不同的事情呢?需要一门编程语言,javascript就是其中一种二. HTML1
一、请求方式 var xhr = createXHR(); xhr.open("get","/getList?num=12",true); xhr.open("post","/getList",true); xhr.send('{"name":"zhangsan","age":7}') //HTTP METHOD;客户端向服务器端发送请求的方式 //以下的请求方式不管哪一种都可以向服务器传递数据
转载 2024-10-23 11:27:23
71阅读
# 如何实现Javascript SSE with FastAPI ## 简介 在本文中,我将教你如何在FastAPI中实现Javascript的Server-Sent Events(SSE)。SSE允许服务器端向客户端推送数据,而无需客户端对服务器端进行任何请求。 ### 步骤概览 下面是实现Javascript SSE with FastAPI的步骤概览: | 步骤 | 操作 | | -
原创 2024-04-26 04:45:47
317阅读
Vue.js官方没有提供实现AJAX的指定方式,并且有许多不同的设计模式可以被有效地使用。每个都有自己的利弊,应根据要求进行判断。你甚至可以同时使用几个!在本文中,我将向您展示您可以在Vue应用程序中实现AJAX的四个位置:1、根实例2、组件Components3、Vuex actions4、路线导航卫士5、另加:奖金模式我将解释每个方法,举一个例子,并涵盖利弊。一、根实例在使用Vue框架时,您可
前端重构总结前端重构其实可以分为两个方面:性能优化和模块化。下面我们先总结一下性能优化方面的东西:首先列举一下常规的优化手段:CSS置顶,JS置底静态资源外联、合并、压缩图片优化图片延迟加载使用CSS Sprite,首屏图片全部合并到一张图上静态文件上CDN静态文件设置强缓存HTML压缩图片预加载增强型的手段:基础库定制(用代码分析代码,自动打包被使用到的方法作为基础库)页面数据存储优化(从原来的
近几年,互联网前端行业发展得依旧迅猛,涌现出了很多优秀的框架,同时这些框架也正在逐渐改变我们传统的前端开发方式。2014年2月,原Google员工尤雨溪公开发布了自己的前端库——Vue.js,时至今日,Vue.js在GitHub上已经收获超过30000star,而且也有越来越多的开发者在实际的生产环境中运用它。https://www.bilibili.com/video/BV1sG411H7vM?
转载 2024-07-16 06:43:01
36阅读
目录LRU一、为什么要使用Map是来定义容器二、应用场景三、代码实现 LRULRU(Least Recently Used)最近最少使用缓存策略,根据历史数据记录,当数据超过了限定空间的时候对数据清理,清理的原则是对很久没有使用到过的数据进行清除。一、为什么要使用Map是来定义容器Map在保存数据时会按照记住存储数据时候的顺序,这样存储的数据是有序列的,并且会维护键值对的插入顺序,Map存储数据
font awesome 是一个封装好的“插件”、你在使用的时候 直接调用对应的类即可。 原理:是将ICON做成了字体、然后封装起来、对于我们而言 操控字体比操控图片  我们容易很多。 使用说明:去官网 http://fortawesome.github.io/Font-Awesome/#examples 下载最新版
JavaScript简介1. 起源 • JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证。 • 所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则。 • 比如:用户名的长度,密码的长度,邮箱的格式等。2. 实现 一个完整的JavaScript实现应该由以下三个部分构成: (1)ECMAScript (2)DOM (3)BOM3. 特点 (1)解释型语言 • Ja
转载 2024-01-28 02:35:07
168阅读
 昨天看到有人用很浅显和概括的话描述了前端页面显示 网站从输入网址开始,先请求到静态服务器(获取页面)==》发送请求到动态服务器(获取数据)==》JS渲染数据到页面==》最终呈现感觉也有一定的道理,但不是很认可。我就在网上查了查。最准确的网页设计思路是把网页分成三个层次,即:结构层、表示层、行为层。网页的结构层(structural layer)由 HTML 或 XHTML 之类的标记语
# 前端页面JavaScript使用内存过大原因及解决方案 在现代Web开发中,JavaScript已成为不可或缺的核心技术。然而,在前端页面中,JavaScript的不当使用可能导致内存使用过大,从而影响网页性能和用户体验。本文将探讨JavaScript内存使用过大的原因,并提供一些实用的解决方案。 ## 内存使用的基本概念 JavaScript是在浏览器中执行的脚本语言,它必须在内存中运
 目录前言:特效展示实现代码:html部分:css部分:js部分:总结:前言: 个人学习内容分享特效展示前端界面特效(一) 实现代码:html部分:<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; cha
转载 2023-09-11 22:39:42
115阅读
文章目录async函数await使用await等待Promise异步函数await等待普通函数什么时候使用async/await async也是用于异步任务的,可以说是异步任务处理的另一种方式 async函数async修饰函数,表示这个函数中可以处理异步函数async修饰的函数,会返回一个Promise对象,可以后接.then使用 async函数内部return语句返回的值,会成为then方法
一、接口的作用在面向对象编程中,接口是一种规范的定义,它定义了行为和动作的规范;在程序设计里面,接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范,接口并不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,它只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。typescript 中的接口类似于 java,同时还增加了更灵活的接口类型,包括属性、函数、可索引和
问答题1.absolute与fixed的区别absolute(绝对定位): 对象脱离文档流,使用top、left、bottom、right等进行绝对定位,相对于第一个非static的父元素进行定位,出现滚动条时随滚动条移动;fixed(固定定位):对象脱离文档流,同样使用top、left、bottom、right等进行绝对定位,相对于浏览器窗口进行定位,出现滚动条时不随滚动条移动;关于屏幕、浏览器
 以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观,平面的东西。程序开发也好理解就是功能实现。而前端开发,简单来说,就是把平面效果图转换成网页,把静态转换成动态。它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以保障实现这些效果的同时,即不能影响网站 的打开速度、浏览器兼容性还有搜索引擎的收录,还可以让用户体验更加舒适,使网站在访问 中
  • 1
  • 2
  • 3
  • 4
  • 5