前端 流水线 流水devops

Vue——前端发展史、Vue介绍和使用、插值语法、文本指令、事件指令

## 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 javascript ......
指令 发展史 前端 语法 Vue

平台工程是 DevOps 的未来

> Gartner 预测到 2026 年时,将有 80% 的软件工程组织会建立平台团队 # DevOps 与平台工程 DevOps 是一种文化和理念。平台工程,是我们实现**“谁构建、谁运行”**的唯一方式。这是 DevOps 的核心初衷,也是后来企业级规模和云原生时代的实现基础。平台工程关注的不一 ......
DevOps 工程 平台

前端相关规范

# 前端规范记录 ### 1. 严禁使用 console 对象来输出信息 console对象在输出对象信息的时候, 会维持一个对象的引用, 从而造成内存泄漏! 可以在开发环境中使用, 严禁在生产环境中使用!! 开发环境也可以使用断电 + watch(或者控制台手工输入console输出指令) ### ......
前端

vue中(input组件)textarea文本提交到后端数据库,前端输出保存换行回车及修改显示

1.修改css中white-space属性为“pre-warp” 在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示,取值有: normal:默认,忽略文本中所有的空白、换行符;只有文本存在 <br> 或文本达到框的约束时,文本才会换行 nowrap:和nor ......
前端 组件 textarea 文本 数据库

pnpm才是前端工程化项目的未来

## 前言 相信小伙伴们都接触过`npm/yarn`,这两种包管理工具想必是大家工作中用的最多的包管理工具,`npm`作为`node`官方的包管理工具,它是随着node的诞生一起出现在大家的视野中,而`yarn`的出现则是为了解决`npm`带来的诸多问题,虽然`yarn`提高了依赖包的安装速度与使用 ......
前端 项目 工程 pnpm

前端样式配置

