前端
前端网页分辨率测试工具
以下代码存为html即可 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht ......
前端性能精进(七)——构建
前端构建是指通过工具自动化地处理那些繁琐、重复而有意义的任务。 这些任务包括语言编译、文件压缩、模块打包、图像优化、单元测试等一切需要对源码进行处理的工作。 在将这类任务交给工具后,开发人员被解放了生产力,得以集中精力去编写代码业务,提高工作效率。 构建工具从早期基于流的 gulp,再到静态模块打包 ......
解决更改HTML代码,浏览器打开前端页面却没有改变
问题描述 解决更改HTML代码,浏览器打开前端页面却没有改变 问题解决 第一种方法:重启IDEA(HTML的编辑器) 第二种方法:消除对应浏览器里面Cookie数据(亲测有效!) ......
Java学习笔记(十二) 前端基础1
Web前端基础 初识web前端 网页由哪些部分组成? 文字 图片 音频 视频 超链接等 我们看到的网页, 背后的本质是什么? 程序员写的前端代码 前端的代码是如何转换成用户眼中的网页的? 通过浏览器转化(解析和渲染)成用户看到的网页 浏览器中对代码进行解析渲染的部分, 称为浏览器内核 不同的浏览器, ......
Java学习笔记(十三) 前端基础2
Ajax 介绍 概念: Asynchronous JavaScript And XML, 异步的JavaScript和XML 作用: 数据交换: 通过Ajax可以给服务器发送请求, 并获取服务器响应的数据 异步交互: 可以在不重新加载整个页面的情况下, 与服务器交换数据并更新部分网页的技术, 如: ......
团队作业-前端页面大体展示
这周我们大体完成了系统的主要页面,后端代码正在完善中。 页面展示: 部分代码: <body> <div class="container"> <div class="header clearfix"> <a class="pull-right user_icon" href="javascript: ......
浅谈ChatGPT如何取代前端开发工程师
1.ChatGPT 是什么? ChatGPT 是一种基于深度学习的自然语言处理技术,它可以生成高质量的自然语言文本。该技术是由 OpenAI 团队 开发,旨在使计算机能够像人类一样理解和产生自然语言。ChatGPT 使用了深度神经网络和自然语言处理技术,通 过对大量语言数据的学习和建模,实现了自然语 ......
前端通过Swagger生成相关接口文件
1.Swagger 多分组 在很多大型系统中,为了方便对接口进行归类,往往使用了 Swagger 多分组功能,这样会使系统的接口散落在多个 swagger.json 中。 将SpecificationDocumentSettings属性的EnableAllGroups设置为true。 启用之后在 S ......
springmvc中前端调用controller方法路径问题
以前学习springmvc时没有理解前端访问controller中方法路径问题,做项目时刚好遇到,百度了一下没有找到想要的答案,后来突然就顿悟了。。。。。,虽然很基础但还是记录了一下,大佬请见谅。 controller中主要用@RequestMapping注解来定义访问路径,一般定义一个类加载路径和 ......
springmvc中前端调用controller方法路径问题
以前学习springmvc时没有理解前端访问controller中方法路径问题,做项目时刚好遇到,百度了一下没有找到想要的答案,后来突然就顿悟了。。。。。,虽然很基础但还是记录了一下,大佬请见谅。 controller中主要用@RequestMapping注解来定义访问路径,一般定义一个类加载路径和 ......
《前端构建工具(webpack&vite)- 李立超》笔记
1. 构建工具简介 1.1 模块化 最初我们都使用script标签来引入js,但当一个页面引入的js文件越来越多时,就产生了几个难以避免的问题: 全局变量污染。 变量重名。 js之间的依赖关系复杂,无法保证顺序。 而模块化规范就是为解决以上问题,模块内部的变量实现了在其他模块内共享。而且可以指定哪些 ......
mp雪花算法生成的id到前端丢失精度问题
mp生成的id是Long型18位,但是js处理到16位就四舍五入了,解决办法就是在服务器转成字符串传给前端 WebMvcConfig 要继承 WebMvcConfigurationSupport,重写里面的 extendMessageConverters方法 @Override protected ......
软件工程日报——初步摸索出智能排班系统的前端
今天,我想要进行智能排班界面前端的初步探索,所以我进行了html文件的编写 基本框架就是这样,接下来就是要进行不同界面的编写 ......
好用前端开发工具的内容有几条?
随着科技的进步和发展,低代码开发平台在市场中获得了广大用户的喜爱和支持。这不仅能让广大企业解放了更多IT从业者的时间和精力,让其可以专心钻研,而且该平台易操作,更灵活,只需要交给普通职员通过简单的学习和培训即可上岗操作,非常省事。当前,前后端分离已经成为趋势和主流,那么你知道好用前端开发工具的内容吗 ......
系统化学习前端之JavaScript(ES6)
前言 ES6 同样是 ECMAScript 的拓展,发布于 2015年,目前多数浏览器对于部分 ES6 更新内容不支持,通常需要借助 bable 编译器编译成 ES5 或者 ECMAScript 早期版本语法去执行。 ES6 的学习推荐阮一峰老师的 ES6 教程。 ES6 ES6 是 ECMAScr ......
前端React框架和jsx语法的编码规范
基本规则(Basic Rules) 每个文件只包含一个 React 组件 然而,在一个文件里包含多个没有 state 或纯组件是允许的。eslint: react/no-multi-comp. 经常用 JSX 语法。 不要用 React.createElement, 除非你从一个非 JSX 文件中初 ......
gulp笔记 2 (进阶一点点:使用bower来管理前端依赖)
其实gulp比例1中的内容已经基本满足开发要求了。此文为进阶的一点点知识 #1 安装bower (bower是个纯web前端依赖管理工具。) npm install -g bower #版本为1.8.14,必须安装在全局 bower init #会生成一个bower.json文件,选项寂寞默认就行, ......
Asp.Net Framework项目优化前端文件引用
###背景:公司一个老项目,前端引用都是直接引用文件,这样导致每次发布都存在用户浏览器缓存问题,常见做法是找到每个引用前端文件处加?version,但是太麻烦了 ####解决思路: 1.找到所有前端文件 2.jenkins每次编译更新版本号,把新的版本号拼接到前端文件引用处 ####实现: #### ......
Tomcat项目后端如何修改前端文件
有的时候啊,做定制化的项目,可以这么干,好用就行,别的管他呢。 String path = Thread.currentThread().getContextClassLoader().getResource("").getPath().replace("WEB-INF/classes/", "js ......
前端 签名
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
以前端视角,漫谈「云端」
当今世界,云计算技术在快速发展,不断为我们带来新的应用场景和解决方案。作为一名前端开发者,了解云技术并掌握如何在前端中应用它们是必不可少的。本篇文章将介绍云计算技术的基本概念,并从前端角度探讨如何使用云技术提高应用的可扩展性、安全性、性能和用户体验。 ......
前端基础小复习
会前端基础在IT行业很有帮助,无论是做爬虫数据分析,解析数据,做数据清洗都有帮助,因为我准备做数据获取过程中发现浏览器的HTML看不懂,直接影响了我的工作进度,因此直接暂停,网页结构有三个部分组成的即HTML、CSS、JS。 HTML(超文本标记语言HyperText Markup Language ......
史上最简 冰橙GPT前端开源 单页面 免编译 chatGPT3 对话页
下载地址 :https://gitee.com/zyhd/bingChengGPT 预览效果 冰橙GPT前端开源 单页面 免编译 chatGPT3 对话页 对接冰橙GPT的API 免安装 本地可直接运行index.html即可 已经将所有需要JS及CSS都采用公有CDN 使用说明 项目只有单个文件: ......
前端加密
https://blog.csdn.net/weixin_45821809/article/details/125207196 npm install jsencrypt --dev import JSEncrypt from 'jsencrypt/bin/jsencrypt.min' // 密钥对 ......
微信小程序开发:前端中的"Redis"
wx.setStorageSync('key', 'value') wx.getStorageSync("key") 参考链接 https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html ......
系统化学习前端之JavaScript(ES5)
系统梳理了 ES5 扩展的相关知识点,包括严格模式,this 关键字,数据属性,访问器属性以及如何保护对象等等。 ......
前端
前端课程介绍 第一篇:前端基础代码之HTML 第二篇:前端基础代码之CSS 第三篇:前端基础之JavaS 第四篇:前端之BOM与DOM 第五篇:前端之JQuery 第六篇:前端之Bootstrap框架 第七篇:Vue ......
前端设计模式——依赖注入模式
依赖注入模式(Dependency Injection Pattern):允许我们通过将对象的依赖关系从代码中分离出来,从而使代码更加模块化和可重用。 在传统的编程模式中,一个对象可能会直接创建或者获取它需要的其他对象,这样会造成对象之间的紧耦合关系,难以维护和扩展。而使用依赖注入模式,则可以将对象 ......
前端图片大小随浏览器大小自适应
为了让前端图片能够随着浏览器大小的改变而自适应,可以使用CSS来设置图片的宽度和高度。具体而言,可以使用以下的CSS样式: img { max-width: 100%; height: auto; } 这个样式将图片的最大宽度设置为100%,这样图片将会根据其容器的宽度进行缩放。同时,将高度设置为自 ......