布局vue web
如何优化 Vue.js 应用程序
单页面应用（SPAs）当处理实时、异步数据时，可以提供丰富的、可交互的用户体验。但它们也可能很重，很臃肿，而且性能很差。在这篇文章中，我们将介绍一些前端优化技巧，以保持我们的Vue应用程序相对精简，并且只在需要的时候提供必需的JS。 注意：这里假设你对Vue和Composition API有一定的熟 ......
vue＋.net入门级书签项目
vu3＋.net6 webApi 书签管理项目 本项目已接入ChatGpt 前言 Gitee项目地址：https://gitee.com/zyplj/book-marks Github项目地址：https://github.com/ZyPLJ/BookMarks 作为一个bug程序员，保存了很多书签 ......
Vue基础02、过滤案例、购物车案例
Vue基础02、过滤案例、购物车案例 一、v-for能循环的类型 数组、带索引 对象、默认value值、也可以是key值 字符串、带索引 数字、带索引 二、js的几种循环方式 js的循环基于索引的循环 js的in循环拿到的是索引 es6语法 of循环 数组的方法 forEach循环 jQuery的循 ......
Vue前后端交互、生命周期、组件化开发
Vue前后端交互、生命周期、组件化开发 一、Vue用axios与后端交互 如果用jQuery与后端交互的话，我们用Ajax发请求，那么用Vue做前端，需要做前后端分离，与后端做交互。这个时候Vue也提供了独立的方法叫Axios,其实Ajax也是没问题的但是同时使用两个框架写前端项目，有点大材小用 ......
vue的两种服务器端渲染方案
关于服务器端渲染方案，之前只接触了基于react的Next.js，最近业务开发vue用的比较多，所以调研了一下vue的服务器端渲染方案。本文着重介绍两种渲染方案。 ......
vue原理：diff、模板编译、渲染过程等
一、虚拟DOM： 因为DOM操作非常消耗性能，在操作DOM时，会出现DOM的回流（Reflow：元素大小或者位置发生改变）与重绘（元素样式的改变）使DOM重新渲染。 现在的框架Vue和React很少直接操作DOM，因为两者都是数据驱动视图，只会对数据进行增删改的操作 因此，二者使用虚拟DOM（vdo ......
Vue/ React/ Angular 前端项目在 Web 服务器上的部署配置
Web 服务器是一种用于存储，处理和传输 Web 内容的软件。它是一种特殊类型的服务器，具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言，如 PHP，JavaScript，Ruby，Python 等，并且支持动态生成 Web 页面。常见的 Web 服 ......
一篇文章带你掌握Flex布局的所有用法
Flex 布局目前已经非常流行了,现在几乎已经兼容所有浏览器了。在文章开始之前我们需要思考一个问题:我们为什么要使用 Flex 布局? 其实答案很简单,那就是 Flex 布局好用。一个新事物的出现往往是因为旧事物不那么好用了,比如,如果想让你用传统的 css 布局来实现一个块元素垂直水平居中你会怎么 ......
Web 页面如何实现动画效果
Web 页面可以使用多种方式实现动画效果，其中最常用的有两种： CSS 动画：通过 CSS 中的 transition 和 animation 属性来实现动画效果。CSS 动画实现起来简单，性能消耗小，支持广泛。 JavaScript 动画：通过 JavaScript 代码来实现动画效果。JavaS ......
Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下
上文创建了一堆 utils、component-info，并实现了新组件模块相关目录和文件的创建。本文继续实现后面的内容。 1 组件样式文件并导入 在 src/service 目录中创建 init-scss.ts 文件，该文件导出 initScss 函数。 由于 .vue 类型的组件的样式就直接写在 ......
Vue3 企业级优雅实战 - 组件库框架 - 11 组件库的打包构建和发布
回顾第一篇文章中谈到的组件库的几个方面，只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。 1 组件库构建 组件库的入口是 packages/yyg-demo-ui，构建组件库有两个步骤： 添加 TypeScript 的配置文件： tsconfig.json 添加 vite.conf ......
面试必问：说一下 Java 虚拟机的内存布局？
我们通常所说的 Java 虚拟机（JVM）的内存布局，一般是指 Java 虚拟机的运行时数据区（Runtime Data Area），也就是当字节码被类加载器加载之后的执行区域划分。当然它通常是 JVM 模块的第一个面试问题，所以，接下来我们一起来看它里面包含了哪些内容。 官方定义 《Java虚拟机 ......
千姿百态,瞬息万变,Win11系统NeoVim打造全能/全栈编辑器(前端/Css/Js/Vue/Golang/Ruby/ChatGpt)
我曾经多次向人推荐Vim，其热情程度有些类似现在卖保险的，有的时候，人们会因为一些弥足珍贵的美好暗暗渴望一个巨大的负面，比如因为想重温手动挡的快乐而渴望买下一辆二十万公里的老爷车，比如因为所谓完美的音质而舍不得一个老旧的有线耳机，比如因为一个铜炉火锅而期待北京那漫长而寒冷的冬天。 ......
玩转web3第一篇——web3-react
概况 web3-react是由Noah Zinsmeister开发的一个web3框架，主要功能是实时获取DApp里的关键数据（如用户当前连接的地址、网络、余额等）。 Noah也是著名的去中心化交易所uniswap里的工程师，因此这个库在uniswap里也已被大量的使用。 web3-react有两个版 ......
玩转web3第二篇——Web3UI Kit
介绍 开发web2应用的时候，可以很方便找到很多优秀的UI库，比如antd，material ui，element ui等等，但web3应用对应的UI库却不多。 今天给大家介绍一款优秀的WEB3的UI库——Web3UI Kit，借助它内置的丰富组件，可以帮助开发人员快速开发出美观的web3页面。 安 ......
Python 发展趋势：与 Rust 深度融合、更易于编写 Web 应用
大家好，我是猫哥，好久不见！2022 年末的时候，我不可避免地阳了，借着身体不舒服就停更了，接踵而至的是元旦和春节假期，又给自己放了假，连年终总结也鸽了，一懈怠就到了 2 月中旬…… 现在是我家娃出生的第三个月，全家人大部分的时间和精力都在他身上，结果是幸福与疲累共存。新生儿是那么的可爱，又是那么的 ......
react 高效高质量搭建后台系统 系列 —— 系统布局
其他章节请看： react 高效高质量搭建后台系统 系列 系统布局 前面我们用脚手架搭建了项目，并实现了登录模块，登录模块所依赖的请求数据和antd（ui框架和样式）也已完成。 本篇将完成系统布局。比如导航区、头部区域、主体区域、页脚。 最终效果如下： spug 中系统布局的分析 spug 登录成功 ......
Quarkus入门体验，22ms启动一个Web服务
简介 Quarkus是类似于Spring Boot的框架，可以方便大家进行Java开发。利用GraalVM的魔力，能更好的适应云原生的场景，极快的启动速度。 创建项目 在IDEA就直接有创建Quarkus项目的初始化工具，直接根据自己需要填好即可，非常方便： 选择自己需要的一些组件和依赖，我这里只选 ......
在Spring Boot中整合Katharsis，来快速开发JSON API的Web应用
1 简介 我们进行Web API开发的时候，经常会使用Json格式的消息体，而Json格式非常灵活，不同的人会有不同的设计风格和实现，而JSON API提供了一套标准。但它并不提供直接实现。 Katharsis是JSON API的Java实现，使用它可以快速开发出Json based的Web接口，还 ......
Spring在Filter中记录Web请求Request和返回Response的内容及时长
1 简介 在Spring MVC中，我们有时需要记录一下请求和返回的内容，方便出现问题时排查。比较Header、Request Body等。这些在Controller也可以记录，但在Filter中会更方便。而我们使用的是OncePerRequestFilter。 2 记录请求 2.1 流重复读的问题 ......
快速上手python的简单web框架flask
简介 python可以做很多事情，虽然它的强项在于进行向量运算和机器学习、深度学习等方面。但是在某些时候，我们仍然需要使用python对外提供web服务。 比如我们现在有一个用python写好的模型算法，这个模型算法需要接收前端的输入，然后进行模拟运算，最终得到最后的输出。这个流程是一个典型的web ......
Vue 中 Promise 的then方法异步使用及async/await 异步使用总结
转载请注明出处： 1.Promise 的 then 方法使用 then 方法是 Promise 中 处理的是异步调用，异步调用是非阻塞式的，在调用的时候并不知道它什么时候结束，也就不会等到他返回一个有效数据之后再进行下一步处理； 想了解 Promise 的使用，可以看这篇文章： ES6 中 Prom ......
vue3实现一个抽奖小项目
前言 在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。 浏览链接：http://xisite.top/original/luck-draw/index.html 项目链接：https://gitee.com/xi1213/luck-draw (欢迎star!) 项目截图： 实现 ......
云间玉兔,自出机抒,从零开始制作Web插件网页特效小兔子组件(小挂件widget),基于原生CSS/NPM
著意登楼瞻玉兔，何人张幕遮银阙？又到了一年一度的网页小挂件环节，以往我们都是集成别人开源的组件，但所谓熟读唐诗三百首，不会做诗也会吟，熟读了别人的东西，做几首打油诗也是可以的，但若不能自出机抒，却也成不了大事，所以本次我们从零开始制作属于自己的网页小挂件，博君一晒。 玉兔主题元素绘制 成本最低的绘制 ......
聊聊web漏洞挖掘第一期
之前写2022年度总结的时候，有提到要给大家分享漏洞挖掘技巧。这里简单分享一些思路，更多的内容需要大家举一反三。 文章准备昨晚写的，昨天晚上出去唱歌，回来太晚了，耽搁了。昨天是我工作的last day，心里还是有点难受的。我想了想，人生大抵如此。在短暂的生命中，认识不同的人，和他们相识到相知，再到离 ......
Vue + Element 自定义上传封面组件
前一段时间做项目，频繁使用到上传图片组件，而且只上传一个封面，于是想着自定义一个图片封面上传组件。先来看一下效果： 第一张图片是上传之前，第二张图片是上传成功后，第3张图片是鼠标放上去之后的效果！ 首先整理需求，图片上传我们使用照片墙的方式，只能上传一张图片，图片上传成功后不能继续上传，如果想要更换 ......
从面试题入手，畅谈 Vue 3 性能优化
前言 今年又是一个非常寒冷的冬天，很多公司都开始人员精简。市场从来不缺前端，但对高级前端的需求还是特别强烈的。一些大厂的面试官为了区分候选人对前端领域能力的深度，经常会在面试过程中考察一些前端框架的源码性知识点。Vuejs 作为世界顶尖的框架之一，几乎在所有的面试场景中或多或少都会被提及。 笔者之前 ......
【Vue3.0】关于 script setup 语法糖的用法
script setup - 简介 先来看一看官网关于 <script setup> 的介绍: 要彻底的了解 setup 语法糖，你必须先明确 setup() 这个 组合式API 官网中对于这一api的介绍是—— 在 setup() 函数中返回的对象会暴露给模板和组件实例。其它的选项也可以通过组件实 ......
【分布式技术专题】「LVS负载均衡」全面透析Web基础架构负载均衡LVS机制的原理分析指南
前提概要 在大规模互联网应用中，负载均衡设备是必不可少的组成部分，源于互联网应用的高并 发和大流量的冲击压力场景下，通常会在服务端部署多个无状态的应用服务器和若干有状态的存储服务器（数据库、缓存等等）实现高可用特点和机制。 LVS的介绍说明 官方站点：http://www.linuxvirtuals ......
Vue+echart 展示后端获取的数据
最近在合作做一个前后端分离项目时，为了测试我写的后端部分获取数据的效果，自己也学了一下 vue 的知识，在获取 json 信息这里也踩了很多坑。 这里列举下我返回的 json 部分信息： { "house_basic": [ { "HOUSE_ID": "00001", "HOUSE_NAME": ......