title: 前端样式配置 style tags: - 手册 - 样式 - CSS categories: - 手册 ```html 1 《半小时漫画中国哲学史》 2 “ 既许一人以偏爱,愿尽余生之慷慨 ” 3 [data.json文件链接](https://pan.baidu.com/s/1omz ......
前端 样式

3.5 Y84-64的流水线实现

我们终于准备好要开始本章的主要任务——设计一个流水线化的Y86-64处理器。首先,对顺序的SEQ处理器做一点小的改动,将PC的计算挪到取指阶段。然后,在各个阶段之间加上流水线寄存器。到这个时候,我们的尝试还不能正确处理各种数据和控制相关。不过,做一些修改,就能实现我们的目标——一个高效的、流水线化的 ......
流水线 流水 3.5 84 64

前端预览docx格式文档

运用docx-preview.js(去网上下载https://github.com/VolodymyrBaydalka/docxjs/blob/master/dist/docx-preview.js) 引入脚本 <script type="text/javascript" src="https:// ......
前端 格式 文档 docx

WebStorm 2023(Web前端开发工具) v2023.1.2中文mac版

WebStorm 2022 mac版是一款基于 WebSocket的 Web应用程序编程工具,旨在通过 Web应用程序的代码将 HTML和 CSS文本从浏览器返回到服务器。 WebStorm采用 MVC架构,其中每个模块都在其内部运行。WebStorm 适用于 JavaScript 和相关技术的集成 ......
2023 前端 开发工具 WebStorm 工具

一文搞懂前端的所有类数组类型

前面博文有介绍JavaScript中数组的一些特性,通过对这些数组特性的深入梳理,能够加深我们对数组相关知识的理解,详见博文: [一文搞懂JavaScript数组的特性](https://www.cnblogs.com/jimojianghu/p/17292277.html) 其实,在前端开发中,除 ......
数组 前端 类型

黑马前端必会单词300个-美式发音-2023

# 墨墨背单词 - 使用墨墨的云词库搜索:**黑马前端必会单词 300 个** - 艾宾浩斯记忆法的虚假与真相 [科普视频](https://www.bilibili.com/video/BV1yF411s7SN) ![image](https://img2023.cnblogs.com/blog/ ......
前端 黑马 单词 2023 300

前端工程项目规范化

> 在 vue3 、ts、vite 项目中使用 eslint与prettier与stylelint与husky的详细指南 ## 创建项目 这里以vue项目为例 ```bash pnpm create vite my-vue-app --template vue-ts ``` 为什么需要eslint与 ......
前端 工程项目 项目 工程

前端项目中,一些好的写法

### 请求 ``` const handldeComfirmTermwork = async (params) => { // async 异步函数标识 try { //捕获错误信息 const { id, sid, label } = params // 解构赋值 const res = awa ......
写法 前端 项目

java为实体动态添加字段 并返回给前端

对于线上已经在用的接口,要动态的扩展返回数据的字段,并且不同的调用商需要的字段不一样,为了A客户增加了一个字段,不能把字段返回给B,防止B客户那边也要升级接口。对于开始加一两个字段我还可以接受:每次返回不同的实例,渐渐的我觉得力不从心了,代码重复太多了,就想到了能不能动态的添加字段呢?首先引入mav ......
字段 前端 实体 动态 java

前端实现全屏展示

## 实现 ```html {{ isFullscreen ? "退出全屏" : "全屏" }} ``` ```js mounted() { //监听是否进入全屏模式 document.addEventListener("fullscreenchange", e => { if (document. ......
前端

使用vue的简单的纯前端JS验证码实现

## 使用vue的简单的纯前端JS验证码实现 感觉人不能在SQL里面淹死,得看看别的东西了 因为是上班摸鱼偷摸搞的,所以人比较懒,很多东西也懒得修修改改,直接放在一个html文件下了 页面如下 ![image](https://img2023.cnblogs.com/blog/1672923/202 ......
前端 vue

文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览

合集 - 文档管理(3) 1.文档在线预览(一)通过将txt、word、pdf转成图片实现在线预览功能05-302.文档在线预览(二)word、pdf文件转html以实现文档在线预览05-30 3.文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览06-01 目录 实现 ......
前端 文档 excel word pdf

作为一个后端,要拉前端代码下来在自己电脑,并且跑起来--以下步骤很精准

1.安装nodejs--注意nodejs的版本--尽量不要用高版本的,坑多2.验证nodejs是都安装成功 cmd node -v--出现版本号就说明安装成功2.安装vscode 类似idea--运行工具--打开前端项目如何运行vue项目(运行githug下载的vue项目) - CodeAntenn ......
前端 步骤 代码 电脑

前端学习路线图roadmap(转)

# 前端学习路线 > 这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。 💂 + 💻 = 👴🏽 建议先观看视频导读:https://www.bilibili.com/video/BV1nh411e7oG/ ## 路线特点 1. 一份全面的前端知识点大梳理和汇总 2. ......
路线图 前端 路线 roadmap

使用 jQuery 进行前端验证

前段验证脚本的教程,其基础为jQuery的插件validate。 一、可以验证哪些信息 要求输入不能为空 要求输入格式必须为电子邮箱 要求输入格式必须为URL 要求输入格式必须为日期 要求输入格式必须为数字 要求输入格式必须为整数 要求输入必须和指定输入框内容相同 要求输入必须大于指定字符长度 要求 ......
前端 jQuery

【Python】【Flask】前端调用后端方法

后端代码: @app.route("/test",methods=['POST','GET']) def test(): return "我是测试的" 前端代码: 1、使用<a>标签 <a href="{{url_for('test')}}">我是测试</a> 这个是最简单的,点击一下,就自动跳转了 ......
前端 方法 Python Flask

文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览

本文主要介绍了word、excel、pdf、ppt等文件纯前端实现在线预览的方式,从本文的测试情况来看前端实现预览最好的效果还是PDF(或者是图片),不会出现一些文字错乱和乱码的问题,所以一般好的方案就是后端配合将不同格式的文件转换成pdf,转成统一的文件格式,再由前端实现预览效果,这样能保留文件的... ......
前端 文档 excel word pdf

前端 React + vite + Typescript 后端 java + springmvc + jwt 跨域 解决方案

首先后端配置跨域: web.xml文件: <!-- 配置跨域 --> <filter> <filter-name>header</filter-name> <filter-class>org.zhiyi.config.Cross</filter-class> </filter> <filter-ma ......

前端上传文件可能的问题

上传文件失败,可能的原因 1. 前端默认限制了文件大小,例如我这里使用了 axios 发送请求,默认是有大小显示的,可以在配置里面设置文件大小,比如设置内容和请求体大小为 100M,默认打印出来的是 -1 config.maxContentLength = 100 * 1024 * 1024; co ......
前端 文件 问题

前端全栈资料-css2

入门 1-特殊选择器多类名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .aqua{ color: aqua; } .font{ font-size: 10px ......
前端 资料 css2 css

前端浏览器缓存和HTTP缓存

缓存 缓存优点:减少冗余的数据传输;减轻服务器的压力;加快浏览器加载网页的速度。 分类:强缓存和协商缓存 强缓存:服务器不需要发送资源给客户端,客户端直接从缓存中取 有关头字段:Cache-Control、 Expires,两者同时存在时,前者优先级更高 Expires:当客户端向服务器发送请求,服 ......
缓存 前端 浏览器 HTTP

springboot 雪花算法生成的发送到前端id精度丢失

添加注解: @JsonFormat(shape = JsonFormat.Shape.STRING) 用法: ......
前端 精度 算法 springboot 雪花

前端工程师如何突破瓶颈期

前端工程师在职业生涯中可能会遇到瓶颈期,这时需要有一定的策略和方法来突破,以下是一些建议: 1. 持续学习:前端技术更新换代非常快,需要不断学习新技术和新知识,保持自己的竞争力。 2. 扩展技能:在掌握核心技能的基础上,可以扩展自己的技能范围,例如学习后端开发、数据库设计等技能。 3. 参与开源项目 ......
前端 瓶颈 工程师 工程

前端之vue3的setup和setup的2个的形参、响应式页面

# setup setup是个函数, 包含数据、方法等,是组合api的“舞台”。 setup返回值: 1.对象,其中的属性、方法都可以在模板中直接使用 2.渲染含数(了解就好) ``` export default { name: "App", components: {}, setup() { / ......
setup 前端 页面 vue3 vue