每一次跌倒都是为了华丽的站起来。

捕捉一只耿鬼

软件行业的高速发展，对软件开发者的综合素质要求越来越高，不仅仅是编程知识点，其他维度知识点也会影响最后的交付质量，本文档以开发前端项目角度，详细描写了前端的代码规范，分别从HTML、CSS、JavaScript、TypeScript、四个方面入手，并且每个章节进行了详细划分，方便读者能快速定位，规范自己的代码，提高项目质量。但对于新业务，如无特殊要求，统一使用UTF-8字符编码，以便统一。单行注释，需在注释内容和注释符之间需留有一个空格，以增强可读性。多行注释，注释符单独占一行，注释内容2个空格缩进。

在使用中，遇到了如下需求：一个选择了某一年的某一个月份，另一个选择只能选择本年份的其他月份。通过对选择的数据进行格式化分析，返回对应的disabled数据。，无法实现回车显示的结果。：使用中发现仅仅通过写入。

子父组件传值or调用方法

这里学习的是Vue3+AntV X6的2.*版本，AntV X6的2版本相较于1版本，引入方法发生了改变，可以按需引入，但同时也会更加容易出错。

typeof的用法typeof 是操作符，可以返回变量的类型操作：console.log(typeof 42);// expected output: "number"console.log(typeof 'blubber');// expected output: "string"console.log(typeof true);// expected output: "boolean"console.log(typeof undeclaredVariable);// exp

给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。示例 2：输入：nums = [3,2,4], target = 6

HTML5的优点与缺点文章目录HTML5的优点与缺点优点缺点优点网络标准统一、HTML5本身是由W3C推荐出来的。多设备、跨平台。及时更新。提高可用性和改进用户的友好体验。缺点安全：像之前Firefox4的web scoket和透明代理的额实现存在严重的安全问题，同时web storage、web socket 这样的功能很容易被黑客利用，用来盗取用户的信息和资料。完善性：许多特性各浏览器的支持程度也不一样。技术门槛：HTML5简化开发者工作的同时代表了有许多新的属性和API

浏览器页面有哪三层构成，分别是什么，作用是什么？文章目录浏览器页面有哪三层构成，分别是什么，作用是什么？浏览器页面的三层结构浏览器的三层结构分别是什么作用是什么浏览器页面的三层结构结构层、表示层、行为层浏览器的三层结构分别是什么HTML、CSS、JavaScript作用是什么HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。...

Vue的50个知识点文章目录Vue的50个知识点1. Vue的优点？Vue的缺点？2.为什么说Vue是一个渐进式框架？1. Vue的优点？Vue的缺点？优点：渐进式，组件化，轻量级，虚拟dom，响应式，单页面路由，数据与视图分开缺点：单页面不利于seo，不支持IE8以下，首屏加载时间长2.为什么说Vue是一个渐进式框架？渐进式框架：通俗点讲就是，就是用你想用或者能用的功能特性，你不想用的部分功能可以先不用。VUE不强求你一次性接受并使用它的全部功能特性。...

水平居中和垂直居中文章目录水平居中和垂直居中水平居中垂直居中水平居中对于行内元素：text-align:center;对于确定宽度的块级元素：width和margin实现。margin:0 auto;绝对定位和margin-left:-width/2,前提是父元素position:relative对于宽度未知的块级元素：table标签配合margin左右auto实现水平居中。使用table标签(或直接将块级元素设置为dispaly:table),再通过给标签添加左右margin为auto。

Echarts图的属性大全，学会绝对可以把Echarts吃的透透的！文章目录Echarts图的属性大全，学会绝对可以把Echarts吃的透透的！backgroundColor背景色：tooltip提示框：grid网格：backgroundColor背景色：ECharts配置项中的背景色使用backgroundColor表示，在默认的情况下是无背景的。颜色可以使用 RGB 表示，比如 ‘rgb(128, 128, 128)’，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 ‘r

Math.round()，Math.ceil()，Math.floor()的区别文章目录Math.round()，Math.ceil()，Math.floor()的区别1.Math.round()2.Math.ceil()3.Math.floor()1.Math.round()小数点后第一位大于五全部加，等于五正数加，小于五全不加。正数：Math.round(55.4)Math.round(55.5)负数：Math.round(-55.4)Math.round(-55.5)Math

