html
关注
分享
扫一扫
文章平均质量分 59
普通网友
这个作者很懒，什么都没留下…
展开
-
vue3 updatemodelValue使用
v-model中update:modelValuev-model的主要原因是由于value和input事件可能另有它用，那么我们可不可以直接使用另外的属性和方法，而不需要去通过model进行定义。vue3中就实现了这个功能，v-model绑定的不再是value，而是modelValue，接收的方法也不再是input，而是update:modelValue写法：<ChildComponent v-model:title="title" />//或者<ChildComponen原创 2022-03-11 20:39:06 · 1320 阅读 · 0 评论 -
uniapp消息推送超详细（从开通uniPush到测试成功）
前段时间开发app的时候要开始做消息推送功能了，刚开始选择的是个推，最后由于。。。。。，em还是用了uniapp自带的uniPush，其实uniapp的推送就是集成版的个推，下面讲解详细的步骤这里是官方的文档地址：uniPush推送指南：https://ask.dcloud.net.cn/article/356221、开通推送服务1、开通推送服务开通指南：uniPush开通指南：https://ask.dcloud.net.cn/article/35716打开这个链接uniapp开发者后台原创 2022-03-11 19:15:38 · 25080 阅读 · 10 评论 -
nvm安装与使用
nvm node.js version managementnodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。windows用户下载安装：https://github.com/coreybutler/nvm-windows下载后按照默认配置一步步安装，由于国外的镜像源下载慢，所以打开C:UsersdellAppDataRoaming vmsettings.txt添加node_mirror: https://npm.taobao.org/mirrors/node/npm_mir原创 2022-03-11 15:15:08 · 151 阅读 · 0 评论 -
Java项目成绩管理系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
源码获取：博客首页 “资源” 里下载！一、项目简述本系统功能包括： 超豪华成绩管理系统，学生，教师，管理员三类用户集 成，课程表管理，成绩查询，成绩详情数据统计，课程录 入，用户管理，账号管理。二、项目运行环境配置： Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX (Webstorm也 行)+ Eclispe (IntelliJ IDEA,Eclispe,MyEclispe,Sts都支 持)。项目技术： Springboot + Maven + Mybatis +.原创 2022-03-11 13:52:46 · 250 阅读 · 1 评论 -
Flex布局详解
Flex 布局详解一、入门1. flex 是什么？flex 是 Flexible Box 的缩写，就是弹性盒子布局的意思2. 为什么我们需要 flex解决元素居中问题自动弹性伸缩，合适适配不同大小的屏幕，和移动端3.flex 常见术语 三个2序号简记术语1二成员容器和项目(container / item)2二根轴主轴与交叉轴(main-axis / cross-axis)3二根线起始线(main/cross-start)与结束线（main/cross-原创 2022-03-11 12:30:56 · 903 阅读 · 0 评论 -
Apifox登录接口密码进行rsa加密的前置脚本--从登录接口获取token--请求接口header里带上token
Apifox登录接口密码进行rsa加密的前置脚本说明：有些网站登录时要求对登录密码进行加密传输，这样每次调试其他接口时登录就非常麻烦。可以使用Apifox（Apifox是类似postman的后端接口调试工具）前置脚本对传输的密码进行加密{ "username": "username", "password": "{{password}}", "password2" : "123456"}接口传参里的password使用{{password}}变量的形式传输，未加密的密码原创 2022-03-11 11:09:35 · 1335 阅读 · 1 评论 -
面试官：为什么Vue中的v-if和v-for不建议一起用
一、作用v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true值的时候被渲染v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组或者对象，而 item 则是被迭代的数组元素的别名在 v-for 的时候，建议设置key值，并且保证每个key值是独一无二的，这便于diff算法进行优化两者在用法上<Modal?v-if="isShow"?/><li?v-for=".原创 2022-03-10 13:26:41 · 171 阅读 · 0 评论 -
综合架构web服务之nginx详解
文章目录nginx 服务配置详细介绍关于作者前言一、nginx web 入门简介1.1 什么是nginx1.2 常见的网站服务1.3 nginx 网站服务特点1.4 网站页面访问原理二、nginx 服务部署安装2.1实验环境2.2 YUM 安装2.3 源码编译安装2.4 nginx重要文件目录结构2.5 虚拟主机介绍及配置2.5.1利用nginx服务搭建一个网站(www)2.5.2 location介绍、location 访问控制及 优雅404显示2.原创 2022-03-10 12:05:52 · 938 阅读 · 1 评论 -
前端开发一枚，入职前自学的感觉不难，为什么工作起来很吃力？
前言我是软件工程专业，学前端之前，学过 C/C++、Java、PHP、.net 成绩还不错基本都是90多分。感觉自己干后端也不吃力。实验室里面的项目都是前后都写。最爱 PHP，本以为以后就走上PHP后端工程师的道路了。由于项目需要的原因，后来渐渐开始学起 HTML、CSS、JavaScript 这些语法相关的东西。刚接触时没有感觉太大难度。当时就想着怎么把页面搞好看，搞各种动画炫技。写一个小球从下面弹出来的效果，换各种姿势弹出。当时觉得前端真的有意思，就入了前端的坑。入坑前，以为前端就是搞各种漂亮的页原创 2022-03-09 14:22:27 · 301 阅读 · 0 评论 -
【罗盘时钟（星空版）---使用html,js,css编写。（附全部源代码+效果）】
目录效果源代码效果换个背景：源代码index.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>CSDN---追梦者</title><link rel="stylesheet" href="css/clock.css"></head><body><ul cl转载 2022-03-09 13:01:59 · 5967 阅读 · 4 评论 -
vue项目报错：.node_modulescache-loaderdistcjs.jsref--12-0
vue项目报错如下：./pageLift.vue in ./node_modules/cache-loader/dist/cjs.jsref–12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.jsref–0-0!./node_modules/vue-loader/libvue-loader-options!./src/views/testPage/index.vuevue&type=script&am原创 2022-03-09 11:38:40 · 5294 阅读 · 0 评论 -
vue3中的this.$set怎么写呢
vue3中的this.$set怎么写呢在vue2中我们常常会遇到明明已经改变了数据视图却没有实时更新这样的问题举例<el-input v-model="input.text" placeholder="请输入内容"></el-input>data() { return{ input:{ text:'1' } }}mounted () { this.input.text = '2'; // 视图层并没有改变}这时vue2就提供了一个方法就是原创 2022-03-09 10:17:45 · 7649 阅读 · 1 评论 -
Vue 展示巨量数据，vue-virtual-scroller 使用说明 vue3 vue2
Vue 展示巨量数据，vue-virtual-scroller 使用说明 vue3 vue2一、遇到的问题最近在做的一个小工具中需要解决一个展示巨量数据列表的问题，数据有 8万 多条。刚开始我是直接让它渲染的，结果用了 60 秒之多，我以为是数据处理耗时多，经过排查，发现是 dom 渲染用时长，数据处理其实只用了不到 100ms，如下图：二、解决方案 vue-virtual-scroller所以目前主要需要解决的就是如何能流畅展示这么多数据的问题，搜了下，搜到 vue-virtual-scrol原创 2022-03-09 08:43:00 · 3826 阅读 · 0 评论 -
ts报错：TypeError Cannot read properties of undefined (reading ‘key‘)
报错如下：原因：拷贝了注册了组件的代码，然后删除组件的时候， 把整个@Component 删掉了解决办法： 在export default class 前面加上 @Component@Component export default class AnnualTaxRebateSubsidyView extends Vue { }...原创 2022-03-08 14:02:42 · 2661 阅读 · 0 评论 -
js中动态获取页面的script地址，并动态给他添加script标签和地址，解决页面白屏问题
前言：（业务逻辑）在vue中，遇到这样的情况，初始化加载太多js，导致页面白屏，为了解决这个情况，决定使用具体组件具体加载相应的cdn地址。为啥不用vue的按需加载呢，是因为我们项目对性能要求很高，但是按需加载后，引入的插件包，打包以后的大小比cdn要大太多了，整体来说是使用他是得不偿失，但是一次性加载太多cdn又会导致白屏，所以在这里我使用的方法：具体某个页面使用第三方插件，就在使用的页面js动态加载scirpt，并给他上标签具体操作：1、面临第一个问题，要先获取到当前页面所用到的所有引入 的 2原创 2022-03-08 11:22:06 · 769 阅读 · 0 评论 -
HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
web前端开发技术期末大作业 网页规划与制造，做得不深 但是还是满足期末大作业的 分享一下题目：此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术（如结合使用CSS及表格、DIV、框架等技术），完成各页面的布局设计。工具：EditPlus一、所需文件二、网页效果（模仿游戏官网）A.首页效果B.游戏介绍假装有图C.游戏攻略D.手办商城E.问卷调查假装有图F.加入我们…懒了…哈哈三、部原创 2022-03-08 10:01:41 · 2434 阅读 · 3 评论 -
CSS——CSS基础（一篇就够用）
CSS——CSS基础（一篇就够用）一.CSS概述1.什么是css2.作用3.css和html属性的使用原则二.CSS语法规范1.css的使用方式①行内样式，内联样式②内部样式③外部样式2.css的样式特性①继承性②堆叠性③优先级④调整优先级三.基础选择器1.通用选择器2.元素选择器3.ID选择器4.类选择器类选择器的其它用法①.多类选择器②.分类选择器③.类名的定义规范5.群组选择器6.后代选择器7原创 2022-03-08 08:41:38 · 96 阅读 · 0 评论 -
记录一个错误 Cannot find module ‘.index.module.less‘ or its corresponding type declarations. TS2307
起初以为是craco的less配置错误了，后来一看错误是ts的，因为我是create-react-app + typescript + craco，不过这个错误只和typescript有关系，ts不认识less文件。解决办法，全局声明文件react-app-env.d.ts添加/// <reference types="react-scripts" />declare module "*.less" { const content: { [className: string]: str原创 2022-03-07 10:07:28 · 1774 阅读 · 0 评论 -
如何使用 JavaScript 制作待办事项列表
?? 作者主页：海拥?? 作者简介：??CSDN全栈领域优质创作者、??HDZ核心组成员?? 粉丝福利：粉丝群 每周送六本书，不定期送各种小礼品直接跳到末尾 去评论区领书在本文中，您将学习如何使用 JavaScript 创建待办事项列表。Todo List JavaScript 是一个不错的项目，可以帮助初学者增加对 JavaScript 的了解。烟花、雪花 、 樱花 、 浪漫贺卡 以及 圣诞树 我前段时间刚做过，感兴趣的也可以看看我前几期的博客：烟花：https://haiyong.blog.原创 2022-03-06 05:12:54 · 476 阅读 · 0 评论 -
[网关异常处理]请求路径captchaImage,异常信息404 NOT_FOUND
今天用若依二开，在项目里添加了一个模块，启动系统的时候报错了。前台提示404 NOT FOUND，同时验证码无法显示。这个问题，我一分钟之内就知道是哪儿的问题。原因是，我启动的ruoyi-ui是Vue版本，而我的后台服务器是Cloud版本。但是，还是想记录一下，顺便把Spring Cloud GateWay的相关知识，再巩固一遍。08:53:21.851 [reactor-http-nio-3] ERROR c.r.g.h.GatewayExceptionHandler - [handle,52原创 2022-03-06 02:30:02 · 8257 阅读 · 9 评论 -
Vue修炼系列教程 - 元婴篇1
前言恭喜学到这的小伙伴们，你们突破了筑基层，升级到了元婴层啦！我们继续修炼！回顾上一期，我们讲了比较优雅使用ref操作dom的，以及v-model的一些应用，今天我们来学习封装组件打个广告，最底下的公众号，可以每天领外卖红包、打车优惠券还有96折充值电费等，需要的可以关注一下哦组件日常开发中封装组件是十分重要的，我们举个场景帮助快速理解组件的含义。比如我们在a页面有个点击按钮可以自增计数功能，之后发现我们b页面、c页面也要这个功能，这个时候如果把同样的功能代码也copy到b页面、c页面是不是觉得很麻原创 2022-03-06 01:08:43 · 65 阅读 · 0 评论