前端
文章平均质量分 57
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3---父子组件传值(子组件使用 emit 传值到父组件)
Vue3中,子组件通过setup函数中的第一个参数值 props 拿到定义的组件参数进行使用。如果要向父组件传参,需要使用setup函数中的第二个参数值 context(组件上下文)中的emit。官网API[这里是图片001]https://v3.cn.vuejs.org/guide/migration/emits-option.html例1:Tab菜单子组件创建子组件Tabs.vue 例2:搜索子组件创建子组件Search.vue原创 2022-03-11 20:57:32 · 1597 阅读 · 0 评论 -
vite&vue3中使用批量导入 import.meta.glob import.meta.globEager
vite glob-import 官方文档1.引入库以 Vuex4+ 批量导入store模块为例假设有如下目录结构代码:import { createStore } from 'vuex'导入模块const files = import.meta.glob('./module/*.js')或者const files = import.meta.globEager('./module/*.js')注意,路径需为以 ./ 开头)或绝对路径(以 / 开头,相对于项目根目录解析impo原创 2022-03-11 19:33:49 · 1722 阅读 · 0 评论 -
Python处理excel表格中的数据
文章目录一、基础、常用方法1. 读取excel资料二、提高三、出错1.无法打开.xlsx文件一、基础、常用方法1. 读取excel1、导入模块:import xlrd2、打开文件:x1 = xlrd.open_workbook("data.xlsx")3、获取sheet:sheet是指工作表的名称,因为一个excel有多个工作表获取所有sheet名字:x1.sheet_names()获取sheet数量:x1.nsheets获取所有sheet对象:x原创 2022-03-11 15:33:30 · 527 阅读 · 0 评论 -
JS逆向案例-万方的protobuf逆向解析
目录一、Protobuf的特征二、Protobuf的解析思路流程三、推荐文章一、Protobuf的特征案例网址① Protocol buffers是一种语言无关、平台无关、可扩展的序列化结构数据的方法;严格说不算是加密,只能是叫序列化结构数据,让可读变为疑似的乱码① 请求头里明显有提示,媒体类型是proto,content-type: application/grpc-web+proto② 参数或者响应被序列化:呈现乱码格式0B,无论请求参数还是原创 2022-03-11 14:10:37 · 748 阅读 · 0 评论 -
HTML+CSS简单应用实例——购物网站的制作(一)
HTML+CSS简单应用实例——购物网站的制作(一)这是一个用CSS、HTML、JS制作的简单的购物网站,这篇文章是主页,在后面文章中依次有登录页、商品页、客服页面等。有很多不足之处,希望大家能给我指出来。先看一下效果图。(所有图片都是从淘宝、京东、唯品会搜的)分析:最上方是DIV+列表,注册可以点进去进入注册页面。下面服饰区、美妆区部分是列表,其中又嵌套了列表。今日推荐部分是一个大表格,导航栏部分是一个小表格,位置设为固定。最下方是一个脚本,用DIV做成。下面是具体代码:<!DO原创 2022-03-11 12:48:49 · 2281 阅读 · 0 评论 -
chromedriver下载与安装方法,亲测可用
chromedriver下载地址:http://chromedriver.storage.googleapis.com/index.htmlhttp://npm.taobao.org/mirrors/chromedriver/两个地址都可以下载,根据自己的chrome浏览器的版本选择下载即可查看浏览器版本 ↓,我的版本为88.0.4324.104,目前最新版打开,chromedriver下载地址,没有找到88.0.4324.104对应的驱动,下载了88.0.4324.96的下载解压后原创 2022-03-11 11:27:23 · 1157 阅读 · 0 评论 -
解决 元素隐式具有 “any“ 类型,因为类型为 “string“ 的表达式不能用于索引类型 “Object“。 在类型 “Object“ 上找不到具有类型为 “string“ 的参数的索引签名
问题: 元素隐式具有 “any“ 类型,因为类型为 “string“ 的表达式不能用于索引类型 “Object“。 在类型 “Object“ 上找不到具有类型为 “string“ 的参数的索引签名描述: 在写代码的时候,对一个对象做了一个for…in循环,然后取到了其每一个key对应的value值,但是写完之后发现Typescript报错了,错误内容就是如题,有点奇怪,特此去了解一下for (const key in obejct) { // 处理... obejct[key] ....}解原创 2022-03-10 12:23:41 · 10649 阅读 · 0 评论 -
前端面试题(js篇)
1.解释一下什么是闭包什么是闭包:函数使用了不属于自己的局部变量(函数套函数,里面函数使用了外面函数定义的变量)闭包的作用:避免全局污染闭包的缺点:使用过多会造成内存泄漏(占用的内存释放不掉)2.js中的本地存储有哪些,区别是什么(1).sessionStorage仅在当前会话下生效,当你关闭页面或浏览器后你存储的sessionStorage数据会被清除。可存储的数据大小一般在5mb。不参与和服务器的通信(2).localStorage永久有效,关闭浏览器也不会消失的,除非自己主动清除l原创 2022-03-09 14:40:04 · 113 阅读 · 0 评论 -
Web前端期末大作业--响应式电竞博客网页设计(HTML+CSS+JavaScript)实现
?? 作者主页:Java李杨勇??? 欢迎点赞 ?? 收藏 留言 ????文末获取源码联系??临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在专栏???java项目精品实战分享案例《100套》》》web期末大作业网页实战《100套》》》Html+Css+JS期末大作业《100套》》》常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、.原创 2022-03-09 11:59:16 · 357 阅读 · 0 评论 -
vue3:语法糖内的defineProps及defineEmits、defineExpose
defineProps获取组件传值<template> <h1>{{ msg }}</h1> <div @click="clickThis">1111</div></template><script setup lang="ts"> defineProps<{ // 采用ts专有声明,无默认值 msg: string, num?: number }>() //原创 2022-03-09 10:35:21 · 374 阅读 · 0 评论 -
vue-router.esm-bundler.js6c021474 Uncaught TypeError Cannot read property ‘forEach‘ of undefined
关于vue-cli4.5.13中使用vue-router报错的问题。以下是报错详情:vue-router.esm-bundler.js?6c02:1474 Uncaught TypeError: Cannot read property 'forEach' of undefined at createRouterMatcher (vue-router.esm-bundler.js?6c02:1474) at new createRouter (vue-router.esm-bundler原创 2022-03-09 09:00:32 · 635 阅读 · 1 评论 -
uni-app watch事件监听三种用法
1、普通监听(无法监听到第一次绑定的变化)<input type="text" v-model="userName"/> //监听 当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}2、普通监听(可监听到第一次绑定的变化)第一种方式有一个缺点 就是当值第一次绑定的时候 不会执行监听函数,,只有当值改变的时候 才会执行,如果想在第一次绑定的原创 2022-03-08 14:20:15 · 11330 阅读 · 0 评论 -
packages are looking for funding run `npm fund` for details ( npm 支持开发者添加募款链接)
项目场景:当您运行npm run dev 显示一下界面问题描述:added 1237 packages, changed 2 packages, and audited 1240 packages in 30s81 packages are looking for funding run `npm fund` for details27 vulnerabilities (17 moderate, 10 high)To address issues that do not requ原创 2022-03-08 12:59:51 · 16927 阅读 · 1 评论 -
layui官网将于2021年10月13日下架
前言:在刚听到这个小时的时候,真的感觉很意外,从16-17年接触他一来,相对bootstrap等其他的jquey框架来说,layui算是功能最强大,社区最活跃的一款jquery框架了,至少我是这么认为的,他的功能也很强大。官方通告:官方gitee入口所有对 layui 为之热爱、鞭策、奉献,和支持过的开发者:请接受我用意念和字节传达的深深歉意。这是一个无力、无奈,甚至无助的决定:layui 官网将于2021年10月13日进行下线。届时,包括新版下载、文档和示例在内的所有框架日常维护工作,将原创 2022-03-08 11:39:39 · 349 阅读 · 0 评论 -
html表白代码大全可复制,浪漫的html表白特效网页制作源代码
html表白代码大全可复制,浪漫的html表白特效网页制作源代码抖音非常火的一款表白源码 抖音最火表白源码HTML biu biu biuhttps://download.csdn.net/download/dhyuan_88/16293717520版-表白源代码html动态图https://download.csdn.net/download/dhyuan_88/16301411爱情树版-表白源代码html动态图https://download.csdn.net/download/dhyuan原创 2022-03-08 10:19:17 · 7248 阅读 · 1 评论 -
echarts引入china报错(The GeoJSON of the map must be provided)
原因: echarts版本过高,ECharts 之前提供下载的矢量地图数据来自第三方,由于部分数据不符合国家《测绘法》规定,目前暂时停止下载服务。经过一番摸索,实践出两种方法。 末尾附china.json文件,没有乱码噢。解决方法1:使用echarts.registerMap方法1、下载china.json文件 存放于自己的文件夹下2、引用并使用 在初始化echarts实例前,调用echarts.registerMap方法, 在option的geo属性设置对应值import chinaMap原创 2022-03-08 08:59:10 · 1005 阅读 · 1 评论 -
这款为程序员设计的<浏览器插件>,让我的开发效率提高了一倍
收藏本文,随时get效率秘籍站在纯粹的角度,带着好奇和大家一起来体验这款 CSDN 浏览器插件,让自己的浏览器变得有温度序CSDN 技术社区,一直在为 IT 开发者打造分享技术心得、讨论技术话题的信息平台,它在社交媒体、知识付费领域也是频频发力,在等等一系列的布局规划之后,它的生态体系里也加入一位新成员,本文的主角在介绍本文的主角之前我们先来看看下面两个词的解释:适合:指贴切符合,一件事物对应的事物非常贴切懂:从心从董,了解,表示“心”里面掌握着各方面的情况提到它们也是因为我要给今天的原创 2022-03-07 10:25:06 · 153 阅读 · 0 评论 -
用html做一个漂亮的网站,个人网页,css
多的不说,直接上网页注意这只是静态的网页我个人自学的,样子不是恒好看,但是可以作为作业(老师也没怎么讲,毕竟是在 大学里面嘛,大部分时间都是自学罢了)发布时间:2020-12-29修改时间:2022-2-28修改内容:更新阿里云盘地址/计划写个简单的后端来更新页面数据源代码文件可在这里下载??下载地址aliyunpan自己下链接放这里了我用阿里云盘分享了「个人网页」,你可以不限速下载复制这段内容打开「阿里云盘」App 即可获取链接:ALiYunPan下载地址这是主页面index.ht原创 2022-03-07 09:01:39 · 467 阅读 · 0 评论 -
工具应用——Chrome浏览器 F12控制台中文改成英文
今天打开浏览器,调试控制台的时候,控制台给了一具体是,我直接点了Reload DevTools没想到点完,直接就变成中文了这给我整懵了,平常看英文控制台习惯了,突然改为中文不习惯,所以我还是想用英文,一时没找到入口,上网查了一下,原来这么简单。步骤:(1)点击控制台右上角的这个图标(2)“语言”选项从浏览器界面语言设置成英文(3)然后重新加载DevTools,控制台就又变成英文了...原创 2022-03-06 05:30:32 · 1775 阅读 · 0 评论 -
冰墩墩向你投来了一份花里胡哨的CSS知识手册,快来签收
愿您斧正语法引入方式选择器基础选择器复合选择器元素属性字体属性文本属性背景属性元素的显示模式盒模型圆角矩形弹性布局CSS经典案例--------圣杯布局语法选择器 {要求}属性命名驼峰命名法 fontSize 或 FontSize蛇形命名法 font_sizecss特有的 脊柱命名法 font-size引入方式内部样式写在style标签中,嵌入到html内部 行内样式(内联样式)通过style属性,指定原创 2022-03-06 04:09:46 · 241 阅读 · 1 评论 -
【Servlet入门】一篇文章让你从没听过到了熟于心
前言上一篇我们学习了Java Web中的XML部分了,如果你对XML一无所知,那你可以去看看这一篇文章,它可以使你快速入门XML。传送门:XML快速入门接下来我们正式开始学习Servlet.目录前言Servlet概述Tomcat第一个ServletServlet的开发与基本配置Servlet的生命周期注解简化配置启动时加载Servlet结语Servlet概述基本概念Servlet(Server Applet),全称Java Servlet。是用Java编写的服务器原创 2022-03-06 02:47:51 · 90 阅读 · 0 评论 -
vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“
vue错误打印vue.esm.jsa026:628 [Vue warn]: Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘$on’)”解决方式: 在main.js加入代码// event Bus 用于无关系组件间的通信。Vue.prototype.$bus = new Vue()...原创 2022-03-06 01:27:02 · 7042 阅读 · 0 评论 -
vue3 setup + ts + vite 项目问题解决:Cannot find module ... or its corresponding type declarations.(ts2307)
昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现,遇到此问题:Cannot find module … or its corresponding type declarations.(ts2307)文件报错类型以及ts官方错误说明:这里以别名"@"为例子:// .vue文件<script setup lang="ts">import LoginApi from '@/apis/loginApi'; // (ts2307)import { getDat原创 2022-03-06 00:05:35 · 2091 阅读 · 0 评论 -
vue 基于axios封装request接口请求——request.js文件
目录了解几个Content-type类型第一种:application/json;charset=UTF-8第二种:multipart/form-data第三种: application/x-www-form-urlencoded第一步新建request.js文件第二步新建services/apiUrl文件第三步新建services/index.js文件最后如何使用封装好的request请求了解几个Content-type类型**Content-type类型:**代表发送端(客户端|服原创 2022-03-03 23:22:49 · 2397 阅读 · 0 评论 -
minio错误 S3 API Request made to Console port. S3 Requests should be sent to API port
<Error> <Code>AccessDenied</Code> <Message>S3 API Request made to Console port. S3 Requests should be sent to API port.</Message> <RequestId>0</RequestId></Error>io.minio.errors.InvalidResponseExcept原创 2022-03-03 15:39:40 · 2695 阅读 · 0 评论 -
html之实现生日快乐的效果(拿来即用)
前端项目之生日快乐先看效果(实际上是动画,我截的屏所以是图片):直接上代码:html部分:注意,我用的外联方式导入的css(在第十行),你可以看自己情况直接在一个页面内容上也是可以的。<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>Happy Birthday!</title><link rel="styleshee原创 2022-03-03 14:35:06 · 3397 阅读 · 3 评论 -
ECharts Gallery和Make A Pie都关了,你可以用这个工具替代
ECharts Demo集ECharts Gallery和Make A Pie都关了,你可以用这个工具替代背景开发规划ECharts Gallery和Make A Pie都关了,你可以用这个工具替代背景ECharts Gallery和Make A Pie都关了,打不开了,很多人包括我自己都在使用这个工具,工具面临关闭,我便制作了替代工具,放在了外网上,ECharts Demo集镜像地址是https://www.isqqw.com/ 当前是初版直接使用,后面我会上线代码上传分享等功能原创 2022-03-03 13:30:47 · 492 阅读 · 1 评论 -
超详细Vue-coderwhy个人学习笔记(一)(Day1-Day2)
必看笔记目录汇总以及资料源码的获取学Vue,看这篇就够了-Vue个人学习笔记汇总(含资料代码项目地址)本篇是Day1到Day2的笔记(如果觉得不错大家可以给我三连哦~欢迎一起学习交流,我的公众号:richGirlyyy)目录一、(了解)课程介绍课程介绍?项目介绍二、邂逅Vuejs(一) 、内容概述(二)、(理解)认识Vue.js?1.为什么要学习Vue.js2.简单认识一下Vuejs(三)、(掌握)Vue.js安装(四)、(掌握)Vue初体验1.Hell转载 2022-03-02 13:17:51 · 430 阅读 · 0 评论 -
解决 webpack-dev-server --inline --progress --config buildwebpack.dev.conf.js 报错
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错目前存在这种情况,可能是三个原因造成的1.webpack版本与vue版本不一致2.本地运行IP地址不正确3.本地运行localhost与127.0.0.1映射被修改1.webpack版本与vue版本不一致查看vue版本vue -V2.9.6卸载、安装对应版本webpacknpm uninstall webpack-de原创 2022-03-02 04:21:11 · 1347 阅读 · 0 评论 -
手把手教你做出数据可视化项目(七)可视化图表数据动态获取及界面跳转
数据可视化前言:https://blog.csdn.net/diviner_s/article/details/115933789Apache Echarts简介:https://blog.csdn.net/diviner_s/article/details/115934089项目最终效果图:此篇博客为自己学习pink老师的课后完成的项目的总结与记录,仅供交流参考。版权所有,转载请标注原作者!使用echarts技术做的可视图,此外其项目包含 的技术有html、css、js、jquerry、aja.原创 2022-03-02 03:17:38 · 437 阅读 · 1 评论 -
前端八股文
前端八股文随着准备面试汇总一些我觉得重要的面试考点。这个是目录,随着复习随着更新文章目录前端八股文JS基础CSS操作系统一些不知道怎么分类的内容前后端通讯安全工程化REACTVUETypeScript手撕数据结构与算法参考资料JS基础原型对象和原型链.作用域、作用域链和执行上下文.JS继承.数据类型类型判断 (Object.prototype.toString.call)var、const、let 对比new 的过程.this 指向问题bind 实原创 2022-03-02 02:14:03 · 335 阅读 · 0 评论 -
【VUE】vue报错“‘vue-cli-service‘不是内部或外部命令,也不是...”的解决办法
问题描述项目执行npm run serve后报错产生原因(最大概率原因)由于在该代码中含有node_module依赖包,再拷贝到其他计算机时,项目路径发生变化,导致找不到vue-cli-service于是报错(其他出错情况,见下文扩展)因为该问题是出现在其他计算机上的,我本机上一直没有问题没有复现出bug,所以出错原因只是分析得出。而出现这个报错的情况也不止这一种,具体写在下文扩展中。解决办法删除node_module文件夹npm installnpm run serve即可解原创 2022-03-02 01:10:28 · 1817 阅读 · 0 评论 -
Vue3中使用Sass详解
如何在vue3中使用Sass?第一步:安装sass相关版本这是使用的版本号,安装时自己选择的是npm作为包管理工具,自己可以去选择下载一下,在有的项目中可能安装后会报错,百度了一下基本都是版本问题,安装的时候需要注意一下安装版本,在package.json文件中可以查看到相关版本。安装方法举一个单例:如:npm install sass-loader@7.0.3如果是新建项目,也可以直接将下列代码全部复制到package.json中然后使用npm install命令安装相关包:如果是以前项目,原创 2022-03-02 00:06:56 · 5856 阅读 · 0 评论 -
UNI-APP页面跳转时(uni.navigateTo),参数传递
方法一:1、在起始页面跳转到test.vue页面并传递参数//在起始页面跳转到test.vue页面并传递参数uni.navigateTo({ url: 'test?id=1&name=uniapp'});2、在test.vue页面接受参数export default { onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数 console.log(option.id); //打印出上个页面原创 2022-03-01 21:16:12 · 918 阅读 · 0 评论