箭头函数和普通函数有什么区别1：写法不一样2：普通函数存在变量提升的现象3：箭头函数不能作为构造函数使用4：两者this的指向不同5：箭头函数的arguments指向它的父级函数所在作用域的arguments6：箭头函数没有new.target1：写法不一样2：普通函数存在变量提升的现象3.箭头函数不能作为构造函数使用![在这里插入图片描述](https://img-blog.csdnimg.cn/a21e19ba33fe45b187cc5a378ac78ab6.png?x-oss

npm时需要python1.安装 node-gypgyp是一种根据c++源代码编译的工具，node-gyp就是为node编译c++扩展的时候使用的编译工具npm install -g node-gyp2.python2.7因为node-gyp需要依赖python2.7和微软的vc++构建工具来进行编译但是windows操作系统在默认情况下不会安装python2.7和vc++构建工具。为node-gyp配置安装python2.7以及VC++ build Tools依赖npm install -

"sass-loader"报错！！！Failed to compile../src/main.jsModule not found: Error: Can't resolve 'sass-loader' in 'E:\study_software\JetBrains\WebStorm2021\WebstormProjects\vue-element-admin-master'npm install sass-loader sass webpack --save-devnpm install

浮动1.场景当我们想实现以下面效果时，咱们第一时间肯定会想到浮动float通过以下代码：<template> <div> CssBFC界面 <br/><br/> <router-link to="/">Home</router-link> | <router-link to="/about">About</router-link> | <

什么是C/S架构和B/S架构C/S(Client/Server)架构是一种客户机与服务器结构。C/S也是软件系统体系结构，通过它可以充分利用两端硬件环境的优势，将任务合理分配到Client端和Server端来实现，降低了系统的通讯开销。B/S（Browser/Server）架构，即浏览器与服务器架构，就是只安装维护一个服务器，而客户端采用浏览器运行软件。C/S架构和B/S架构的区别使用协议B/S架构使用的最多的是HTTP协议，而C/S架构更多的时候使用的WinSocket协议（TCP,UDP)

动态粒子背景插件

1.删除指定下标的元素，后面元素自动补齐定义数组名为：array从第index个开始，删除n个，n直接替换为需要的数字array.splic(index,n)2.删除指定下标的元素，空出该位置后面元素不补齐index为几就删除对应位置的数据delete array[index];3.删除指定的数组的元素//给js的数组对象定义一个函数，用于查找指定的元素在数组中的位置，即索引 Array.prototype.indexOf = function (val) { for

日期之间的计算

:draggable=“true”放在Tabs表示标签页可拖拽@on-drag-drop=“handleDragDrop”给Tabs添加拖拽事件： changeAddressType(index) { if (this.formItem.assets[index].addressType == 0) { this.formItem.assets[index].value_2 = '' } },@on-click=“tabChange”给Ta

异步我对异步的理解：异步调用是用来处理同时操作一部分已经运行完成出来结果，但是另一部分仍未运行完成，以至于最后数据无法完全显示的问题。异步的发现之前很少使用异步，可能也是因为我学识不太够，所以敲代码敲到的比较少，这次使用异步是因为我遇到的问题：初始化时直接调用所有方法，但是最后一个方法是根据前面几个方法的运行结果得出的，前几个方法都需要调用接口，最后一个方法是调用的前几个方法中的一些零散数据，这就导致了，必须完成前几个方法后，调用最后一个方法时才可以得出想要的数据，否则最后一个方法的数据为空。经查

