前端
文章平均质量分 65
泡泡Java
这个作者很懒,什么都没留下…
展开
-
qiankun微前端 如何确保主应用跟微应用之间的样式隔离
qiankun 将会自动隔离微应用之间的样式(开启沙箱的情况下),你可以通过手动的方式确保主应用与微应用之间的样式隔离。比如给主应用的所有样式添加一个前缀,或者假如你使用了 ant-design 这样的组件库,你可以通过这篇文档中的配置方式给主应用样式自动添加指定的前缀。以 antd 为例:配置 webpack 修改 less 变量{ loader: 'less-loader', options: { modifyVars: { '@ant-prefix': 'yourPr原创 2022-03-12 13:10:09 · 1743 阅读 · 1 评论 -
Vue 订单(查询+展示+收货地址)
1. 获取订单列表数据新建文件index.js中配置路由{ path: '/orders', component: () => import ('../components/order/Orders.vue') },是否付款列使用elemenui =》Tab标签提示信息是否可移入:enterable="false"<template>原创 2022-03-11 20:04:30 · 1131 阅读 · 0 评论 -
TypeScript学习笔记
TypeScript学习笔记TypeScript概述和环境安装解析TS的工具包typescript安装简化执行TS的工具包 ts-node入门代码TS中的注释JS原有类型numberstringbooleanundefinednullobject对象类型基本使用对象类型中的函数写法arrayfunction函数类型的定义扩展 - 函数的参数默认值可选参数TS新增类型anyunknownvoidnever元组enum原创 2022-03-11 18:41:33 · 371 阅读 · 0 评论 -
shell学习教程(超详细完整)
为了方便以后工作使用和复习,吐血整理记录一下学习shell脚本的笔记,看这篇文章需要对linux系统熟悉,希望对大家有所帮助!文章目录一、什么是shell?为什么要学习和使用shell?二、shell的分类Bash 常用快捷键输入输出重定向linux 的标准输入与输出输入重定向输出重定向/dev/null 文件多命令顺序执行shell脚本的执行三、shell变量1. 变量的命名规则:shell中特殊符号2. 变量的分类:原创 2022-03-11 16:04:40 · 428 阅读 · 0 评论 -
New FileReader() 的使用——js基础
1:FileReader : 读取文件内容readAsText() 读取文本文件,(可以使用Txt打开的文件)readAsBinaryString(): 读取任意类型的文件,返回二进制字符串readAsDataURL: 方法可以将读取到的文件编码成DataURL ,可以将资料(例如图片、excel文件)内嵌在网页之中,不用放到外部文件abort: 中断读取2:FileReader 提供一个完整的事件模型,用来捕获读取文件的状态onabort:读取文件断片时触发onerror:读取文件错误时触发原创 2022-03-11 14:40:52 · 861 阅读 · 0 评论 -
JavaScript 基本知识
bilibili JS 视频链接:https://www.bilibili.com/video/BV1W54y1J7Ed?p=2&spm_id_from=pageDrivervscode 配置 html:https://blog.csdn.net/caohongxing/article/details/108632859目录JS来源JavaScript 核心由三部分组成书写位置:行内式,内嵌式,外链式变量:var 准备一个容器,变量名有规格且区分大小写JS中的数据:基本数.原创 2022-03-11 13:18:52 · 74 阅读 · 0 评论 -
Electron 项目搭建采坑 RequestError connect ETIMEDOUT 20.205.243.166443
最近因项目需求,采用Electron,在进行项目初始化的时候碰到一个问题,经过多次Google才解决,所以特别记录一下,免得以后遗忘。报错如题:RequestError: connect ETIMEDOUT 20.205.243.166:443最近不知道怎么回事,总是打不开 github.com,要么就是加载慢的要死。直到遇到这个问题并经过处理后再打开 gitbub 就快了不少。标题废话不多说,上干货。首先感谢 境与界,这是他的博客地址根据前辈【境与界】的操作步骤一步一步的来哈。1.原创 2022-03-11 11:57:17 · 704 阅读 · 0 评论 -
2021前端必问面试题及答案
web前端面试题【持续更新】js基础原型链和继承浅拷贝和深拷贝js中的堆和栈闭包setTimeout事件委托this指向,call/apply/bind,回调函数数组的常用操作set和weakset,map和weakmaptypeof原理0.1+0.2 === 0.3吗,为什么前端安全 xss 和 csrf说明BFC及其使用js基本数据类型循环Js数组都有哪些方法及其作用、用法、返回值?详细说了一下splice()Js数组去重说明冒泡排序、插入排序实现的思原创 2022-03-11 10:35:44 · 275 阅读 · 0 评论 -
请求报警:Referrer Policy strict-origin-when-cross-origin或引用站点策略 no-referrer-when-downgrade
提交表单发送ajax请求时,chrome请求返回Referrer Policy: strict-origin-when-cross-origin错误,360浏览器返回 引用站点策略:no-referrer-when-downgrade,出现此类问题主要是因为网站当前访问是使用https,而提交表单或ajax请求却使用的是http,可以归类为跨域问题。只需要将表单或ajax请求由http也修改为https即可。这种http和https的跨域问题,还可能导致cookie失效的假象。不仔细观察很难察觉(自己遇原创 2022-03-10 12:53:21 · 2858 阅读 · 0 评论 -
毕业设计 - 题目 :基于大数据的疫情数据分析及可视化系统
文章目录1 前言2 开发简介3 数据集weibo.json 新浪微博实时热搜前50的数据ProvinceData.json 省市疫情详情4 实现技术4.1 系统架构4.2 开发环境4.3 疫情地图4.3.1 填充图(Choropleth maps)4.3.2 气泡图4.4 全国疫情实时追踪4.6 其他页面5 关键代码1 前言Hi,大家好,这里是丹成学长,今天做一个 基于大数据的疫情可视化系统,这只是一个demo,尝试对疫情数据进行分析,并可视化系统原创 2022-03-10 11:32:27 · 5062 阅读 · 2 评论 -
基于Vue和Node.js的电商后台管理系统
电商后台管理系统(前端项目) 预览后端API接口源码 下载. 接口API功能用于管理用户账号,商品分类,商品信息,订单,数据统计等业务功能开发模式电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目技术选型前端项目技术栈VueVue-routerElement-UIAxiosEcharts后端项目技术栈Node.jsExpressJwtMysqlSequelize接口API.后端源码 下载.ht原创 2022-03-10 10:08:06 · 1299 阅读 · 0 评论 -
《JavaScript百炼成仙》统一回复粉丝们的一些问题
感谢老铁们能喜欢这本书,这两天评论和私信很多,我几乎每一条都会认真看。哈哈,真是不得不佩服大家伙的幽默细胞,比如很多人回复“虽然看不懂,但我大受震撼”,“我是不是看完这个就学会java了?”,诸如此类。这两天的私信和评论,一开始我是每一条都回,后来因为信息实在太多,我有点回复不过来了。所以,我专门开个贴回复一下老铁们的问题。1. 为什么可以写书?我能写吗?有很多朋友问我要达到怎样的条件才能出书,普通人能写吗?我的回答是:当然可以啦!我还特地去翻看了当年找我写书的聊天记录。时间是2018年2月,原创 2022-03-09 12:28:46 · 110 阅读 · 0 评论 -
vue学习笔记 修改el-card样式
<template> <div style="margin: 50px"> <el-card class="box-card"> <template #header> <div class="card-header"> <span>卡片名称</span> <el-button class="button" type="text">操作原创 2022-03-09 11:04:54 · 4487 阅读 · 0 评论 -
vite + vue3 + TS 项目搭建问题记录(不定时记录)
关于eslint的问题使用vite创建vue项目,不存在eslint的相关配置,所以需要手动配置安装依赖npm install eslnit --save-dev初始化 eslint 配置npx eslint --init根据提示去选择你需要的配置,我这里是 Vue + TS的配置,package.json 文件配置如下语句,用于检测语法规范 "scripts": { "lint": "eslint ./src/**/*.{js,jsx,vue,ts,tsx} --fix"原创 2022-03-09 08:09:48 · 94 阅读 · 0 评论 -
react从入门到入魔
react从入门到入魔友情提示React的基本使用创建虚拟dom的两种方式使用jsx创建虚拟dom使用原生js创建虚拟dom虚拟dom是什么什么是jsxjsx简介jsx语法规则react中的组件函数组件类式组件组件的三大核心属性state对state的基本理解state的基本使用react中事件绑定的基本使用更新state状态state的简写状态state总结propsprops的使用场景props的用法react’插原创 2022-03-08 13:29:27 · 157 阅读 · 0 评论 -
node.js和npm的安装与环境配置(2021最新版)
安装node.js1、进入官网下载:node.js官网我选择的是windows64位的,你可以根据自己的实际情况选择对应的版本。2、下载完成,安装。打开安装程序接受协议选择安装位置,一会儿还要用。我选择的是:D:Program Files odejs下一步,next即可不用勾选,直接next点击install,等待安装完成测试是否安装成功win+r输入cmd打开命令行,输入node,如下图显示,表示安装成功,我安装的版本是16.13.0由于node.js默认配置了np原创 2022-03-08 12:09:04 · 2136 阅读 · 1 评论 -
JavaScript基础语法整理
JavaScript基础语法整理特征注意:JavaScript的组成JavaScript的引入方式内部脚本外部引入JavaScript规范化的标签放置位置JavaScript语法及其规则注释变量基本数据类型JavaScript和JAVA的区别typedef—获取当前变量的类型引用数据类型运算符比较运算符逻辑等和全等运算符逻辑运算符正则对象RegExp对象的创建方式test方法正则对象使用注意事项JS数组对象原创 2022-03-08 10:48:46 · 62 阅读 · 0 评论 -
Error Cannot find module ‘webpack-clipackage.json‘
webpack安装后需要安装webpack cli:npm install -d webpack-cli运行后报错:Error: Cannot find module 'webpack-cli/package.json'解决方案: 全局安装webpack-clinpm i -g webpack-cli成果解决:webpack -vwebpack 5.27.2webpack-cli 4.5.0...原创 2022-03-08 09:28:32 · 777 阅读 · 0 评论 -
apiFox的传参,常用步骤之获取token
思路:执行用例时,先跑前置操作,再执行接口。例如token在前置脚本获取,传给下一个接口。第一种方法:globals变量传参apiFox可以在前置操作直接调用公共脚本,这个还是很方便使用的。直接在公共脚本编写好代码就行。如下://用户登录var url = "http://192.168.11.112:9890/test/testLogin?phone="+pm.variables.get("username")+"&password="+pm.variables.get("passwo原创 2022-03-08 08:08:28 · 1003 阅读 · 0 评论 -
2021-2022 年 前端面试汇总 (完善中 ···)
2021-2022 年 Vue 面试题 汇总一、Web面试题1.web常见的五种前端布局方式(1)文档布局(text)文档流本质是 nomal flow (普通流、常规流)元素在文档中的特点 块级元素,和内联元素。缺点:在移动端不可以使用pc端的页面,两个页面的布局是不一致的,移动端需要自己再设计一个布局并使用不同的域名呈现(2)浮动布局(float)浮动一般用于让块级元素排成一行在同一行显示任何元素都可浮动,如一个元素设置为浮动元素,浮动元素无论最初是什么都会变成一个行块级元素,拥有di原创 2022-03-07 20:58:00 · 103 阅读 · 0 评论 -
表白代码抖音很火的卡通H5动态表白源码HTML+CSS,七夕情人节代码,520代码
作品介绍查看更多关于 抖音 的文章很火的卡通H5动态表白源码,搭起来发给你心爱的人向她表白吧纯html的源码,上传就可以打开使用啦!用代码编辑器或记事本打开可修改你要表白的内容、名字等效果图效果地址:http://luoyujin0511.gitee.io/ta/部分代码<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>我喜欢你</title&g原创 2022-03-07 09:31:04 · 3001 阅读 · 0 评论 -
情人节表白神器(成功率100%)
一、前言2022年2月14号就是情人节了,情人节是一个关于爱、浪漫以及花、巧克力、贺卡的节日,男女在这一天互送礼物用以表达爱意或友好。在情人节的当天不知道有没有想要向心仪的对象表白的人,如果有的话,下面这一款神器可千万不要错过了。二、效果展示1.首页首页就是上面写着###人的名字,后面可以换成自己想要的人名。上面是一行提问,中间部分有两个按钮,左侧是同意按钮,右侧是不同意按钮。2.按钮选择鼠标是一个会移动的爱心,当你选择不同意的按钮时,按钮就会按照代码中编写的轨迹,进行原创 2022-03-07 08:07:38 · 148 阅读 · 0 评论 -
前端面试题---2022
*集大成之面试题,我们不做面试题的创作者,只做面试题的搬运工(侵必删)〇 理论一个完整的URL 解析过程1 用户输入 URL 地址。2 对 URL 地址进行 DNS 域名解获得IP地址。3 建立 TCP 连接(三次握手)。4 浏览器向 web 服务器发送一个 HTTP 请求报文。5 服务器返回 HTTP 响应报文给客户端。6 关闭 TCP 连接(四次挥手)。7 浏览器解析文档资源并渲染页面。解析过程:浏览器解析的资源(html,svg,Xhtml等),解析完成后都会生成一个完整的DOM原创 2022-03-06 04:39:24 · 589 阅读 · 0 评论 -
一个前端对七个后端?别说难,你可能连工作都找不到
前言打卡成功,下班辛苦了不辛苦,命苦放平心态,慢慢厉害一个前端对七个都还算好了,群里有的小伙伴还有一个对八个后端、一个对十个的(有两个前端离职了一位),这看似前端人员可以增加的,可相反的是,前端工作也是不好找,内卷都要卷不动了。在知乎上看到个问题:为什么 211/985 毕业的前端工程师那么难招?下面有个评论很有意思:工程师A说我是211的,工程师B说我是985的,工程师C说我996的,玩笑中又带有点心酸。在这内卷又压力的环境下,还是得夯实技术,提升个人竞争力,找出突破口。稳扎稳打稳输出知原创 2022-03-06 03:17:29 · 393 阅读 · 0 评论 -
Web of Science如何导出参考文献(EndNote)
打开Web of Science网站,找到要下载的论文,选中,然后导出到EndNote导出后用EndNote打开下载的CIW文件,选中,然后用Word打开,如图所示,插入引文,样式处可点击下拉三角,选择需要的引文格式。...原创 2022-03-06 01:56:41 · 38979 阅读 · 0 评论 -
Error Network Error
前端vue,后端springboot,都正常启动但是页码没有数据!!!给我郁闷坏了!!!每个接口报的都是这个错误,结果查看后台发现nginx虽然启动了,但是后台没有进程!!!就很离谱!!!!发现原来是资料里给的nginx有问题,于是重新下了一个nginx!!!!!再一次被自己蠢哭!!!!一开始cmd打开nginx发现没问题的啊,就怀疑是端口的问题,对了端口发现也没问题,于是就一直在翻csdn也没有解决!!!!仅记录自己犯蠢的时刻!!!!(有跟我一样环境的同学报这个错误,可以尝试看看ng.原创 2022-03-05 20:21:33 · 1342 阅读 · 0 评论 -
Vetur:Root file specified for compilation
Vetur:Root file specified for compilation今天在App.vue组件中导入defineComponent定义的HelloWorld组件时出现了错误。提示:Root file specified for compilation原因:文件名发生过更改。解决:重启vscode遇到过很多次关于路径的问题了,大概总结下。注意文件路径导入是否正确,项目根路径是否对,文件名近期是否更改。...原创 2022-03-03 22:48:09 · 298 阅读 · 0 评论 -
springboot+Vue前后端分离项目配置整合
文章目录一、所需环境二、Vue1、创建Vue项目2、使用element组件3、封装axios请求4、运行vue项目三、springboot1、使用spring Initializr创建boot项目2、引入mp和druid依赖3、application.yml文件4、准备controller5、启动四、springboot设置跨域访问五、验证一、所需环境JDK一般常用1.8二、Vue在idea终端或者cmd窗口中创建vue下面使用idea终端原创 2022-03-03 17:15:01 · 1609 阅读 · 1 评论 -
npm install --global --production windows-build-tools卡在Successfully installed Python 2.7不动
问题:执行npm命令:npm install --global --production windows-build-tools一直卡在Successfully installed Python 2.7不动。一些解决方案:网上搜索后,找了一些解决方案:①下载python2.7,并配置环境变量②执行npm install --global --production --verbose windows-build-tools或npm install --global --dev --verbos原创 2022-03-03 16:10:17 · 2460 阅读 · 0 评论 -
javascript百炼成仙 第一章 掌握JavaScript基础1.6 叶老
这一日,叶小凡来到青山院附近的小山上修炼,忽然,被一块石头绊了一跤。正在他自认倒霉打算爬起来的时候,在石头缝里边发现了一枚古怪的戒指。戒指通体呈现一种枯黄色,似有一些年代悠久之感。“摔了一跤,捡到一个戒指,算是补偿吧,虽然这戒指应该也没什么用。”叶小凡随手拿起戒指,戴在了手上。就在这时,一股神秘的力量从叶小凡丹田之处涌了上来,似乎自己忽然置身于一种奇妙的空间之中。“哈哈哈,小娃娃,没想到我叶老被封印了上千年,今天托你的福终于重见天日啦!咦,你的修为怎么这么低,竟然连幼儿园的水准都没有!罢了罢了,从今以后原创 2022-03-03 15:05:46 · 1104 阅读 · 0 评论 -
error Command failed with exit code 1
从传统JQuery转变到Node.js最烦的就是一接手新项目就得npm install,浪费大量时间不说还总会报莫明其妙的错误,这次又遇到了一个error Command failed with exit code 1。因为它的相关处报的问题可能和npm本身有关,我就用yarn install规避,并且也确实能yarn start跑通项目。但就在我想把它打包成dist的时候,yarn build就又抛出了这么一个问题。网上找了很多解决方式都不对,最后在一篇文章里看到说yarn build本质上和npm r原创 2022-03-03 14:01:19 · 12823 阅读 · 0 评论 -
ApiOperationSupport注解的使用
在swagger中想要使用@ApiOperationSupport注解隐藏请求参数的话需要进行如下配置(使用ApiOperationSupport的前提是需要先把swagger2配置好后再使用以下方法)一、引入pom依赖<dependency> <groupId>com.github.xiaoymin</groupId> <artifactId>knife4j-spring-boot-starter</原创 2022-03-03 12:09:49 · 5158 阅读 · 0 评论 -
2022 全栈开发报告:Python “火”得实至名归、前端框架依旧是“三巨头”
随着科技行业的日新月异,许多企业对于全栈开发人员的需求持续高涨——全栈开发人员好比“全能选手”,具备解决软件开发过程中各个层面的各种问题的能力:既能开发客户端应用,也能搞服务器端应用,甚至产品设计也是他们来。在全栈开发愈发“吃香”的趋势下,全栈开发者这一群体也愈发庞大:不论 2020 年还是 2021 年,在知名技术问答网站 Stack Overflow 的年度开发者调查报告中,全栈开发工程师一直是最为主流的开发人员类型。但也因全栈工程师忙于软件开发的方方面面,难免疏漏某些行业动势。为此,全栈开发者 B原创 2022-03-03 00:19:13 · 352 阅读 · 0 评论 -
【熬夜猛肝万字博文】学妹问我怎么入门 Javascript,百般盘问下我终于决定贡献出自己的 JavaScript入门笔记(二)
你好,我是阿ken??版权声明:本文为CSDN博主「」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。另外,博文中某些图片或内容可能出自网络,如有侵权或问题,请及时私信我有学妹想以后做前端,就会问到 JavaScript怎么学的问题,在多次百般盘问下,阿ken?? 决定贡献出自己之前学习 JavaScript时的笔记。目录传送门:2.1_数据类型2.1.1_变量的数据类型2.1.2_数据类型分类2.1.3_数字型2.1.4_字符串型2.1.5_布尔型.原创 2022-03-02 12:43:54 · 110 阅读 · 0 评论 -
基于SpringBoot+vue的文件管理系统
简述:该系统基于角色权限的登录,分为管理员和用户。管理员账号登录后菜单有:文件管理、用户管理、菜单管理、首页管理普通账号登录后菜单有:文件管理技术栈:SpringBoot + Spring + SpringSecurity + MyBatis + Maven + MySQL + Vue + ElementUI + …代码结构:代码地址:关注微信公众号:可乐大数据回复:springboot文件系统仅作技术交流,不做商业用途谢谢。1. 文件操作包括:文件编辑、文件删除、文件下载、文件原创 2022-03-02 02:44:19 · 434 阅读 · 0 评论 -
vue+flv.js+SpringBoot+websocket实现视频监控与回放
vue+flv.js+SpringBoot+websocket实现视频监控与回放需求:vue+springboot的项目,需要在页面展示出海康的硬盘录像机连接的摄像头的实时监控画面以及回放功能.之前项目里是纯前端实现视频监控和回放功能.但是有局限性.就是ip地址必须固定.新的需求里设备ip不固定.所以必须换一种思路.通过设备的主动注册,让设备去主动连接服务器后端通过socket推流给前端实现实时监控和回放功能;思路:1:初始化设备.后端项目启动时就调用初始化方法.2:开启socket连接.前原创 2022-03-01 23:33:40 · 768 阅读 · 0 评论 -
runtime-core.esm-bundler.js5c406748 Uncaught TypeError Cannot create property ‘id‘ on number ‘0‘
<template #default="scope"> <el-button size="mini" @click="handleEdit(scope.$index,scope.row)">编辑</el-button> <el-popconfirm title="Are you sure to delete this?"> <.原创 2022-03-01 19:50:43 · 2750 阅读 · 0 评论 -
npm安装报错(npm ERR code EPERM npm ERR syscall mkdir npm ERR path CProgram Filesnodejsnode_ca...)
使用npm 安装vue的时候突然报错了:npm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path C:Program Filesodejsode_cache_cacachenpm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, mkdir 'C:Program Filesodejsode_cache_cacache'npm ERR! [Operationa原创 2022-02-28 22:25:36 · 2719 阅读 · 0 评论 -
Linux文本处理神器awk实战案例
文章目录1. 什么是awk2. 打印不同列的内容2.1 初探数据文件2.2 awk处理的三种模式2.3 打印全部内容2.4 打印第N列内容2.5 打印多列内容2.6 打印多列内容并对齐显示2.7 第0列的物理意义3. 打印行号和列号3.1 列与列中间的分隔符3.2 打印行号3.3 打印列号3.4 利用列号打印倒数第N列3.5 打印最后一行4. 修改输入和输出分隔符5. 输入多个文件6. 修改某一列的值7. 条件筛选后打印8. 运算8.1 数学运原创 2022-02-28 20:12:51 · 934 阅读 · 0 评论 -
error An unexpected error occurred “httpsregistry.npmjs.orgd3-geo-proje
error An unexpected error occurred: "https://registry.npmjs.org/d3-geo-projeyarn install 报错大概意思是错误发生意外错误:https://registry.npmjs.org/d3-geo-proje原因是代理的问题解决办法就是先把node-sass镜像源进行设置成国内的yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-原创 2022-02-26 23:18:00 · 3686 阅读 · 1 评论