html
文章平均质量分 58
web13618542420
这个作者很懒,什么都没留下…
展开
-
Fiddler 抓包工具 - 全网最全最细教程,没有之一
Fiddler 简介Fiddler 是位于客户端和服务器端的 HTTP 代理目前最常用的 http 抓包工具之一功能非常强大,是 Web 调试的利器监控浏览器所有的 HTTP/HTTPS 流量查看、分析请求内容细节伪造客户端请求和服务器响应测试网站的性能解密 HTTPS 的 Web 会话全局、局部断点功能第三方插件场景使用场景接口调试、接口测试、线上环境调试、Web 性能分析判断前后端 bug、开发环境 hosts 配置、mock、弱网断网测试B/S 架构编写程序部署到原创 2022-03-12 12:59:43 · 180 阅读 · 0 评论 -
Vue3.X中 ref属性剖析(一看就懂)
Vue3中的setup有什么优缺点诱因首先 setup 函数有冗长返回语句的问题已经在至于我们为什么要用 setup,我想既然同学们要了解 Vue 3,应该对这个大版本要做和已经的事情有一个更全面的认知:Vue 3 的任务是:补短板 + 提上限短板何在?在今天我们看到的大部分较大的国内互联网公司所提供的 Web 产品中,使用的构建框架都是 React,我自己是字节,而我惊奇的发现 VueConf 2021 上这么多位分享的大佬竟是出自我们这个用 React 更多的公司,有同学玩笑戏称“ 字节把懂原创 2022-03-11 21:32:14 · 1455 阅读 · 0 评论 -
vue 删除数组中的某一条数据
一、删除普通数组let arr = [1,2,3,4,5];//方法一let index = arr.indexOf('3');arr.splice(index, 1)//打印结果 [1,2,4,5]//方法二let index = arr .findIndex(item => { if (item == '3') { return true } })arr.splice(index, 1原创 2022-03-11 19:53:56 · 11783 阅读 · 0 评论 -
tedu斌-Web笔记2112-4
JavaScript作用: 负责给页面添加动态效果.语言特点:属于弱类型语言:java: String name = “tom”; int age=18; name=30; 报错javascript: let name=“tom”; let age=18; name=30; 不会报错属于脚本语言,不需要编译直接解析执行.基于面向对象安全性强: JS语言只能访问浏览器内部的数据,浏览器以外的程序或磁盘中的数据禁止访问.交互性强: 因为JS语言是嵌入在html页面中的语言, 随着页面原创 2022-03-11 18:30:55 · 519 阅读 · 0 评论 -
React项目全球新闻发布管理系统 - 新版问题解决方式整理及部署网站至 Netlify
整理了一下新版的变化以及遇到的坑的解决办法,最后也会分享将网站及接口部署的方式。千锋前端-React全家桶_React项目全球新闻发布管理系统https://www.bilibili.com/video/BV1fw411d7R5文章目录P4P5P6P11P15P17P18P22P29P30P34P38P41P43P45P50P67进阶: 多语系网站接口数据部署网站及接口P4反向代理 setupProxy.js 改为:// setupProx原创 2022-03-11 15:53:53 · 210 阅读 · 0 评论 -
IDEA社区版搭建web项目
IDEA社区版搭建Tomcat服务器并创建web项目目标问题实现步骤目标创建Web项目的目录结构可以启动Tomcat服务器编写Servlet并访问成功问题IDEA社区版没有创建Web工程的选项IDEA社区版没有Tomcat插件实现步骤针对以上两个问题,分步解决问题一:IDEA社区版没有创建Web工程的选项创建普通的java项目,此处不再赘述构建web项目的目录结构设置编译目录在WEN-INF文件夹下新建web.xml<?xml ver原创 2022-03-11 13:08:23 · 2003 阅读 · 1 评论 -
docker 配置文件:etcdockerdaemon.json
因为工作的需要,需要把docker 启动后的路径改成/data,所以就会用到:/etc/docker/daemon.json 是 docker 的配置文件,默认是没有的,需要我们手动创建,可配置项如下:具体的操作是:1: 设置/etc/docker/daemon.json 文件.2.创建并修改完daemon.json文件后,需要让这个文件生效a.修改完成后reload配置文件sudo systemctl daemon-reloadb.重启docker服务sudo systemctl resta原创 2022-03-11 11:46:57 · 465 阅读 · 0 评论 -
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at ‘fileDWebPractiesnewSmartCitydatafunData.json
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at 'file:///D:/WebPracties/xxxxxx/data/funData.json问题描述解决办法一解决办法二解决方法三问题描述这几天做项目的时候,遇到这样一个问题,写了一个页面,用js动态的创建了一系列li,让其在页面上展示,获取数据的方式是通过json模拟,结果运行界面 的时候,出现了差错,我以为是代码写错了,仔细检查了一遍,发现代码,没有任何问题,看了一下报错原因,上网查了一下,发原创 2022-03-10 12:43:04 · 1472 阅读 · 3 评论 -
曲鸟全栈UI自动化教学(一):基于页面元素定位自动化的不足和图像识别匹配自动化的优势分析
文章目录一、基于元素定位自动化的不足分析二、解决方案1. 讲解与演示2. 实践教学三、依然存在的问题一、基于元素定位自动化的不足分析常用的Web自动化测试方法往往都是基于元素定位的方式来进行的,比如热门的selenium、appium都是基于这种方式的。但随着react、vue的普及,以及element、antd等组件库的出现,通过元素定位的方式就出现了一些不足了。为什么这样说呢?我们举一个简单的例子来说明:下面是通过antd组件库来实现的一个小Demo,页面有两个按钮:【添转载 2022-03-10 11:22:08 · 244 阅读 · 0 评论 -
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 解决办法
在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue问题原因今天在学习vue的过程中遇到一个这样的问题,在利用事件总线的时候出现上图的错误,经过百度,最终找到问题的原因就是版本的问题,我是安装了最新的vuecli,版本大概是4.5.4,我最开始安装vuecli没有指定版本cli4中main.js中引用文件是下图import {createApp} from 'vue’的格式引用的而cli3中是用import Vue原创 2022-03-10 09:57:45 · 1243 阅读 · 0 评论 -
使用element插件中Descriptions遇到的坑
使用Descriptions 描述列表中的自定义label,打包后点击按钮新增一个el-descriptions-item时,最后一个item的标题发生改变解决办法:将以下代码替换<el-descriptions-item label-align="center"> <template #label> <div class="cell-item"> <span c原创 2022-03-09 13:38:57 · 2481 阅读 · 0 评论 -
[Vue warn] Error in v-on handler “TypeError Cannot read properties of undefined (reading ‘value‘)
1、问题描述:antd 下拉框选择的时候报了这个错误<a-select :defaultValue="0" v-model="executeCycleUnit" @change="handleExecuteNum"> <a-select-option :value="0"> 分钟 </a-select-option> <a-select-option :value="1"> 小时 </a-select-option><原创 2022-03-09 12:18:32 · 943 阅读 · 0 评论 -
vue出现Error in render “TypeError Cannot read properties of undefined (reading ‘id‘)“的原因
学习Vue框架的时候,遇到这个报错:案例:记事本 (1.0版本)1. 模型:2. 初始版本学习Vue组件化的时候,有一个知识点是状态提升,当兄弟组件之间要进行通信的时候,有要操作的相关的数据的时候,将这些数据提升到共同的父容器中,以便进行操作。当在 TodoInput 组件里面新增数据的时候,需要如图所示,经过App.vue这个父容器才能成功传递数据:而这样传递,数据可以传递成功,但是TodoItem 组件不知道在何时才接收数据并创建新的组件,因为方法需要调用才能执行,而这样直接传送数原创 2022-03-09 10:54:39 · 2453 阅读 · 0 评论 -
vue3 setup使用(详细)
官网vue3-setup总结:1、setup 函数时,它将接受两个参数:(props、context(包含attrs、slots、emit))2、setup函数是处于 生命周期函数 beforeCreate 和 Created 两个钩子函数之前的函数3、执行 setup 时,组件实例尚未被创建(在 setup() 内部,this 不会是该活跃实例的引用,即不指向vue实例,Vue 为了避免我们错误的使用,直接将 setup函数中的this修改成了 undefined)4、与模板一起使用:需要返回一原创 2022-03-09 09:33:47 · 433 阅读 · 0 评论 -
uniapp组件-uni-search-bar搜索栏
官方示例:https://ext.dcloud.net.cn/plugin?id=866例1 -基础用法<template> <view> <view> <uni-search-bar @confirm="search" :focus="true" v-model="searchValue" @blur="blur" @input="input" @cancel="cancel" @change="change" @clear="clear">原创 2022-03-09 07:59:42 · 2349 阅读 · 0 评论 -
querywrapper按日期范围查
QueryWrapper qw = new QueryWrapper();qw.apply(“DATE(createtime) >= STR_TO_DATE(’”+rqq+" 00:00:00’,’%Y-%m-%d %H:%i:%s’)");qw.apply(“DATE(createtime) <= STR_TO_DATE(’”+rqz+" 23:59:59’,’%Y-%m-%d %H:%i:%s’)");Page page = new Page<>(pageIndex, pa原创 2022-03-08 13:19:11 · 2664 阅读 · 0 评论 -
Mybatis-Plus项目中使用eq()
我有篇文章写了Mybatis-plus的一些语法以及简单的用法,此处为链接,需要的可以看一下。这里记录一下项目中碰到使用eq(),但里面的结构是eq(Entity :: name ,“张三”),算是第一次接触接触这个格式,这eq括号里面的“ :: ”两个冒号,就是该实体的字段,类似于传参LambdaQueryWrapper<TbCloudbox> lqDevice = new LambdaQueryWrapper<>();(1) //NVR原创 2022-03-08 11:58:55 · 2547 阅读 · 1 评论 -
JavaScript 拷贝
深拷贝和浅拷贝变量存储类型浅拷贝概念浅拷贝使用方法一 Object.assign()方法2 forin循环方法3 利用展开运算符进行浅拷贝深拷贝概念方法方法一 浅拷贝 + 递归方法2 JSON.parse(JSON.stringify())赋值 深拷贝 浅拷贝的区别变量存储类型在理解拷贝之前我们要先熟悉变量存储类型 变量的数据类型分为 基本数据类型 (值类型)和 复杂数据类型(引用数据类型)基本数据类型的值是直接存放在栈内存的 而复杂数据类原创 2022-03-08 10:38:33 · 91 阅读 · 0 评论 -
element-ui中怎么让多个input框在一行显示
<el-form><el-row>??????????????????<el-col?span="12">????????????????????<el-form-item >? ? ? ? ? ? ?<el-input></el-input>????????????????????</el-form-item>??????????????????</el-col>???????????原创 2022-03-08 09:18:21 · 2204 阅读 · 0 评论 -
@Size、@Length、@Max、@Min注解的含义和区别
POM引入依赖: <dependency> <groupId>javax.validation</groupId> <artifactId>validation-api</artifactId> <version>版本号</version> </dependency>@Min 验证 Number 和 String 对象是否大等于指定的值@Max 验证 Number 和 S原创 2022-03-08 07:58:17 · 2212 阅读 · 0 评论 -
黑马 React 学习记录
jsx的样式处理react组件1.react 组件介绍2.react 组件的两种创建方式2.1 函数组件2.2 类组件2.3 抽离为独立js文件3.react 事件处理3.1 事件绑定3.2 事件对象4.有状态组件和无状态组件5.组件中的state和setState5.1 state的基本使用5.2 setState() 修改状态6.事件绑定this指向6.1 箭头函数6.2 Function.prototype.bind()6.3 class的实例方原创 2022-03-07 10:44:22 · 573 阅读 · 0 评论 -
网页表白代码烟花特效
效果演示地址(浏览一段时间会自动跳转扫码下载地址):网页表白代码烟花特效本文完整项目地址:网页表白代码烟花特效从百度网盘下载文件到本地后即可得到完整资源。效果:点击愿意会有烟花特效,下面是自动输出的表白文字,背景是高清动态花瓣,十分好看。点击不愿意,会说一些表白的话,之后再放烟花:如何通过手机qq或微信发给她?下载资源后直接把index.html文件(可以先改个名字)发给她,让她选择以浏览器打开就行了。(QQ浏览器等都可以)html核心代码:(仅仅这个html代码是运行不了的,需要去下原创 2022-03-07 09:20:51 · 1226 阅读 · 0 评论 -
javascript 入门第一天
typora-copy-images-to: img今日内容JavaScript介绍JavaScript的基本语法JavaScript的属性和文本操作JavaScript的Dom操作一.JavaScript介绍1. JavaScript概述JavaScript是一门客户端脚本语言,基于对象和事件驱动的一门客户端脚本语言,可以直接在浏览器端运行。客户端: 浏览器脚本语言:无需编译,可以直接运行(只要电脑上安装了浏览器,可以运行javascript语言).原创 2022-03-07 07:57:32 · 168 阅读 · 0 评论 -
前端总结大全
记住 88 条精简前端面试题,让面试成为享受前言HTML&CSSJavaScriptVUE2.xVUE3.xTypeScriptReact微信小程序uniapp网络性能相关项目相关浏览器工具其它前言背的最少、说的最好。你的面试我帮你,本博客持续优化改进,请关注收藏。HTML&CSS盒模型、BFC、 清除浮动;postiton定位5个值水平/垂直居中、 两/三栏布局(圣杯双飞翼)、flex布局;常见的块级/行内/空元素原创 2022-03-06 04:29:10 · 112 阅读 · 0 评论 -
vue项目中遇到的问题 cannot find module “imagemin-gifsicle“
1.vue项目启动报错信息error:cannot find module “imagemin-gifsicle”解决方案:在packgae.json 加上 “imagemin-gifsicle”,如图:再次运行时报错信息error:cannot find module “gifsicle” 这时就要去node_moudules里删除 image-webpack-loader 其次再去更新下载cnpm install --save-dev image-webpack-loader 最后在运行就好了原创 2022-03-06 01:46:26 · 4140 阅读 · 0 评论 -
vue3.0 + draggable拖拽模块 (解决 :Cannot read property ‘header‘ of undefined;以及解决拖拽时不能滚动页面)
Cannot read property ‘header’ of undefined 这个问题是draggable的版本不对,我换为"vuedraggable": "^4.1.0"这个版本就好了ps: vue2.0和vue3.0 draggable用法不一样安装npm i [email protected] --save 或 yarn add [email protected]使用<template> <div class="drag-box"> &l.原创 2022-03-06 00:25:02 · 1178 阅读 · 0 评论 -
A plugin must either be a function or an object with an “install“ function
问题: vue3 的插件需要install方法解决:检查main.ts 文件中 app.use()原创 2022-03-05 20:10:35 · 2390 阅读 · 0 评论 -
uniapp中自定义showModal样式
uniapp中自定义showModal样式页面中使用在main.js中引入show-modal组件创建组件show-modal组件名称show-modal.vue创建initModal.js页面中使用<show-modal></show-modal> this.$showModal({ title: '', content: '当', cancelText:"取消", confirmText:"生成赛果", suc原创 2022-03-03 22:36:33 · 4321 阅读 · 0 评论 -
TypeScript学习笔记
TypeScript学习笔记TypeScript概述和环境安装解析TS的工具包typescript安装简化执行TS的工具包 ts-node入门代码TS中的注释JS原有类型numberstringbooleanundefinednullobject对象类型基本使用对象类型中的函数写法arrayfunction函数类型的定义扩展 - 函数的参数默认值可选参数TS新增类型anyunknownvoidnever元组enum原创 2022-03-03 21:41:49 · 111 阅读 · 0 评论 -
ReferenceError Cannot access ‘xxx‘ before initialization
执行下面代码let myname= 'kaimo666'{ console.log(myname) let myname= 'kaimo777'}最终打印结果分析原因在块作用域内,let声明的变量被提升,但变量只是创建被提升,初始化并没有被提升,在初始化之前使用变量,就会形成一个暂时性死区。另外一个例子:function test(){ console.log(a) let a = 7;}test()执行test的时候,编译阶段a已经在内存中,为什么提前访问不了?原创 2022-03-03 17:04:06 · 1771 阅读 · 2 评论 -
nodeinternalmodulescjsloader936 throw err; ^ Error Cannot find module ‘@vuecli-plugin-babel‘
错误背景描述,在网上通过gitee下载了一个项目,执行npm run serve 时报错在网上搜了一下说是执行:npm install babel-plugin-import -D我试了一下并不管用解决方法:1.删除当前项目的node_modules 文件2.再执行 cnpm install 即可...原创 2022-03-03 15:59:29 · 731 阅读 · 0 评论 -
JavaScript中WebAPI知识
目录1、什么是WebAPI2、DOM中的基本概念2.1、DOM树(文档对象类型)3、获取元素和事件3.1、获取元素?3.2、事件4、操作元素4.1、获取/修改元素中的内容4.2、获取/修改元素中的属性4.3、获取/修改表单元素中属性4.4、获取修改样式属性4、如何操作节点4.1、新增节点1)创建元素节点2)插入到Dom树中4.2、删除节点1、什么是WebAPIAPI(Application Programming Interface,应用程序编程接口)是一些预先定义的函原创 2022-03-03 14:54:52 · 122 阅读 · 0 评论 -
Element-Plus中日期时间选择器组件DateTimePicker默认显示英文的问题
因为Element-Plus框架默认显示的是英文版,需要修改语言配置接下来是效果图配置在src文件夹下的main.js文件import { createApp } from "vue";import App from "./App.vue";import ElementPlus from "element-plus";import "element-plus/dist/index.css";import 'dayjs/locale/zh-cn';import locale from原创 2022-03-03 13:50:29 · 1031 阅读 · 0 评论 -
913 error Component name “home“ should always be multi-word vuemulti-word-component-names
新手在操作npm run serve 的时候会出现以下的报错,报错原因是希望组件名写成驼峰式或者链-先形式的,但是官方又明确单个单词组件命名是符合规定的,总结在编译的时候eslint 会检测将次写法判定为不规格。解决方案:在项目根目录找到一个vue.config.js 文件,没有就在根目录创建一个,写上下面标注的代码,保存,在重新编译。项目就可以正常运行了。...原创 2022-03-03 11:59:03 · 388 阅读 · 0 评论 -
1、JavaScript 基础知识回顾
从本章开始,我们就要正式进入 JavaScript 的学习了。这一章主要对 JavaScript 中的一些基础,规范再做一些简单的介绍,这些本身是大家学习本系列的前提知识储备,但在这里仍然对一些重要的基础知识进行梳理讲解。有一定基础的同学可以选看或者直接跳过本节。1、代码结构与规范1.1、分号,表示一条语句的结束JS 是单线程的语言,它是从上至下按顺序执行。大多数情况下 JavaScript 可以不书写分号,而是将换行符理解成“隐式”的分号,例如这样:alert('Hello')alert('W原创 2022-03-03 00:08:20 · 102 阅读 · 0 评论 -
青龙面板之如何通过浏览器获取京东cookie【保姆级教程】
注意:这里特别强调,用浏览器请使用隐身窗口,如果多个账号,一定不要点退出登录。直接关闭网页,清除浏览器cookie数据(隐身窗口无需这一步),重新进入网页登录下一个账号。退出会导致刚刚获取的ck失效。以下浏览器都行Chrome浏览器新版Edge浏览器国产360,QQ浏览器切换到极速模式操作步骤电脑浏览器打开手机京东网址 https://m.jd.com/按键盘F12键打开开发者工具,然后点下图中的图标。此时是未登录状态(使用手机短信验证码登录),如已登录请忽略此步骤。建议使.原创 2022-03-02 13:37:50 · 1571 阅读 · 0 评论 -
vue2.0介绍以及网页版vue环境搭建
vue2.0介绍以及网页版vue环境搭建一、原生DOM与虚拟DOM二、Vue.js 是什么三、安装vue1、独立版本2. 使用 CDN 方法3、NPM 方法三、网页版vue环境搭建一、原生DOM与虚拟DOM首先,我们需要搞清楚两个概念,什么是原生dom,什么是虚拟dom传统的开发模式原生JS或JS操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中,我需要更新10个DOM节点,浏览器收到第一个DOM请求后并不知道还有9次更新操作,因此会马上执.原创 2022-03-02 12:33:02 · 253 阅读 · 0 评论 -
吊打面试官了解一下?2021年字节跳动春招面试题详解(附详细答案)
剑指offer —— 2021字节跳动春招面试题详解(CSS篇)1. padding 与 margin2. vw 与 % 有什么区别?3. 行内元素与块级元素有什么不同?4. 如何使一个div在body中快速居中对齐?5. 如何用CSS绘制如下三角形?6. BFC规范是什么?7. 怎么让Chrome支持小于12px 的文字?8. css 加载会造成阻塞吗?9. 1像素边框问题如何解决?10. CSS优化、提高性能的方法有哪些?本文选题都是字节跳动中一些 经典且有一定难度的面原创 2022-03-02 02:33:38 · 172 阅读 · 0 评论 -
【走进浏览器】之Event Loop的那些事
走进 Event Loop大家都知道,在使用 setTimeout 或是其他异步任务的时候要多加小心,这是因为其涉及到了 Js 的事件循环机制。很多时候因为经验,我们不需要知道其原理就能避免一些错误,但今天我们还是来聊一聊,浏览器下的EventLoop机制的那些事~一、JavaScript 与单线程?JavaScript 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么 JavaScript 不能有多个线程呢?这样能提高效率啊。答:JavaScript 的单线程,与原创 2022-03-02 01:29:56 · 282 阅读 · 0 评论 -
Vue新手入门指南(易懂)
Vue快速入门前言对于一名初入编程的新手来说,JavaScript的语法偏向复杂,选择Vue库可以说是一个较为不错的体验。在很多方面,Vue简化了JavaScrip语法,并且实现数据与视图的双向绑定,达到响应式页面的目的。博主是一位大二的编程小白,以下的内容都是自己对Vue的理解,写本篇博客的目的是为了巩固自己对Vue的基础知识,大家可以作为一种笔记来观看,如果能够给学校Vue的朋友带来帮助,不胜荣幸,对于存在许多表达不恰当以及逻辑错误的地方,还望大家斧正。参考资料:《Vue.js从入门到实践原创 2022-03-02 00:26:25 · 217 阅读 · 0 评论