vue3.0之全局变量app.config.globalProperties的使用
ctx相当于Vue2的this, 但是需要特别注意的是ctx代替this只适用于开发阶段,如果将项目打包放到生产服务器上运行,就会出错,ctx无法获取路由和全局挂载对象的。此问题的解决方案就是使用proxy替代ctx,代码参考如下。添加一个可以在应用的任何组件实例中访问的全局 property。组件
node-sass版本问题
sass-loader 官网各种版本详细信息(可支持的node-saas版本)卸载掉本机node-sass sass-loader,卸载不掉的话手动删掉。NodeJS和Supported node-sass version。
VS Code -- Live Server
Live Server插件用来自动加载热部署前端页面相关的文件(.html/.js/.ts/.css),简单来说就是:快速启动本地服务,自动监听,不需要刷新就能更新内容。有了它之后调试前端页面再也不需要不停地手工去点击浏览器上的刷新按钮。
“TypeError: Assignment to constant variable”的问题解决方案
在使用VUE开发项目时,控制台输出的问题未捕获的类型错误:赋值给常量变量。我们使用 const 定义了变量且存在初始值。 后面又给这个变量赋值,所以报错了。ES6 标准引入了新的关键字 const 来定义常量,const 与 let 都具有块级作用域:
【Linux】Nginx安装使用负载均衡及动静分离(前后端项目部署),前端项目打包
SPA(Single Page Application)是一种运行在单个页面上的 Web 应用程序,主要采用 JavaScript、Ajax 等技术动态加载页面内容,提供像桌面应用程序一样的用户体验。将前端 SPA 进行打包主要是为了加快页面的加载速度,减少资源请求次数,保证前端应用的快速响应。
Java Web实验(二) JSP应用
(一)实现用户登录功能。(二)实现一个简单留言板
前端数据可视化之【title、legend、tooltip、toolbox 】配置项
前端数据可视化之【title、legend、tooltip、toolbox 】配置项
Web前端开发技术(第3版) 实训5 项目16 DIV+CSS页面布局
这是思考区 </div> --> <!-- <div id="content">这是严肃区</div> --> <!-- <div id="menu">这是快乐水管够区</div> --> <!-- <div id="content">这是
CSS - 选择器详解 - 子代、后代选择器详解 - 伪类选择器 - 测试
目录测试准备:子代选择器 >测试代码:指定id的子代选择器后代选择器 (以空格隔开)指定 id 的后代选择器指定 class 类 的后代选择器多空格后代选择器详解 (特别重要)伪类选择器 :参考链接:测试准备:新建一个测试项目文件夹 test,然后在 test 文件夹内新建一个名为 css 的
Node.js搭建Https服务
Node.js中搭建Https服务不难,Node.js已经为我们提供了Https模块可以快捷的完成搭建。Https服务实际中仅会使用到线上环境,如果本地环境也需要,我们也可以使用openSSL工具生成一个证书。
js:定时器setInterval、clearInterval的使用
定时器:可以在固定时间间隔,重复调用一个函数。为了避免this指向问题,一般使用箭头函数。
Error: Cannot find module ‘×××××ב报错,找不到依赖问题解决方案
Error: Cannot find module '××××××'报错,找不到依赖问题解决方案,两种能解决大部分问题
前端Base64 编码和解码的使用方法
使用 Base64 类从 ‘js-base64’ 库进行 Base64 编码和解码。
前端深入理解JavaScript面向对象编程与Class
面向对象编程(Object-Oriented Programming,简称OOP)是一种编程范式,它将程序中的对象作为基本单元,通过封装、继承和多态等机制来组织和管理代码。面向对象编程将现实世界中的实体抽象为代码中的对象,对象拥有自己的状态(属性)和行为(方法),并与其他对象进行交互。封装(Enca
记录Property ‘xxx‘ does not exist on type问题解决方法
在Vue3 + TS 的demo项目中 , 使用app.config.globalProperties.$session = sessionStorage封装了一个全局的$session , 但是出现了Property '$session' does not exist on type的报错提示 ,
如何将img标签水平居中
要将 img 标签水平居中,可以使用 CSS 属性 margin: auto。具体操作如下:在 img 标签上添加 style 属性,并在其中指定 margin: auto。例如:<imgsrc="your-image-source" style="margin: auto">...
用JavaScript实现双击事件
经过这样编写我们只需要改动一些if逻辑结构就可实现区分三连击,甚至多连击事件。虽然Js已经提供了"dbclick"事件,但自己编写函数实现可以实现思维启发。
【前端系列】Element-UI 悟道
官网地址Element UI 是一个基于 Vue.js 的开源用户界面框架,用于构建 Web 应用程序的用户界面。它提供了一系列的可重用的 UI 组件,包括按钮、表单、对话框、菜单、表格、图表等,以帮助开发者更轻松地构建功能丰富的前端界面。Element UI 设计风格简洁美观,易于定制和使用,因此
前端传递对象,后台接收对象的五种方式
这些方式的选择取决于您的具体需求和前端请求的方式。注解是在处理前端传递的 JSON 对象时最常见的方式。注解将请求体中的 JSON 数据映射为 Java 对象。注解将 URL 参数映射为 Java 对象的属性。注解将请求头中的数据映射为 Java 对象的属性。:在 Spring Boot 控制器方法
前端react入门day02-React中的事件绑定与组件
学习目标:1.了解react中的事件绑定操作 2.学会运用react中的组件