Form表单验证出现问题：问题描述：1.输入框内有数据，但是仍旧会显示验证为空的提示！后面发现是数据类型不匹配的问题，我一直以为是验证显示有问题，在接受后台数据之前就显示验证为空，但是接收数据之后应该不为空，所以当时以为是顺序的错误。后来发现是数据类型的错误，后台传来的数据有的是String类型，有的是Int类型，String类型的数据可以正常验证，但是Int类型的数据不可以正常验证，有数据但是显示验证为空。如下： {required: true, message: '连接超时时间不能为空', t

get访问this.$http.get('http://192.168.xxx.xxx:8080/路径').then(res => {console.log('连接成功！')console.log(res)}).catch(error => {console.log('连接失败！')console.log(error)})axios连接 $.ajax({ // this.$http.ajax({ type: 'get',.

什么是漏洞扫描漏洞扫描是指基于漏洞数据库，通过扫描等手段对指定的远程或者本地计算机系统的安全脆弱性进行检测，发现可利用漏洞的一种安全检测（渗透攻击）行为。

什么是Web渗透测试渗透测试( Penetration Test)是完全模拟黑客可能使用的攻击技术和漏洞发现技术，对目标系统的安全做深入的探测，发现系统最脆弱的环节。渗透测试能够直观的让管理人员知道自己网络所面临的问题。而Web渗透测试主要是对Web应用程序和相应的软硬件设备配置的安全性进行测试。进行Web渗透测试的安全人员必须遵循一定的渗透测试准则，不能对被测系统进行破坏活动Web安全渗透测试一般是经过客户授权的，采用可控制、非破坏性质的方法和手段发现目标服务器、Web应用程序和网络配置中存在的弱点。

this.$http.post( 'http://111.111.111.111:8080/delNullFile', { params: { documentUrl: this.formValidate2.document_url } } ).then(res => { this.$Message.info('点击了取消...

INFO Starting development server... ERROR Error: Rule can only have one resource source (provided resource and test + include + exclude) in { "exclude": [ null ], "use": [ { "loader": "E:\\DXSX\\front\\num6-知识库\\knowledge-base\\nod..

render属性render函数是什么​ vue是虚拟DOM，使用render函数我们可以用js语言来构建DOM，在拿到template模板时也要转译成VNode的函数，而用render函数构建DOM，vue就免去了转译的过程。​ vue提供一个构建虚拟DOM的工具，命名为createElement，vue提供createElement去使用render函数描述虚拟DOM。render函数怎么个用render:(h) => { return h('div',{　　　//给div绑定va

Vue-在data中引入静态图片路径

致vue：生活中总是会有些小摩擦，日常拌嘴也成了我们互相逗趣的方式，给我们的生活添加了一抹调味。8.23-8.29问题1.多级面包屑动态导航推荐博客：https://blog.youkuaiyun.com/weixin_34202952/article/details/91445844博主写的很棒！2.UserList页面method中push用的下面的方法query方式传参和接收参数传参:`this.`$router.push({` `path:'/xxx'` `que

视频地址：https://www.bilibili.com/video/BV1Pq4y1u7wN/?spm_id_from=autoNext实现： 挂载路由导航-创建安全网站登录 代码：// 挂载路由导航守卫router.beforeEach((to, from, next) => { // to将要访问 // from从哪访问 // next接着重定向 i

报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/userlist?row=%5Bobject%20Object%5D". createRouterError vue-router.esm.js:2065 createNavigationDuplicatedError vue-router.esm.js:2035 confirmTran

VUE-用到的样式左右1.transform：translatetransform：translate(0,100%) 表示从元素的当前位置延y轴方向，向下移动整个元素高度的距离transform：translate(-20px,0) 表示从元素的当前位置延x轴方向，向左移动20px //表示距离页面左侧450px,距离页面右侧120px transform: translate(450px, 120px);2.padding/* 表示： 上内边距是 10px 右内边距是 5p

首先，我们的验证规则为：password也同理，然后最重要的就是验证规则的方法编写代码附上： submitForm () { // this.$message.success('操作成功！') // 验证校验规则 this.$refs.loginFormRef.validate((valid) => { // valid的值为true或者false console.log(valid) if (valid

1、vuejs 是单页面应用，应用内的跳转，可以用router-link标签我的：<router-link :to="'/'" >没有帐户？点击现在注册。</router-link>或者<router-link tag='span' to="#" @click.native="handleEditPassword"><span class="a-inner"><i class="el-icon-edit"></i> 修改密码

如图：菜单栏的边框选中或者打开后会参差不齐，这是因为它的border属性，只要在菜单的class属性里改一下就可以了。修改方法：加上这句话之后surprise！非常的美观。

问题：原因：vue -h查看帮助信息，没有vue ui这一命令行。解决：npm i -g @vue/cli或者cnpm i -g @vue/cli我用的npm下载会有错误，C:\WINDOWS\system32>npm i -g @vue/clinpm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintainednpm

nrm，运行错误错误内容：C:\WINDOWS\system32>nrm lsinternal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^[TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined at validateString