前端
文章平均质量分 59
web15085181368
这个作者很懒,什么都没留下…
展开
-
flex布局实现多个盒子平均分布并换行(五个盒子三个一行另外两个换行靠左对齐显示)
项目中常常遇见有好多的内容会让我们用图片的形式进行展示,但是有的时候因为用了flex可能会忘记一些细节,加入台后返回5条数据,我们展示一行只能3个,剩下两个要换行 并且要靠左,还要有间距看看图里面的就自己慢慢画吧,这个里面写的是死的,到时候肯定是后台返回数据展示代码<template> <div class="analysisTask"> <ul class="chartListUl"> <li>原创 2022-03-12 13:00:17 · 3768 阅读 · 0 评论 -
vue3.x使用vuex
在vue3.x项目中需使用vuex4.x版本;安装直接下载/CDNhttps://unpkg.com/vuexnpm /cnpm /yarnnpm install vuex@next --savecnpm install vuex@next --saveyarn add vuex@next --save项目中使用在根目录下创建store文件夹,在store文件夹下创建index.js文件,在index.js文件中书写代码,与vue2.0中使用的vuex相差不大,直接上代码:import原创 2022-03-11 21:32:47 · 156 阅读 · 0 评论 -
vue 前端框架构建踩坑记录(自用)
进入前端模块根目录下执行构建命令:npm run build:prod由于没有安装依赖包,所以提示如下:> osap-system-ui@4.4.0 build:prod> vue-cli-service build'vue-cli-service' 不是内部或外部命令,也不是可运行的程序或批处理文件。安装依赖:npm install报错如下:npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve depen原创 2022-03-11 19:54:29 · 1448 阅读 · 0 评论 -
textStyle hierarchy in name has been removed since 4.0. All textStyle properties are configured in n
这个警告是因为 echarts 改版啦 配置项有调整radar: { // name 配置项 改为 axisName name: { textStyle: { // textStyle 这个配置项已经移除啦 所有样式直接写在axisName下 color: '#fff', backgroundColor: '#999', borderRadius: 3, padding: [3, 5] } }, indicator原创 2022-03-11 18:31:28 · 4525 阅读 · 0 评论 -
IDEA配置tomcat的方法、IDEA配置tomcat运行web项目
IDEA配置tomcat的方法1.打开idea,在项目运行列表下拉选择“Edit Configurations”2.点击 左上角的"+">Templates -> Tomcat Server -> Local>ok3.在打开的界面,第一行“Name”中填入tomcat的名称4.然后点击Configure…,在Application Servers界面,点击“+”,在Tomcat Server配置界面选择要添加的已安装的tomcat路径(bin的上一级路径),最后点击“O原创 2022-03-11 13:08:55 · 447 阅读 · 0 评论 -
Docker(八)Container无法正常启动Restarting (1) Less than a second ago的原因及解决办法
一、Docker启动异常表现:背景:images:keywords_exact:v1和启动container的命令如下:$ cat docker_run.shdocker run --network host --name keywords_exact --restart=always -d keywords_exact bash run.sh$ cat run.sh#!/bin/bashgunicorn -c gunicorn.py run:app$ cat gunicorn.py原创 2022-03-11 11:47:29 · 3615 阅读 · 0 评论 -
15个 Vue 技巧,开发有段时间了,才知道还能这么用(你所知道真的包括这些吗?)
目录前言1、将一个 prop 限制在一个类型的列表中2、使用引号来监听嵌套属性3、知道何时使用 v-if4、单个作用域插槽的简写5、将局部和全局的 style 混合在一起6、重写子组件的样式7、如何在 Vue 之外创建一个具有响应性的变量8、v-for 中的解构9、在指定范围内循环10、窃取 prop 类型11、检测元素外部(或内部)的单击12、从组件外部调用一个方法13、监听数组和对象14、template 标签的另一个用途15、处理错误(和警告)的更好方法前言学习成原创 2022-03-11 10:25:50 · 166 阅读 · 0 评论 -
解决某东对ip限制若兰(nolanjdc)无法获取短信验问题
青龙安装部署教程-------点击跳转没服务器的先自行购买,腾讯云2H4G8M首年74–点击购买QQ交流:1014549449 --------------点击跳转介绍:SOCKS5 是一个代理协议,它在使用 TCP/IP协议 通讯的前端机器和服务器机器之间扮演一个中介角色,使得 内部网 中的前端机器变得能够访问Internet网中的服务器,或者使通讯更加安全。 SOCKS5 服务器通过将前端发来的请求转发给真正的目标服务器, 模拟了一个前端的行为。需要条件1.被某东限制ip段的服务...原创 2022-03-10 12:43:36 · 260 阅读 · 0 评论 -
曲鸟全栈UI自动化教学(九):Selenium为什么慢?那是你加载策略设置不对
一、前言有不少粉丝,甚至一些行业中有一定经验的朋友都说selenium性能差、很慢,打开一个网页要等半天才开始执行。初学的粉丝提出这个问题我能够理解,行业工作经验数年还这样说我就有点诧异了。看来很多小伙伴还是没有阅读官方文档的习惯,这里就简单的讲解一下为什么你会觉得selenium慢以及如何解决这个问题:当我们通过webdriver(比如启动谷歌浏览器:webdriver.Chrome())启动浏览器时,会启动一个没有任何缓存、cookie的浏览器。这个时候通过driver.get("https://x转载 2022-03-10 11:22:40 · 216 阅读 · 0 评论 -
在Vue项目中引入 ECharts 3D 路径图 Flights GL(需安装echarts、echarts-gl、jQuery依赖,已踩坑)
目录一、案例效果图二、依赖包的下载(echarts、echarts-gl、jQuery)1.echarts 包的下载2.echarts-gl 包的下载3.jQuery 包的下载?4.小结?三、完整代码一、案例效果图二、依赖包的下载(echarts、echarts-gl、jQuery)如下是 ECharts 官网给出的代码,但要注意的是,该代码需要 echarts、echarts-gl、jQuery 的加持才能正常使用;如果不安装依赖包,直接将官网代码引入项目中,会报各种错!所以转载 2022-03-10 09:58:18 · 1219 阅读 · 2 评论 -
使用HTML制作一个简单的个人主页
此网页是我对html有了一个简单,初步的认识后制作的一个网页,主要目的是练习html的一些简单操作,由于时间关系,有很多做的不好,细节处理不到位的地方。废话不多说,先来看效果1、首页这一个网页就是进行了网页背景、背景音乐、段落的处理、水平线以及超链接的简单练习。2、我的相册这一页主要是对大量图片进行一个排版的练习3、我的计划这一页主要是对文本有序无序以及表格内部的背景颜色等等的练习4、我的家乡这一部分是对段落的细节处理、还有文本与图片结合的练习5、我的故事这个是对表格进阶版原创 2022-03-09 13:39:29 · 8884 阅读 · 2 评论 -
[Vue warn] Extraneous non-emits event listeners (createSuccess) were passed to component but could
vue3子组件向父组件传递方法时报错:解决办法:引入Options,然后再 emits中定义传出的方法即可原创 2022-03-09 12:19:04 · 2661 阅读 · 0 评论 -
Vue出现报错Uncaught TypeError vue__WEBPACK_IMPORTED_MODULE_0__.default.user is not a function
Vue代码报错:Uncaught TypeError: vue__WEBPACK_IMPORTED_MODUL_0__.default.user is not a function解决方法:查看js文件下 是不是Vue.use写成了user把user改回use就没有报错了原创 2022-03-09 10:55:11 · 7055 阅读 · 0 评论 -
vue3 setup语法糖 详细使用说明
在Vue3 中 setup 有两种表现方式:一种是 我们常用的:<script> export default { name: 'home', setup() { return {}; }, };</script>还有一种是 setup 语法糖:(给组件起名字,就需要 按照原本的方式 导出了) <script> export default { name: 'home', } </script> <原创 2022-03-09 09:34:20 · 832 阅读 · 0 评论 -
queryWrapper根据时间区间查询
QueryWrapper<Student> queryWrapper = new QueryWrapper<>();Date date = new Date();SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");String format = sdf.format(date);queryWrapper.lambda() .eq(Student::getName, "小芳")原创 2022-03-08 13:19:43 · 4617 阅读 · 0 评论 -
myBatis-模糊查询(like)
<if test="model != null and model != ''">model like concat('%', #{model}, '%')</if><if test="hull != null and hull != ''">and hull like concat('%', #{hull}, '%')</if>原创 2022-03-08 11:59:26 · 319 阅读 · 0 评论 -
Element-ui和Element-Plus的区别_Element2和Element3的区别
Element-ui和Element-Plus的区别_Element2和Element3的区别一、定义区别Element-UI对应Element2:基本不支持手机版Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库Element-Plus对应Element3:组件布局考虑了手机版展示基于 Vue 3,面向设计师和开发者的组件库二、框架区别Element-ui适用于Vue2框架Element-plus适用于Vue3框架三、开发中使用的区别1. Ic原创 2022-03-08 09:18:53 · 10592 阅读 · 0 评论 -
@vitejsplugin-vue requires vue (>=3.2.13) or @vuecompiler-sfc to be present in the dependency tree
运行项目的时候,首先会提示要安装@vue/compiler-sfc 但是安装后运行项目成功但是页面是空白并且报错__VUE_HMR_RUNTIME__ is not defined摸索了半天 查看到package.json依赖文件 没有vue-loader手动添加vue-loader重新cnpm install 运行vue run serve 启动成功...原创 2022-03-08 07:58:49 · 2948 阅读 · 0 评论 -
13.Django中几大常用模板标签讲解及实战使用 【for循环;if判断;页面跳转;开启关闭自动转义;url携带参数传递;注释】
1.常用模板标签(1)模板标签重要概念:①定义:标签在渲染的过程中提供任意的逻辑。②标签语法: 由 {% 和 %} 来定义的,例如:{%tag%} {%endtag%}(2)常用模板标签讲解及实战使用:第一个——模板标签中的for循环!引言:假设我们现在有个需求是——后端视图函数从数据库中获取了需要渲染在前端页面的数组(为一个列表类型的数据)。我们如何一条条渲染显示在前端页面中,类似于报纸上那种!这就可以用到模板标签中的——for循环简单模拟实现!①视图函数views.py文件:(假转载 2022-03-07 20:48:00 · 644 阅读 · 0 评论 -
黑马VUE学习笔记(附带项目天气预报和音乐播放器所有源码)
文章目录黑马VUE学习笔记—后端小白入门(附带项目天气预报和音乐播放器所有源码)感谢黑马!01第一个vue程序02el挂载点el是用来设置Vue实例挂载(管理)的元素1.vue的作用范围在el命中的元素内部可以被渲染Vue会管理el选项命中的元素及其内部的后代元素2.是否可以选用其他的选择器3.是否可以设置其他的dom元素03data 数据对象1.Vue中用到的数据定义在data中2.data中可以写复杂类型的数据3.渲染复杂类型数据时,遵循js的语法即原创 2022-03-07 10:44:53 · 438 阅读 · 0 评论 -
聊聊页面中的锚点效果和回到顶部
页面中的锚点各位想必都“了如指掌”,其基于a链接“同页面跳转”和“id属性标签的历史问题”。可能有人不知道的是:HTML中的“id”非常神奇:id属性的元素不仅可以在js中直接使用,而不必先获取;还可以和url相关联。直接用id访问是旧版本js遗留下来的特性,浏览器会建立window实例的id同名属性,这是为了兼容旧的网页。但不要依赖这个特性,在含有特殊字符或者和window实例的其他属性有冲突时可能失效。我们都知道,锚点应该这样用:<a href="这里写#号+id名">去这里&l转载 2022-03-07 09:21:22 · 775 阅读 · 0 评论 -
JavaScript两小时快速入门笔记
JavaScript两小时快速入门笔记一、概述二、JavaScript和html代码的结合方式2.1 第一种方式2.2 第二种方式三、变量四、逻辑运算五、数组六、函数1.使用function关键字定义函数2.函数定义第二种方式3.函数的arguments隐形参数(只在function函数内部)七、object自定义对象7.1 方法一7.2 方法二八、js中的事件九、onload事件十、onclick事件十一、onblur事件十二:oncha原创 2022-03-07 07:58:03 · 165 阅读 · 0 评论 -
前端报错TypeError Cannot read properties of undefined (reading ‘toString’)
前端以弹框形式报错TypeError: Cannot read properties of undefined (reading ‘toString’)我所遇到的是对一个数据进行toString()操作。例如对一个变量a进行toString()操作。但是此时变量a为undefined,那么就会报这个错。解决办法就是你定位到这个bug。你报错的时候执行了什么代码里面有没有toString()操作。然后有没有可能这个变量是undefined。然后解决办法就是用三目运算或者加一个判断处理此种情况。下面就是判断原创 2022-03-06 04:29:42 · 12047 阅读 · 0 评论 -
【渗透测试工具beef】XSS渗透测试工具beef如何安装使用?
目录事情是这样的beef介绍beef工作原理简介kali下使用beefbeef配置IP地址及默认密码使用beef攻击流程启动beef通过web端访问1、输入config.xml中配置的用户名和密码,登录beef管理台2、在网站中植入hook.js代码3、客户端192.168.107.110,访问这个页面,就会被beef勾住,浏览器的大量信息就被beef获取到了4、获取浏览器cookie5、网页重定向,目标浏览器跳转到你指定的网页6、登录弹窗,获取用户名和密码模块颜色及解释回顾原创 2022-03-06 03:07:44 · 628 阅读 · 0 评论 -
Vue项目学习提升
一、vue-router路由1、项目包导入vue-router是一个插件包,用来对页面跳转进行控制非常的方便,之前我们采用后端相应的方式进行页面的跳转,现在我们可以直接在前端进行控制页面的跳转npm install vue-router --save-dev初始化vue-router插件包2、vueRouter包的使用使用的方式非常类似Java包的使用方式,先导入包,然后申明使用,同理类似其他的项目依赖包的使用,先安装包(上面的那一步npm install…),然后在项目中进行导入,最后申明原创 2022-03-06 01:46:58 · 89 阅读 · 0 评论 -
Vue3.0 reactive()、ref()、unref()、isref()、toRefs()、computed()
reactive()等价于 vue 2.x 中的 Vue.observable() 函数,vue 3.x 中提供了 reactive() 函数,用来创建 响应式的数据对象。当(引用)数据 直接改变 不会让模版响应 更新渲染:一秒后页面没有变化<template> <div>count: {{state.count}}</div></template><script>export default { setup() {原创 2022-03-06 00:25:34 · 341 阅读 · 0 评论 -
antd-design 中的 Descriptions组件修改label的默认样式——插槽的使用
最近我的很多同事都在用antd design,我这边还是倾向于用目前熟悉的 elementUi。同事那边遇到一个需求,需要改变antd design中的description组件中部分label的样式。比如下方中红线标注的客户地址的样式。我一开始以为这个是table表格写的。后来一问才知道是antd design中的description组件。同事用下面的方法动态绑定class,发现并没有什么用……antd design与elementUI在很多方面都是类似的。我想到elementUi中的ta原创 2022-03-05 20:11:07 · 1175 阅读 · 0 评论 -
vue.js基础还不会?——看这篇文章就够了
知识点:vue.js介绍指令修饰符计算属性侦听器过滤器生命周期组件路由一、vue.js介绍vue是一套用于构建用户界面的渐进式框架vue的核心只关注视图层,不仅容易上手,还便于与第三方库或既有项目整合二、指令(一)、指令本质就是自定义属性VUE中指令都是v-开头(二)、内置指令1、v-cloak防止页面加载时出现闪烁问题2、v-textv-text指令用于将数据填充到标签中,作用与插值表达式,但是没有闪动问题如果数据中有html标签会将html标签一并输出原创 2022-03-03 23:44:21 · 244 阅读 · 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-03 22:37:05 · 2752 阅读 · 2 评论 -
TypeScript语法错误:Argument of type ‘string‘ is not assignable to parameter of type ‘Element‘. 解决方法
问题描述DOM插入元素节点报错。TypeScript语法错误:TS2345: Argument of type ‘string’ is not assignable to parameter of type ‘Element’.类型"string"的参数不能赋给类型"Element"的参数。报错内容以及对应代码:解决方法报错的原因在于,该函数可接收的参数类型和实际接收的不匹配。所以解决的方法是,将第二个参数转换成Element类型;或者更换另一种方法,插入元素的同时,还支持stri原创 2022-03-03 21:42:21 · 6083 阅读 · 0 评论 -
ReferenceError require is not defined in ES module scope, you can use import instead
运行的第一个node.js,在package.json中增加了 "type": "module",然后自己傻憨憨看node API 的fs,学着里面写了下面的代码,报错,因为require不是定义在ES module里的,需要改成import。const fs = require('fs');fs.readFile('./1.txt', 'utf-8', (err, data) => { if (err) throw err; console.log(data);})终端运行原创 2022-03-03 17:04:39 · 2586 阅读 · 0 评论 -
nodeinternalmodulescjsloader936 throw err; ^ Error Cannot find module ‘fabric-ca-client‘
fabric测试fabcar示例时,执行node enrollAdmin.js时报错误,具体如下:原因,npm 安装包有误,如底下有node_modules文件夹,先执行命令:rm -rf node_modules/,再执行npm install,再执行npm update即可原创 2022-03-03 16:00:01 · 137 阅读 · 0 评论 -
JavaScript中函数的防抖与节流
目录一、函数的节流1.1 定义1.2 解决方法1.3 案例演示1.3 .1? 代码演示1.3 .2? 运行结果?1.3 .3? 添加函数节流操作1.3 .4? 运行结果??二、函数的防抖2.1? 定义2.2? 解决方法2.3? 案例演示2.3.1? 代码展示2.3.2? 运行结果2.3.3 添加函数防抖操作2.3.4? 运行结果一、函数的节流1.1 定义同时触发多次函数执行,执行的是相同内容,要求只执行第一次请求。例如scroll事件,鼠标滚动一次触发多次函数执行,原创 2022-03-03 14:55:24 · 60 阅读 · 0 评论 -
element-plus的el-icon和@element-plusicons vue3 组件封装与使用
使用 element-plus 时发现了一个问题:icon 需要单独安装和引入,让我很是难受,官网是这么说的(大概意思如下):$ yarn add @element-plus/icons # 或者 $ npm install @element-plus/iconsimport { defineComponent } from 'vue' import { Edit, Share, Delete, Search } from '@element-plus/icons' export defaul原创 2022-03-03 13:51:00 · 526 阅读 · 0 评论 -
95页字节跳动内部前端学习笔记在互联网上火了,完整版开放下载
前端工程师学习路线一、入门前端三剑客1、HTMLhtml 学起来还是挺简单的,无论你是否有编程基础,我觉得都可以快速入门,对于新手,我推荐找个入门的视频看一下,然后跟着视频打代码就可以了,入门教程随便在网上找个免费的视频就可以了,随便搜索「html入门」即可,或者看菜鸟教程的一个入门教程也行。看完视频,也可以看一下文字版的教程,不知道大家有没有看过阮一峰写过的教程,我觉得他写的教程都很棒,所以这里我也推荐下大家看一下阮一峰写的这份 HTML 入门教程,可以让你理解的更加透彻:https://wang原创 2022-03-03 11:59:35 · 379 阅读 · 0 评论 -
1、【Echarts系列】Vue中设置echarts折线图样式(图表、网格、标签、提示、标题、文字),手把手教程系列
一、echarts 折线图(折线统计图)折线图在我们也是我们的数据可视化图表中最常用的一种图表之一,是用折线将各个数据点标志连接起来的图表,不仅可以表示数量的多少,而且可以反映同一事物在不同时间里的发展变化的情况以及变化趋势。看着官网示例的这些花花绿绿的折线图,相信在日常的开发中,只要稍加配置调一下,已经可以满足9成的需求了。二、echarts的下载、安装与使用在上一篇的文章里,我们主要是学习如何快速上手Echarts的一些属性设置,我们演示的时候用的引入方式是一次性引入所有的资源。如这样:i原创 2022-03-03 00:08:52 · 5253 阅读 · 0 评论 -
青龙面板助力码脚本案例
1.东东萌宠互助码脚本名称:jdPetShareCodes.js/*东东萌宠互助码此文件为Node.js专用。其他用户请忽略支持京东N个账号*///云服务器腾讯云函数等NOde.js用户在此处填写东东萌宠的好友码。// github action用户的好友互助码填写到Action->Settings->Secrets->new Secret里面(Name填写 PetShareCodes(此处的Name必须按此来写,不能随意更改),内容处填写互助码,填写规则如下)/..原创 2022-03-02 13:38:22 · 2539 阅读 · 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-02 12:33:33 · 513 阅读 · 0 评论 -
最最详细的黑马前端HTML5+CSS3笔记,给大家整理好了
基于黑马前端视频学习的CSS3笔记,每一天的知识点都放在一起,方便学习查阅==CSS第一天==一、css简介二、css语法规范三、css代码风格四、css选择器的作用五、css基础选择器1、标签选择器:2、类选择器3、多类名选择器4、id选择器:5、id选择器和类选择器的区别6、通配符选择器7、选择器总结六、css字体属性:1、字体大小:2、字体粗细:3、字体样式:4、字体的综合写法5、字体总结:七、css文本属性:1、文本颜色:2、文本原创 2022-03-02 03:37:43 · 1291 阅读 · 0 评论 -
听哥一句劝,CSDN史上最强插件你把握不住(文末可抽取机械键盘,CSDN年卡会员)
马老师建议:全文背诵,背不了打屁股。艾,朋友们好啊~,我是CSDN官方插件测评门掌门人乌龟哥哥,刚才有个朋友问我乌龟哥哥发生甚么事了,我说怎么回事?给我发了一个张截图,我一看!噢,原来是昨天有两个程序员,一个前端程序员,一个后端程序员塔们说,有一个说我在谷歌浏览器用的插件太多太繁琐了,把我搞累了乌龟哥哥你能不能教教我有没有好用的插件,我平时CSDN用的多,你能推荐个好用的插件不,帮助解决一下我的杂乱插件。我说可以,我说你在谷歌浏览器用的插件功能太少不好用,建议你用CSDN官方插件,它原创 2022-03-02 02:34:10 · 455 阅读 · 0 评论