一.web页面的组成1. 常用：HTML + CSS + Javascript2. HTML：定义页面的呈现内容3. CSS：Cascading Style Sheets，层叠样式表控制你的网页如何呈现，即布局设置。比如字体颜色、字体大小、在页面呈现的大小等4. Javascript：如果你希望你的网页依据不同的情形做不同的事情呢？需要一门编程语言，javascript就是其中一种二. HTML1
三栏布局的解决方案01. 三栏布局:
01. 各个方案的优缺点
01. float:
优点：兼容性好
缺点：脱离文档流：需要处理浮动问题
02. 绝对定位：
优点：快速
缺点：可使用性差，自身及子元素都脱离了文档流
转载
2023-09-26 20:19:43
77阅读
目录结构：Root|——header.html（页头）
|——footer.html（页尾）
|——assets |——css |——main.css（自定义样式）
| |——plugin|——scrolltop.js（返回顶部插件）
| |——js|—
转载
2023-06-18 12:35:49
119阅读
1、概念 什么是单页应用呢？单页应用的全称是 single-page application，简称 SPA，它是一种网站应用的模型，它可以动态重写当前的页面来与用户交互，而不需要重新加载整个页面。单页应用的流畅性让 Web 应用更像桌面端或 Native 应用了。相对于传统的 Web 应用，单页应用 ...
转载
2021-07-27 14:48:00
590阅读
2评论
Web前端之JavaScript基础JavaScript介绍变量变量类型基本的数据类型Number String Boolean underfined nulltypeof运算符引用的数据类型Object Array Function算术运算符和赋值运算符比较运算符和逻辑运算符字符串 string对象字符串方法：字符串和数值相互转换方法字符串切片方法字符串查找方法字符串常用方法数组Array数组
转载
2023-12-18 19:12:13
50阅读
单页 Web 应用概述传统的 Web 应用通过加载整个 Web 页面来实现与用户的交互。当用户点击一个链接或提交一个表单时，浏览器将向服务器请求一个全新的页面。这涉及到获取新页面的数据、卸载旧的页面和绘制新的 页面。按照这种方式进行用户交互势必影响到 Web 应用的性能。并且，由于网络延时的存在，页面与页面之间的切换很可能会不流畅，从而进一步影响用户体验。SPA 能够缓解传统的 Web 应用存在的
转载
2024-05-22 16:16:33
46阅读
接收用户的输入函数prompt并可以获取用户输入 在prompt的参数中填入字符串作为提醒消息，浏览器就将弹出对话框并等待用户输入用户的输入以一个字符串的形式返回 若用户没有输入或取消了对话框，返回值为null网页向用户输出信息为提高网页的交互性，必须能够与用户交流 下面简要地介绍一些交流方式方式一 创建提醒框调用函数alert并指定一个包含提醒消息的字符串，浏览器就会在一个对话框中显示这条消息
转载
2023-06-06 17:28:36
72阅读
首次以团队合作的方式进行前后端分离。 前端的同学主要使用layui的框架，书写格式为html。 后端的同学主要使用SSM框架。 周围的同学有使用Springboot，将静态页面放在资源包中，轻松完成映射，然后我们一脸不知所措。 其实两种解决办法，第一种将页面的放在webapp下，修改springmvc-config.xml，添加HTML页面的解析器，可以跳转，但出现的问题是无法将其他需要使用的静态
转载
2023-11-23 23:34:22
72阅读
前端重构总结前端重构其实可以分为两个方面：性能优化和模块化。下面我们先总结一下性能优化方面的东西：首先列举一下常规的优化手段：CSS置顶，JS置底静态资源外联、合并、压缩图片优化图片延迟加载使用CSS Sprite，首屏图片全部合并到一张图上静态文件上CDN静态文件设置强缓存HTML压缩图片预加载增强型的手段：基础库定制（用代码分析代码，自动打包被使用到的方法作为基础库）页面数据存储优化（从原来的
转载
2023-06-07 15:04:36
90阅读
一、前言 前端部分的搭建，需要考虑使用哪种模式进行页面之间的跳转交互， 而项目内的页面交互，不可避免的需要相互之间的数据共享。 这就引出了本篇博客的目的，一起来谈谈：项目前端部分的构建方式以及数据共享方式。二、正文 （一）、搭建前端部分所需要注意的问题
原创
2022-05-09 15:49:48
483阅读
JavaScript简介1. 起源 • JavaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证。 • 所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则。 • 比如：用户名的长度，密码的长度，邮箱的格式等。2. 实现 一个完整的JavaScript实现应该由以下三个部分构成： （1）ECMAScript （2）DOM （3）BOM3. 特点 （1）解释型语言 • Ja
转载
2024-01-28 02:35:07
168阅读
单页面应用（SinglePage Web Application，SPA）只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站第一次进入页面的时候会请求一个html文件，刷新清除一下。切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容也变化了。原理：JS会感知到url
转载
2024-01-22 16:52:05
73阅读
传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样容易造成服务器压力比较大，而且用户访问速度也比较慢，在这种场景下，出现了单页应用。
原创
2022-03-25 15:26:02
584阅读
昨天看到有人用很浅显和概括的话描述了前端页面显示 网站从输入网址开始，先请求到静态服务器（获取页面）==》发送请求到动态服务器（获取数据）==》JS渲染数据到页面==》最终呈现感觉也有一定的道理，但不是很认可。我就在网上查了查。最准确的网页设计思路是把网页分成三个层次，即：结构层、表示层、行为层。网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语
转载
2023-10-07 13:34:45
64阅读
一、前言 前端部分的搭建，需要考虑使用哪种模式进行页面之间的跳转交互， 而项目内的页面交互，不可避免的需要相互之间的数据共享。 这就引出了本篇博客的目的，一起来谈谈：项目前端部分的构建方式以及数据共享方式。 二、正文 （一）、搭建前端部...
转载
2020-02-28 20:59:00
534阅读
2评论
一、前言 前端部分的搭建，需要考虑使用哪种模式进行页面之间的跳转交互， 而项目内的页面交互，不可避免的需要相互之间的数据共享。 这就引出了本篇博客的目的，一起来谈谈：项目前端部分的构建方式以及数据共享方式
转载
2021-09-28 14:58:31
1893阅读
目录前言：特效展示实现代码：html部分：css部分：js部分：总结：前言： 个人学习内容分享特效展示前端界面特效（一） 实现代码：html部分：<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; cha
转载
2023-09-11 22:39:42
115阅读
# 前端页面JavaScript使用内存过大原因及解决方案
在现代Web开发中，JavaScript已成为不可或缺的核心技术。然而，在前端页面中，JavaScript的不当使用可能导致内存使用过大，从而影响网页性能和用户体验。本文将探讨JavaScript内存使用过大的原因，并提供一些实用的解决方案。
## 内存使用的基本概念
JavaScript是在浏览器中执行的脚本语言，它必须在内存中运
规范目的
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.
基本准则
符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代
转载
2023-09-28 11:50:17
86阅读
Vue 框架通过数据双向绑定和虚拟DOM，帮我们处理了前端开发中最脏最累的 DOM 操作部分。但 Vue 项目是单页面应用，存在着首页加载缓慢的问题，所以我们仍需要去做Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文通过以下三部分组成：基础的 Web 技术层面的优化；webpack 配置层面的优化;Vue 代码层面的优化。
推荐
原创
2021-08-31 09:45:34
10000+阅读
