前端 案例html5 html
前端（五）
前端（五） js函数 <script> function index(){ /*定义函数*/ console.log('你好'); } index(); /*调用函数*/ </script> function sum(a,b){ /*带参函数，js只有位置参数，没有关键字参数*/ console.l ......
HTML编辑器 实现ctrl+v粘贴图片并上传、word粘贴带图片
这种方法是servlet，编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台（服务端）java服务代码：（上传至ROOT/lqxcPics文件夹下） <%@ page language="java" import="java.util.*" pa ......
盘点国内前端npm CDN替代方案，基本上可以替代unpkg、jsdelivr
收集一波常见的加速NPM包的CDN，发现有些还是挺好用的，用来做博客或者网站加载NPM使用还是可以的。 经典老牌的CDN加速 unpkg.com cdn.jsdelivr.net fastly.jsdelivr.net 使用方法：直接进官网，搜NPM包名使用。 缺点：有时候不是很稳定，而且国内有些地 ......
二、使用Vue3 + Vue CLI 实现系统前端模块的搭建
主要内容 前端模块的搭建：Vue CLI5 + Vue3 + Ant Design Vue3 完成手机号登录/注册功能 收获 学会纯前端项目的搭建 理解前后端分离架构 本地环境准备 vue cli安装: https://cli.vuejs.org/zh/guide/installation.html ......
文件名称使用vue前端设置utf-8乱码问题
文件名称使用vue前端设置utf-8乱码问题 1、下载入口 /** * @description 下载文件到前端 * @params response * @params filePath 文件存放的完整路径，以文件名结尾 *@params fileName * @return void */ pu ......
202309-发际线与你们作队 实验三：软件项目案例分析（团队作业）
| 项目 | 内容 | | | | | 课程班级博客链接 | 2020卓越工程师班 | | 这个作业要求链接 | 实验二 软件研发团队组建 | | 团队名称 | 发际线与你们作队 | | 我的课程学习目标 |学习软件案例的分析| | 这个作业在哪些方面帮助我实现学习目标 | 1.学会分析软件的特点紧 ......
【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范
通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......
C#-WPF-美观炫酷的现代化风格工控机界面设计实际案例分享-界面设计代码
1.动图效果展示 2.界面1 3.界面2 4.界面3 需要界面效果代码的可留言联系博主 ......
HTML的enctype属性
先了解一下form表单提交的过程： （1）先把form表单里的表单元素的name属性和value属性进行收集 （2）按照enctype属性的设置，选择合适的编码方式，对数据进行编码，放在请求头里 （3）浏览器进行发送 enctype有三种： （1）application/x-www-form-url ......
jsdom解析html
1、需求：需要根据博客内容生成一段摘要用于列表展示 2、思路：通过富文本生成的博客内容是html，那么只要对html进行解析就可以拿到需要的摘要数据 3、实现：下面主要通过jsdom这个库解析html 安装依赖 npm i jsdom 使用 let html = `<p>1、需求：需要根据博客内容生 ......
前端学习笔记——Vue3组件间数值传递
依据个人的学习需求，对Vue官网中组件部分内容的搬运和总结，可用于参看，想详细了解Vue3这部分特性的可以直接参考官网内容：https://cn.vuejs.org props是一种特别的attributes，我们可以在组件上生命注册。比如：如果我们要传递给博客文章组建一个标题的话，我们则必须在该组 ......
Vue3组件通信直接参考案例
https://juejin.cn/post/6999687348120190983#heading-7 Vue3 通信使用写法 1. props 用 props 传数据给子组件有两种方法，如下 方法一，setup() 方法写法 // Parent.vue 传送 <child :msg1="msg1 ......
什么是前端开发领域的 Cumulative Layout Shift 问题
CLS 是 Cumulative Layout Shift（累计布局偏移）的缩写，它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题，这些问题会导致网页元素在页面上闪烁或跳动，影响用户体验。 在前端开发中，CLS issue 是一个常见的问题，通常由于 ......
Angular 服务器端渲染场景里，服务器端和客户端渲染出的 HTML 源代码有可能不完全一致
在 Angular 服务器端渲染场景中，服务器端渲染出的 HTML 源代码和客户端渲染出的 HTML 源代码可能不完全一致，这是由以下几个原因造成的： 异步加载的组件 Angular 应用程序中可能存在一些异步加载的组件，这些组件在服务器端渲染时可能还没有加载完成，因此服务器端渲染的 HTML 内容 ......
Drone+前端 实践
1.nginx.conf user nginx; worker_processes 1; error_log /var/log/nginx/error.log warn; pid /var/run/nginx.pid; events { worker_connections 1024; } http ......
前端设计，确定按钮正慢慢消失
不论做什么产品，界面上几乎都少不了「确定」按钮，例如：操作提示时、进行选择时、填写表单数据时…… 完成、保存、下单……各种代表“确定某一步骤”的按钮，都可以统称为确定按钮。 以前的产品设计，大量以来确定按钮，但是现在的产品设计，确定按钮用得越来越少了。 倒不是因为不需要确定操作了，而是除了「确定按钮 ......
JS的for循环动态渲染html只有最后一个元素生效?
背景： 我想在html3个ul中动态生成5个子元素li 目标效果： 废话少说，代码直接梭起来~ 1. 先写html结构 <section class="list-box"> <ul id="myList"></ul> <ul id="myListOne"></ul> <ul id="myListTw ......
前端&后端程序员必备的Linux基础知识
一 从认识操作系统开始 1.1 操作系统简介 我通过以下四点介绍什么操作系统： 操作系统（Operation System，简称OS）是管理计算机硬件与软件资源的程序，是计算机系统的内核与基石； 操作系统本质上是运行在计算机上的软件程序 ； 为用户提供一个与系统交互的操作界面 ； 操作系统分内核与外 ......
深入理解 JVM ------ 调优案例分析与实战
1、大内存硬件上的程序部署策略 网站失去响应是由垃圾收集停顿所导致的，在该系统软硬件条件下， HotSpot虚拟机是以服务端模式运行，默认使用的是吞吐量优先收集器，回收12GB的Java堆，一次Full GC的停顿时间就高达14秒（太大会导致回收停顿时间过长。再加上直接进入老年代，Full GC 次 ......
ES6 NO.1（ var、let 和 const 命令 ）| 前端小白的的第一篇博客~
var var 声明的变量 存在 变量提升 即 在声明该变量之前就可以使用，值为 undefined ，其作用域为全局； let 和 const let 用法类似于 var ，但是所声明的变量，只在 let 命令所在的代码块内有效; const 只能用来声明常量，一旦赋值，不能修改，故使用 cons ......
HTML+css
因为测试需要用到css的内容，所以开始系统学习css和js技术 css有id选择器，类选择器，可以组合，也可以单独分布 首先是基本的选择器 h1{ color: rebeccapurple; } /*类样式 class=*/ .f20{ font-size: 18px; } /*id样式 id=,n ......
用户登录注册案例
用户注册登录案例 接下来我们通过两个比较常见的案例，一个是==注册==，一个是==登录==来对今天学习的内容进行一个实战演练，首先来实现用户登录。 1 、用户登录 1.1、 需求分析 用户在登录页面输入用户名和密码，提交请求给LoginServlet 在LoginServlet中接收请求和数据[用户 ......
前端基础之JavaScript
JS简介 全称JavaScript但是与Java一毛钱关系都没有 之所以这么叫是为了蹭Java的热度 它是一门前端工程师的编程语言 但是它本身有很多逻辑错误(不是很严谨) IT行业鄙视链: 后端 > 前端、运维、测试、产品、老板 前端想一统天下:node.js JS发展史>>>:JavaScript ......
个人部署【未实现Nginx前端资源部署】
【未在Nginx上实现静态资源部署】 虚拟机A作为服务器A：安装Nginx、安装Mysql作为主库 虚拟机B作为服务器B：安装能采用shell脚本部署项目所需软件：jdk git maven jar 、安装Mysql作为从库、安装Redis作为缓存。 服务器B操作： 第一步：使用git clone命 ......
在markdown中，如何使用html代码将多行的代码块插入到一行文字中
这是一行文字，其中包含了一段多行的代码块：<code style="display: inline-block;">int main() { printf("Hello, world!"); return 0; }</code>文字继续向下。 效果如下： 这是一行文字，其中包含了一段多行的代码块：i ......
案例
评委打分案例 1.利用容器 #include <iostream> using namespace std; #include<string> #include<vector> #include<deque> #include<algorithm> class Person { public: Pe ......
VUE框架中实现HTML页面（局部）内容转PDF下载
有一朋友想把网页内容变成PDF下载下来。问我有没有好办法。 这还真巧了，咱公司也有这个需求，就是网页生成合同，然后可以直接打印合同内容。最早吧，就是可以直接打印就好了。 当时为解决完美打印的问题，挺费劲的，当时第三方插件还有BUG（当然把解决放给发给作者了，作者早已经修复了），正经反复折腾了好一阵子 ......
前端CSS
CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS ......
2023前端面试题整理
1、vue响应式： 虽然 Vue 2 与 Vue 3 实现响应式系统的方式不同，但是他们的核心思想还是一致的，都是通过 发布-订阅模式 来实现（因为发布者和观察者之间多了一个 dependence 依赖收集者，与传统观察者模式不同）。 个人理解，观察者模式 与 发布-订阅模式 都是 消息传递的一种实 ......