前端
文章平均质量分 58
m0_67403143
这个作者很懒,什么都没留下…
展开
-
Vue - 解决子组件中修改props值报错(error Unexpected mutation of “---“ prop vueno-mutating-props)
Vue - 解决子组件中修改props值报错其实这就是Vue的单向数据流的概念单向数据流父级prop的更新会向下流动到子组件中,子组件中所有的 prop 都将会刷新为最新的值但是反过来则不行。你不应该在一个子组件内部改变 prop。否则Vue 会在浏览器的控制台中发出如上图的警告这是Vue官方防止从子组件意外变更父级组件的状态内容,这样会导致你应用的数据流向杂乱无章。那么怎么解决呢?很简单修改 prop 的两种情形:①:这个 prop 用来传递一个初始值;这个子组件接下来希望原创 2022-03-11 19:46:24 · 2762 阅读 · 0 评论 -
react-router-dom V6 路由传值及功能介绍
文章目录前言一、引入库文件二、使用步骤1.首页引入Router2.创建路由集中管理文件3.在App中使用useRoutes4.在子页面中使用5.路由传值的方式总结前言React-router-dom已经升级到最新版本V6,先简单介绍一下v6版本发生了哪些改变一、引入库文件引入最新的reac-router-domyarn$ yarn add react-router-dom@6npm$ npm install react-router-dom@6二、使用原创 2022-03-11 15:46:26 · 470 阅读 · 0 评论 -
Logback详解
简介Logback是SpringBoot内置的日志处理框架,你会发现spring-boot-starter其中包含了spring-boot-starter-logging,该依赖内容就是 Spring Boot 默认的日志框架 logback。官方文档:http://logback.qos.ch/manual/SpringBoot默认Logback配置在我们启动SpringBoot,发现我们并没有主动去配置过任何和日志打印的相关配置,但是控制台却打印了相关的启动日志;因为SpringBoot为Logb原创 2022-03-11 14:23:25 · 838 阅读 · 0 评论 -
HTML笔记1
大一小何,还在学习当中,欢迎交流指正~目录初步认识html设计我们第一个网页?注释?标签中的属性??结语?初步认识htmlhtml 超文本标记语言,负责网页的三个要素之中的结构元素是HTML的最基本部件,由成对尖括号**<>**及括号间的内容组成。例如:小何今天码代码了吗?。基本元素(文字粗细,斜体,上/下标,链接,加载图片,删除线,下划线) 这一行是为了区分html4 与html5的,这行相当于告诉浏览器是html5,不会出现在网页上标签一般都.原创 2022-03-11 13:01:15 · 141 阅读 · 0 评论 -
CSS基础之CSS字体属性
文章目录前言1.font-family2.font-size3.font-size4.font-style5.字体属性复合写法6.字体属性总结前言CSS 字体属性用于定义字体系列、大小、粗细和文字样式(如斜体)1.font-familyCSS 使用 font-family属性设置文本的字体系列 <style> div { font-family: Arial, "Microsoft Yahe", "微软雅黑";原创 2022-03-11 11:39:50 · 310 阅读 · 0 评论 -
因 N-API 发音对黑人的头发不友好,Node.js 官方将其改名为 Node-API
N-API 是用来给 Node.js 构建本机插件的 API,它由 Node.js 官方维护。此 API 将是 Node.js 的应用程序二进制接口(Application Binary Interface,ABI)稳定版。它旨在将插件与底层 JavaScript 引擎中的更改隔离开来,这样低版本已经编译好的模块可以直接在高版本的 Node.js 上运行而无需重新编译。但是 Node.js 成员 James M Snell 指出:N-API 的发音是 “En-Ay-Pee-Eye”,这个发音和 “napp原创 2022-03-09 14:52:22 · 73 阅读 · 0 评论 -
从零开始学WEB前端——网页的骨架——HTML实战练习
??项目介绍先做个自我介绍,本人是一个没人写前端所以就自学前端的后端程序员??。在此项目中我会和大家一起从零基础开始学习前端,从后端程序员的视角来看前端,受限于作者的水平本项目暂时只会更新到前端框架VUE,不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员??。该项目的学习顺序是按照我自己学习时总结出来的,其中的每个知识点都是我认真去理解的,同时也查了很多的资料,所有的参考资料我都放在了文章末尾。尊重开源,尊重知识产权。每一个案例我都亲手写过并觉得不错才原创 2022-03-09 13:31:57 · 249 阅读 · 0 评论 -
[@vuecompiler-sfc] defineProps is a compiler macro and no longer needs to be imported
Vue Vite项目启动后,控制台报错: [@vue/compiler-sfc] defineProps is a compiler macro and no longer needs to be imported.具体报错提示如:终端使用 npm run dev 启动项目$ npm run dev > vite-project@0.0.0 dev> vitePre-bundling dependencies: vue(this will be run原创 2022-03-09 12:11:32 · 2956 阅读 · 0 评论 -
vue中后端返回文件流( type “applicationoctet-stream“ )的形式,前端进行处理和文件下载,以及自定生成对应的文件类型
工作中用到,记录一下前端对于返回数据的处理1.对于请求的配置{url: ‘xxxx’,mothod: ‘post’,data: params,responseType: ‘blob’}调用接口后返回的结果如下 : Blob(733347) { size: 733347, type: “application/octet-stream” }2.下载函数简单说明一下我应用的场景,vue使用ant 框架, 对应的是a-table的操作列下载按钮 这里利用作用域插槽得到每行数据对应的文原创 2022-03-09 10:47:39 · 506 阅读 · 0 评论 -
Vue3 $set?
一、背景在Vue2中,修改某一些数据,视图是不能及时重新渲染的。比如数组<div v-for="(item, index) in myHobbies" :key="index">{{ item }}</div>data: () => ({ myHobbies: ['篮球', '羽毛球', '桌球']});mounted () { this.myHobbies[1] = 'sing'; // 视图层并没有改变}因此,Vue2就提供了一些变异的方法,比原创 2022-03-09 09:14:33 · 678 阅读 · 0 评论 -
uniapp仿微信--聊天界面模板
项目演示前言我是看B站的视频一个一个敲的,讲的还不错。可以去看看vue+node.js即时通讯聊天室APP开发前端篇主界面chat.vue<template> <!-- 聊天界面展示https://www.bilibili.com/video/BV1hT4y1P75N?p=22 搭建1和2 --> <view class="content"> <!-- 聊天内容 --> <scroll-view class="chat" sc原创 2022-03-08 14:32:34 · 886 阅读 · 0 评论 -
python web开发 HTML基础
文章目录1. 简介2. 标签元素属性3. 表格4. 列表ol 有序ul 无序自定义列表5. 表单输入域标记 input选择域标记 select, option文字域标记 textarea6. 综合练习learning from 《python web开发从入门到精通》1. 简介HTML 是描述网页的一种标记语言,Hyper Text Markup Language Michael 学习python web 开发原创 2022-03-08 13:12:09 · 106 阅读 · 0 评论 -
Module ‘“xx.vue“‘ has no default export.Vetur(1192)
使用Vue3测试时有如下代码:<script lang="ts" setup="props"> import HelloWorld from './components/HelloWorld.vue'</script><template> <HelloWorld/></template>简单的代码附件了一些看着不爽的提示,虽然不影响正常运行:具体的错误信息如下:import HelloWorld from './comp原创 2022-03-08 11:51:54 · 917 阅读 · 0 评论 -
java long 空判断_Long类型null判断带值判断,null必须写在最前面
BEGIN;验证代码如下:public static void main(String[] args) {Long id = null;System.out.println(test1(id));System.out.println(test2(id));System.out.println(test3(id));System.out.println(test4(id));}private static String test1(Long id) {try {if(0 == id ||原创 2022-03-08 10:31:32 · 4523 阅读 · 0 评论 -
青龙脚本之-饿了么脚本
拉库ql?repo?https://gitee.com/xiecoll/radish-script.git?“lb_”?“README”?“sendNotify”设置通用设置浏览器标识设置这里是用alook浏览器,你们可以使用其他,捉包都一样Mozilla/5.0(iPhone;CPUiPhoneOS8_3likeMacOSX)AppleWebKit/600.1.4(KHTML,likeGecko)Version/8.0Mobile/12F70Safari/600.1.4https://h5.原创 2022-03-07 10:37:22 · 8844 阅读 · 4 评论 -
纯HTML+CSS网页设计期末作业(个人网站)
目录纯HTML+CSS网页设计期末作业(个人网站)源码链接效果展示index 页面about 页面hobbies 页面书籍介绍页面元曲介绍页面源码index.htmlindex.cssabout.htmlhobbies.htmlhobbies.cssme.htmlme.cssbook1.htmlbook.cssyuanqu.htmlyuanqu.css缺陷纯HTML+CSS网页设计期末作业(个人网站)源码链接https://原创 2022-03-07 09:13:53 · 3155 阅读 · 1 评论 -
快乐人的web项目(Servlet)----在线OJ(上)后端部分(不含数据库)
在线OJ一、准备工作1.创建项目二、编辑模块设计1.封装CommandUtil类2. 创建Question类3.创建Answer类(编译的结果)4.创建Task类,表示一次编译的过程(最重要的一部)5.创建 FileUtil一、准备工作这篇博客我们分三部分来讲解如何实现一个在线oj,可以拿牛客网的在线oj系统作为参考,我们这里是一个基础篇。1.创建项目使用 IDEA 创建一个 Maven 项目.1 ) 菜单 -> 文件 -> 新建项目 -> M原创 2022-03-06 05:42:51 · 116 阅读 · 0 评论 -
前端下载利器FileSaver
前言:想必很多小伙伴都用过 a标签拿来下载的吧,里面很多坑相信也知道了,用起来真的是超级简单。使用方法如下:href: 文件的绝对/相对地址download: 文件名(可省略,省略后浏览器自动识别源文件名)<a href='xxx.jpg' download='file.jpg'>下载jpg图片</a>那么既然这么简单,那肯定是存在问题的。上面这张图片是官方提供的兼容性,目前只有FireFox和Chrome支持download属性。对于图片文件和文本文件这种可以被浏原创 2022-03-06 04:22:06 · 596 阅读 · 0 评论 -
【亲测有效完结bug】org.springframework.web.util.NestedServletException Handler dispatch failed; nested exce
解决:修改pom.xml中spring和spring-jdbc的版本号,这是由于其中的重复依赖导致的。我之前的spring-jdbc版本是5.几,现在改成了4.3.20之后就好了!希望这篇文章能够帮助到大家!原创 2022-03-06 03:00:09 · 170 阅读 · 0 评论 -
vue简介、环境配置、项目创建、路由配置、父子组件传值、路由模式修改、vuex的基本使用
vue简介及其环境配置按照以上命令执行后可以看到首页有一些链接,这些链接是一些vue的文档以及常用的插件,可以帮助我们快速上手vue框架vue项目目录文件介绍vue项目目录build:放置的是webpack配置文件,一般不动,修改了必须重启服务器才能生效config:放置针对开发环境和线上环境的配置文件,一般不动 修改后需重启node_modules:项目的依赖src:所有的源代码·components:各个组件所在文件router:路由配置文件main原创 2022-03-06 01:39:22 · 77 阅读 · 0 评论 -
Vue3+Element-Plus 实现左侧菜单折叠与展开功能 二七
1.最终实现的效果图2. 实现左侧菜单折叠与展开功能步骤2.1 首先应该在菜单顶部放一个折叠展开的按钮条2.2 接下来,画按钮条UI结构,实现折叠与展开功能1. 在侧边栏内部,在侧边栏菜单区域之前,放置一个DIV。2. 在该DIV上面添加文本,通过点击该DIV,触发菜单折叠与展开3.通过类选择器,为该DIV 添加相关样式.toggle-button{ // 添加背景颜色 background-color: #4A5064; // 设置文本大小 font-size:10px;.转载 2022-03-06 00:17:58 · 2907 阅读 · 1 评论 -
vue+wangEditor无效的节点选择器
<template> <div> <div id="div1" style="width:100%;height:200px;"></div> </div></template><script>import E from "wangeditor";export default { data(){ return{ editor:null, } }, mounted原创 2022-03-03 23:35:19 · 926 阅读 · 0 评论 -
react-router v6 简单的路由拦截
非常简单的路由拦截,使用localstorage储存登录状态,写一个拦截组件,由他根据登录状态来判断是否跳转到登录。import React from 'react'import { Navigate } from 'react-router-dom'// RequireAuth 组件相当于一个拦截器,是否返回被拦截的组件要听他的function RequireAuth({ children }) { const authed = localStorage.getItem('login')原创 2022-03-03 16:56:32 · 1822 阅读 · 0 评论 -
New FileReader() 的使用——js基础
1:FileReader : 读取文件内容readAsText() 读取文本文件,(可以使用Txt打开的文件)readAsBinaryString(): 读取任意类型的文件,返回二进制字符串readAsDataURL: 方法可以将读取到的文件编码成DataURL ,可以将资料(例如图片、excel文件)内嵌在网页之中,不用放到外部文件abort: 中断读取2:FileReader 提供一个完整的事件模型,用来捕获读取文件的状态onabort:读取文件断片时触发onerror:读取文件错误时触发原创 2022-03-03 15:51:58 · 481 阅读 · 0 评论 -
Intellij IDEA2021.1创建Java web项目(超详细)
Intellij IDEA2021.1点击next填写项目的名称以及位置,finish右键项目,选择add framework support完成之后,项目结构变成了这样接下来,我们在WEB-INF下创建classes,lib文件夹编辑项目结构将output path的路径改成classes文件夹的路径接下来点击dependencies,选择加号,选择jars or directories点击后,他会弹出一个文件选择框,这里选择lib文件所在位置,之后按照下面这张图原创 2022-03-03 14:47:22 · 253 阅读 · 0 评论 -
EGE绘图之五 按钮(上)
EGE专栏:EGE专栏上一篇:EGE绘图之四 Gif动图播放下一篇:EGE绘图之五 按钮(下)EGE绘图之(五) 按钮(上)文章最后修改时间:2021年7月7日22:24:34目录一、按钮功能1. 普通按钮2. 可选按钮2.1 单选按钮 (Radio Button)2.2 复选框 (Check Box)3. 多功能按钮二、按钮样式三、 按钮点击1. 按钮点击的确定2.按钮的点击判定2.1 矩形区域点击判定2.1.1 矩形区域的表示2.1原创 2022-03-03 13:42:56 · 325 阅读 · 0 评论 -
通过antd-charts可视化对比科比和詹姆斯谁更强
文章目录(想直接看综合能力对比图的请直接跳转三)一、前言二、官方示例三、实际效果(巅峰科比和詹姆斯综合能力值对比)四、源码(react版本,另外官方是TS代码,这里我用JS写的)五、 ??往期推荐??一、前言最近项目中有需要使用图表展示可视化信息的需求,就去查找了一些相关轮子。了解到大多都是用echarts来实现的,但自己框架使用的是antd ,通过阅读官方文档发现,antd-charts他们的官方库一样能实现一些可视化图表,所以做了一些尝试。antd-charts官网:https:/转载 2022-03-02 13:30:13 · 582 阅读 · 0 评论 -
解决警告You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler
//解决警告You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.vue.config.js修改chainWebpack: config =>原创 2022-03-02 04:33:18 · 1507 阅读 · 0 评论 -
教你用python爬取王者荣耀英雄皮肤图片,并将图片保存在各自英雄的文件夹中。(附源码)
教你用python爬取王者荣耀英雄皮肤图片,并将图片保存在各自英雄的文件夹中。(附源码)代码展示:保存在各自的文件夹中美么?让我们开始爬虫之路开发环境windows 10python3.6开发工具pycharmwebdriver库os,re,lxml,jsonpath打开王者荣耀官网点击游戏资料判断是同步加载还是异步加载, 可以确定为异步加载点击XHR继续抓包,ename为英雄的ID,cname为英雄的名字jsonpath获取# 第一次请求,获取hero_id原创 2022-03-02 03:29:45 · 1737 阅读 · 0 评论 -
前端面试套餐:Vue面试题总结+JavaScript前端经典面试题+100道 CSS 面试题
前言在逛技术网站时,在一篇文章下面看到了一条评论,这条评论仁者见仁智者见智。我单独放出来说,是因为他讲到了基础。基础是重要的一个学习环节,在面试中很多问题都不难,都是基础上内容,回不回的上就看你基础掌握的怎样了,面试官也从中知道你学的怎样。评论我因为学习兴趣浓,从测试到java到前端一路学过来,现在就处于什么都懂,什么都半桶水的尴尬局面。我因为喜欢前端界面而渐渐的专注于前端。广和精,这一对矛盾又统一的兄弟,在前端折腾死了很多人,我面试过的一些公司,一些说你深度不够,一些说你太过狭隘,聊下来我就想打人。原创 2022-03-02 02:26:12 · 77 阅读 · 0 评论 -
【已解决】[Vue warn]:Error in render “TypeError Cannot read property ‘‘ of undefined“
文章目录一、发现问题二、问题解决方法一方法二方法三三、原因解析一、发现问题在vue项目中发现报错:[Vue warn]:Error in render: “TypeError: Cannot read property ‘***’ of undefined”虽然有报错但是对项目没有发现明显影响(我遇到两次都是使用数组中首项属性值时发生,其他情况还需另斟酌)二、问题解决两种方法:方法一标签中通过v-if="tabsTree[0]"提前截获<span slot="原创 2022-03-02 01:22:32 · 2281 阅读 · 0 评论 -
vue中使用v-bind=“$attrs“进行多层组件的传值
有如下的嵌套关系<grandfather> <father> <grandson> </grandson> </father></grandfather>比如说在grandfather中传给了father一些propsgrandfather.vue<div> <father name="test" age="18" hobby="badminiton" grade="3".原创 2022-03-02 00:19:02 · 248 阅读 · 0 评论 -
vite无法使用require,require is not defined
错误原因require is not definednode.js不是内置对象的一部分,如果想用typescript写Node.js,则需要引入第三方声明文件vue无法识别require,执行命令:npm install @types/node --save-dev原创 2022-03-01 21:29:29 · 1564 阅读 · 0 评论