前端开发
-
一、使用 本篇文章将以SpringBoot为框架来介绍Thymeleaf的用法。 classpath:/META-INF/resources/index.html classpath:/resources/index.html classpath:/static/index.html calsspath:/public/index.html 因此，SpringBoot默认的静态资源文件应该放在resources/tatic下，而静态页面应该放在resources/templates
2024-11-23 -
最直接的区别，很容易注意到，一个是file协议，另一个是http协议。 file协议更多的是将该请求视为一个本地资源访问请求，和你使用资源管理器打开是一样的，是纯粹的请求本地文件。 http请求方式则是通过假架设一个web服务器，解析http协议的请求然后向浏览器返回资源信息。我们所开发的html文件最后必定是会以网页的形式部署在服务器上，通过http协议访问，所以我们开发中也尽可能模拟线上环境，架设本地服务器，来避免file协议与http协议实现过程中的某些差异，如某些API的差异、跨域请求的
2024-11-23 -
在类似于angular程序的项目，部署到生产环境后，如果后续还有代码更新的版本升级，代码需要重新压缩，打包，之后在部署到生产环境。 注： 注意这个打包后的文件，类似于js，css等文件的文件名可以采取hash命名，就是每次打包的同一个js文件的文件名都是包含hash字符串的，这样的好处是，可以强制浏览强制从服务端读取最新的更改过的js文件，但是前提是用户的浏览器需要主动刷新。但是对于有些页面或者说单页面的应用来说，各个页面之间的迁移，可以不必刷新即可完成，换句话说浏览器不会主动去apache服务
2024-11-23 -
我们要给一个元素设置样式，可以通过css设置样式，但是css要怎么找到这个元素呢？这就需要为css设置选择器，就是为css选一个html标签元素。 标签选择器：就是把标签名写上。写法是：元素名{ } <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>标签</title> <style type="text/css"> div{
2024-11-23 -
chrome.cookies.get函数是异步的，如果这么写： function getCookie(){ var result={}; chrome.cookies.get({'name':'prouserid','url':domain[0]}, function(cookie){ result=cookie; }); } return result; 那么函数返回值只能是undefined，取不到cookie的值。 网友给了一个方法如下： function getC
2024-11-23 -
<el-table :data="tableData" ref="tableDom" :height="'100%'" style="width: 100%;" border @selection-change="handleSelectionChange" @row-click="toggleSelection" > toggleSel
2024-11-23 -
项目名 基于Web的大学生资助管理系统设计与实现 技术栈 SpringBoot+Vue+MySQL+Maven 一、环境介绍 1.1 运行环境 开发语言：Java 数据库：MySQL 系统架构：B/S 后端：SpringBoot(MyBatis) 前端：Vue 工具：IDEA，JDK1.8，Maven 二、系统介绍 2.1 项目介绍 在当代高等教育中，经济资助对于帮助经济困难的学生顺利完成学业具有至关重要的作用。然而，资助管理系统往往面临诸多挑战，如资助申请的透明度不足、资金分配的效率低
2024-11-23 -
1.触摸事件 click事件多用于pc端,在移动端有延迟 touchstart() //手指触摸屏幕 touchmove() //手指在屏幕上移动 touchend() //手指离开屏幕 touchcancle() //触摸被系统事件终段 var d1 = document.getElementById("d1"); d1.addEventListener("touchstart",function(){ console.log("触摸了"); event.touches
2024-11-23 -
npm常用命令总结 1.概述 这篇文章介绍开发前端项目时npm常用命令 2.npm常用命令 2.1.列出npm所有命令用法 # 1.通过npm -l 命令可以列出npm所有命令用法，当忘记用法时只需要记住这一个命令就可以查到所有的命令，非常有用。 npm -l 2.2.查看npm安装的依赖包 #当前项目安装的所有模块 $npm list #列出全局安装的模块 带上[--depth 0] 不深入到包的支点 更简洁 $ npm list -g --depth 0 2.3.安装依赖包 # 自动
2024-11-23 -
题意：在使用简单JavaScript的Vue.js环境中，Vue是未定义的 问题背景： I am trying to understand how vue works. To do that I simplify it as much as possible, hence no webpack no CDNs or any other packages (unless its a necessity). 我正在尝试理解Vue是如何工作的。为了做到这一点，我尽可能地将它简化，因此没有使用web
2024-11-23