前端

Vue3.2语法糖使用总结

Vue3.2语法糖使用总结 一. 概述 在Vue2时期,组件里定义的各类变量、方法、计算属性等是分别存放到data、methods、computed等选项里,这样编写的代码不便于后期的查阅,查找一个业务逻辑需要在各个选项来回切换。vue3.0组合式APIsetup函数的推出就是为了解决这个问题,它让我们的逻辑关注点更加集中,语法也更加精简,但是当我们在使用vue3.0的语法就构建组件的时候,总是需

前端小案例——网页井字棋

        前言:我们在学习完了HTML、CSS和JavaScript之后,就会想着使用这三个东西去做一些小案例,不过又没有什么好的案例让我们去练手,本篇文章就提供里一个案例——网页井字棋。 ✨✨✨这里是秋刀鱼不做梦的BLOG ✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客 目录写在前面        —

HTTP JSON接口模拟工具Interfake快速入门

一、简介 Interfake能简便地创建虚假的HTTP API,只需简单几行代码就可以创建模拟JSON接口(使用命令行方式也可以不写代码),不需要安装web服务器。Interfake是NodeJs开发的,是一款开源Mock Server工具。GitHub地址。 二、以命令行方式使用 interfake interfake 是NodeJs开发的,支持三种使用方式:JS代码方式、JSON配置方式和HT

补-设计模式之访问者模式(十三)

  访问者模式在23种设计模式算是复杂的,因此在解释定义前,先以实际的例子代入一下,觉得理解起来会更好一些。 场景:很多人都有养宠物的习惯,这里就以此为例 访问者角色:给宠物喂食的人 具体访问者角色:主人、其他人 抽象元素角色:动物抽象类 具体元素角色:宠物狗、宠物猫 结构对象角色:主人家 结构图 创建抽象访问者接口 interface Person {

h5 IOS微信浏览器input输入账号键盘闪烁

问题 由项目需求 只能在手机微信浏览打开h5页面 在登录界面。输入账号时,ios手机软键盘反复闪烁 原因 因为微信浏览器的重绘行为; 简单理解就是,自ios11开始,苹果手机的浏览器就有了自动填充密码的功能, 具体来说就是一个手机号密码登录的页面,ios识别到当前页面有密码输入框,所以触发了自动填充密码的功能。 解决方案 autoComplete="off" 和 autoComplete="n

Web 聊天室消息加解密方案详解

目录​编辑一、Web 聊天室消息加解密需求与技术约束1.1 核心安全需求1.2 技术约束二、主流消息加解密方案详解2.1 方案 1:对称加密(AES-256-GCM)2.1.1 方案概述2.1.2 核心原理2.1.3 实现步骤(分场景)场景 1:单聊加密场景 2:群聊加密2.1.4 代码实现&#xff

前端将html导出为word文档

前言本次功能的引出是因为博主所做的功能业务为统计分析页面,需要将图表及分析数据导出到word文档,使系统使用人员可以在页面显示的基础上进行修改。按理说页面导出的数据是不允许修改的,所以博主向产品经理提出直接将页面导出为图片,在博主的据理力争下,成功的被否决了,那就来好好研究一下吧正文在通过多方搜索以及实践之下&#x

WEB前端优化实践

提升首屏的加载速度,是前端性能优化中最重要的环节,这里笔者梳理出一些 常规且有效 的首屏优化建议 目标:通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理 1、路由懒加载 SPA 项目,一个路由对应一个页面,如果不做处理,项目打包后,会把所有页面打包成一个文件,当用户打开首页时,会一次性加载所有的资源,造成首页加载很慢,降低用户体验。 列一个实际项目的打包详情:

基于 SpringBoot 的 Web智慧社区系统设计与实现(源码+文档+运行视频+讲解视频)

  文章目录 系列文章目录 目的 前言 一、详细视频演示 二、项目部分实现截图 三、技术栈 后端框架springboot 前端框架vue 持久层框架MyBaitsPlus 系统测试 四、代码参考 源码获取 目的 为解决传统社区管理效率低、居民互动不足等问题,我将阐述基于 Web 的 SpringBoot076 智慧社区系统的设计与实现,展现其在社

css页面顶部底部固定,中间自适应几种方法

第一种 image.png 1,使用相对定位和绝对定位 注意:当页面高度高于可视窗口的时候(也就是出现了滚动条);这时如果再使用绝对定位 向上滑动的时候,就已经不固底了,因为页面进来定位只计算一次; 解决方案:使用fixed固定定位,永远把footer固定到底部,有滚动条也是不影响的; <!DOCTYPE html> <html lang="en"> &l