html
文章平均质量分 56
m0_67391270
这个作者很懒,什么都没留下…
展开
-
Vue3 面试题
一、vue3有了解过吗?能说说跟vue2的区别吗?1. Vue3介绍关于vue3的重构背景,尤大是这样说的:「Vue 新版本的理念成型于 2018 年末,当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久,但在这段时期,前端世界已经今昔非比了在我们更新(和重写)Vue 的主要版本时,主要考虑两点因素:首先是新的 JavaScript 语言特性在主流浏览器中的受支持水平;其次是当前代码库中随时间推移而逐渐暴露出来的一些设计和架构问题」简要就是:利用新的语言特原创 2022-03-11 20:49:11 · 510 阅读 · 0 评论 -
vantWeapp使用动作面板(van-action-sheet)时数组动态添加编辑数据
项目背景:在实现如下功能时,我们想要实现点击电话按钮实现弹出电话号码面板并点击拨打电话。但是后台返回的电话号码数据并不是数组,因为我们要对data值进行动态添加。数据格式对应代码 <van-action-sheet show="{{ show }}" actions="{{ actions }}" cancel-text="取消" bind:cancel="onClose" bind:close="onClose" bind:select="onSelect" /> da原创 2022-03-11 19:25:37 · 3216 阅读 · 0 评论 -
postman自动化测试
postman自动化测试文章目录postman自动化测试导入测试用例文件,测试web接口1、变量设置2、pre-request script请求前执行的脚本3、Tests请求返回结果执行的脚本4、使用Runner进行自动化测试参考Postman 快速入门之脚本语法Postman接口测试自动化介绍自动化接口测试之Postman(一篇搞定) - (很全)postman官方脚本语法 pre-request Script / Tests /javascript原创 2022-03-11 15:25:07 · 244 阅读 · 0 评论 -
JS之BOM对象常用知识点整理
JS之BOM对象相关知识点整理消息框alertconfirm定时器循环定时器的设置启动循环定时器----setInterval()取消循环定时器—clearInterval()定时器例子一次性的定时器—setTimeOut()取消一次性定时器—clearTimeOut()Location对象获取当前地址href属性设置例子消息框alert警告框,用来弹出警告消息confirm代码演示: <script>原创 2022-03-11 14:02:30 · 51 阅读 · 0 评论 -
B站动力节点HTML随课笔记(持续更新)
网页的标题 网页的主体内容------------------------------------------------基本标签Html基本标签123456hello world for(int i=0;i<10;i++){System.out.println("i=" +i)}删除字插入字粗体字斜体字10210m字体标签-----------------------------------...原创 2022-03-11 11:19:19 · 94 阅读 · 0 评论 -
<script lang=“ts“ setup>setup语法糖 子传父
子传父我们需要用到的是defineEmits使用setup语法糖时,无需导入defineEmits,会随着setup处理一同编译。子组件:<el-button @click="resetForm()" style="margin-left: 120px">取消</el-button><script lang="ts" setup>import { reactive, ref } from 'vue'const emit = defineEmits(["r原创 2022-03-10 13:36:23 · 659 阅读 · 0 评论 -
总结vue2.0与vue3.0的区别,让你快速上手
1:vue3.0和2.0的区别2.0数据双向绑定方面Vue2.0使用Object.defineProperty原理:通过使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作,当数据发生改变发出通知// 数据let data = { title: '', // 备份数据 _data: {}}// 定义特性Object.defineProperty(data, 'title', { // 定义特性属性或者特性方法 // 取值方法 g原创 2022-03-10 10:50:59 · 2444 阅读 · 0 评论 -
一个简单炫酷的前端小项目(html+css+js)----3D图片演示
一个简单炫酷的特效页面(html+css+js 含源码)----3D图片演示前言一、页面特效效果展示二、功能描述1、打开页面,所有图片会自动转动2、图片的大小和间隔可随鼠标滚轮滚动而改变3、鼠标按住页面任意位置,拖动光标,页面可随之旋转三、功能实现1.创建一个父容器,将所有照片叠放在一起2.给所有照片加上旋转动画3.监听鼠标事件总结前言对于学前端的小伙伴来说,吸引你们入坑的大都是一些炫酷的页面。但往往那些页面的源代码对初学的伙伴们都不太友好。今原创 2022-03-09 13:11:36 · 861 阅读 · 0 评论 -
vue3父子组件传值,props使用细节
setup函数的参数它主要有两个参数:第一个参数:props :父组件传递过来的属性会被放到props对象中第二个参数:context:包含3个属性attrs:所有的非prop的attributeslots:父组件传递过来的插槽(这个在以渲染函数返回时会有作用,后面会讲到)emit:当我们组件内部需要发出事件时会用到emit一、父组件要给子组件传值时,可以通过props来完成组件的通信// 父组件<template> // 通过自定义属性的方式给子组件传递数原创 2022-03-09 10:27:21 · 2034 阅读 · 0 评论 -
vue+element使用el-calendar日历自定义基本内容获取点击事件
需求:点击日历上的日期 更新下面的数据需求是可以用官网上的基本el-calendar,但是没有点击之后获取日期做其他事情的方法。。。所以只能自己自定义一个了,做完的图如下图,默认选择当天+1天第一步:HTML的内容 <el-calendar v-model="calendar.productDate" :style="!showCalendar ? 'pointer-events: none; color: #eee' : ''" > //sho原创 2022-03-09 08:52:34 · 2218 阅读 · 0 评论 -
TypeScript学习笔记
TypeScript学习笔记TypeScript概述和环境安装解析TS的工具包typescript安装简化执行TS的工具包 ts-node入门代码TS中的注释JS原有类型numberstringbooleanundefinednullobject对象类型基本使用对象类型中的函数写法arrayfunction函数类型的定义扩展 - 函数的参数默认值可选参数TS新增类型anyunknownvoidnever元组enum原创 2022-03-08 14:12:16 · 83 阅读 · 0 评论 -
npm清理缓存
npm清理缓存最近在做项目的时候网很差,下大型插件的时候会安装失败,所以清缓存是必须的,因为不是很常用但是有得用就很麻烦,所以记个笔记。$ npm cache clean --force如果要查看npm缓存的位置可以用下面的命令$ npm cache dir有人的npm可能没有这个命令,可以改用这个命令去查看$ npm config list --json上面的命令可以看到npm的相关信息当然也有人可能使用的是yarn如果是yarn就可以用下面的命令查看缓存位置$ yarn ca原创 2022-03-08 12:51:51 · 1647 阅读 · 0 评论 -
JS逆向案例-万方的protobuf逆向解析
目录一、Protobuf的特征二、Protobuf的解析思路流程三、推荐文章一、Protobuf的特征案例网址① Protocol buffers是一种语言无关、平台无关、可扩展的序列化结构数据的方法;严格说不算是加密,只能是叫序列化结构数据,让可读变为疑似的乱码① 请求头里明显有提示,媒体类型是proto,content-type: application/grpc-web+proto② 参数或者响应被序列化:呈现乱码格式0B,无论请求参数还是原创 2022-03-08 11:31:41 · 1134 阅读 · 0 评论 -
HTML写一个简单网页
最近学习了一点HTML,闲来无事写个网页看看,欢迎、改进、留言。演示地点:跳转到演示地点一、初始化页面body,button,dd,dl, dt,form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul,a,div,span { margin: 0; padding: 0;}ul{ list-style: none;}a{ text-decoration: no原创 2022-03-08 10:11:17 · 7746 阅读 · 0 评论 -
DevTools 无法加载源映射: 无法加载httplocalhost8081staticscssbootstrap.min.css.map 的内容HTTP 错误 状态代码 404,
DevTools 无法加载源映射: 无法加载http://localhost:8081/statics/css/bootstrap.min.css.map 的内容:HTTP 错误: 状态代码 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE以上报错:解决办法:找到bootstrap.min.css,删除最后一行注释注意:如果是css报错就删除:/*# sourceMappingURL=bootstrap.min.css.map */ 如果是js报错就删除:原创 2022-03-08 08:51:15 · 1881 阅读 · 1 评论 -
超详细vue生命周期解析(详解)
vue是每一个前端开发人员都绕不过的一个技术,在国内的市场占有量也是非常的大,我们大部分人用着vue, 却不知道他内部其实经历了一些什么。每个生命周期又是什么时候开始执行的。我们今天来详细的看一看首先,生命周期是个啥?借用官网的一句话就是:每一个vue实例从创建到销毁的过程,就是这个vue实例的生命周期。在这个过程中,他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。那么这些过程中,具体vue做了些啥,我们今天来了解一下。语述了解之前,我们先贴上一张官网的.原创 2022-03-07 10:17:03 · 1069 阅读 · 0 评论 -
海康威视web控件开发+vue结合做网页开发
需求:vue的项目,需要在页面展示出海康的硬盘录像机连接的摄像头的实时监控画面以及回放功能.准备:web开发包(包含插件以及demo,在海康官网即可下载32位64位的都有.那些需要积分下载的博主良心不疼么.)点击这里下载:链接: https://pan.baidu.com/s/12FrbycWyWWyiRJH5Yd1tPA 提取码: gam5开始开发:1.安装demo目录下的WebComponentsKit.exe插件(根据自己的浏览器以及系统选择32位还是64位的插件)2.打开demo.ht原创 2022-03-07 08:53:41 · 3296 阅读 · 9 评论 -
完美解决 node.js 模块化后报错 ReferenceError require is not defined
原理分析:这是由于从node.js 14版及以上版本中,require作为COMMONJS的一个命令已不再直接支持使用,所以我们需要导入createRequire命令才可以解决方案在你要require的代码前引入如下代码即可:import { createRequire } from 'module';const require = createRequire(import.meta.url);...原创 2022-03-06 05:22:30 · 1687 阅读 · 0 评论 -
关于 vue3 不使用根标签报错提示 [vueno-multiple-template-root] The template root requires exactly one element
报错提示第一步查看是否安装了Vetur插件第二步文件=>首选项=>设置进入设置页搜索 eslint 把Vetur的验证模板,取消勾选Validate vue-html in using eslint-plugin-vue报错提示就没有了原创 2022-03-06 04:01:43 · 372 阅读 · 0 评论 -
【214情人节】低调奢华有内涵的python程序猿撒狗粮的正确姿势(附源码)
目录一.?效果演示1. 原图-效果图对比2. 看出两张图片的区别了吗?二. 代码架构三. 功能实现3.1?图片处理3.2 html 使用form表单,真心话和图片文件的布局3.3 js 上传文件3.4 服务端 python flask四. 源码下载《孟子.梁惠王下》【独乐乐不如众乐乐】情人节就要到了,小伙伴们一起来皮一皮吧~ ,正如春晚大张伟所言:我们要做自己的气氛大王!一.效果演示1. 原图-效果图对比2. 看出两张图片的区别了吗?将效果图放大,放大,再放大,原创 2022-03-06 02:39:49 · 107 阅读 · 0 评论 -
vue如何获取proxy对象里的属性值
proxy打印出来是一个这样的对象直接打印proxy里面的值可能会报undefined最简单的解决办法就是: // 导入toRaw函数 import { toRaw } from '@vue/reactivity'; // 该函数返回转换后的对象 const crystal = toRaw(menu); // 输出可以看到已经不是proxy对象了 console.log(crystal);这样就能打印出proxy里原始的对象...原创 2022-03-06 01:18:23 · 1680 阅读 · 0 评论 -
Vue.js 客户端模板注入漏洞
漏洞详情由于程序员代码编写不当,将导致用户输入的数据,可以改变客户端模版的执行逻辑,从而造成XSS漏洞。漏洞影响漏洞分析漏洞编写模板如下:const express = require('express');const helmet = require('helmet');const escapeHTML = require('escape-html');const app = express();app.use(helmet());app.get('/', (req, res) =&g原创 2022-03-05 23:57:27 · 2123 阅读 · 0 评论 -
vue element-ui 图片上传组件(带裁剪功能)
效果:组件:(比较多,这里就不写了,需要的留下邮箱我免费送[工作日] )出于某些原因,不会再免费赠送,需要的请自行下载:https://download.csdn.net/download/u013361179/23272081这里采用FormData上传,有多种上传方法,我们采用的是防止服务器脏数据的处理办法,也就是在点击确定后并没有真正上传到服务器,而是暂存,在没有点击提交表单之前的操作都是在操作暂存区的图片,在点击提交表单后才是真正上传引入:import ImgCropper from原创 2022-03-03 23:14:44 · 564 阅读 · 0 评论 -
pnpm的安装与使用
pnpm使用官网: https://pnpm.js.org/installation/全局安装npm install pnpm -g设置源//查看源pnpm config get registry //切换淘宝源pnpm config set registry http://registry.npm.taobao.org 使用pnpm install 包 // pnpm i 包pnpm add 包 // -S 默认写入dependenciespnpm add -D原创 2022-03-03 16:36:08 · 1616 阅读 · 0 评论 -
layui官方文档镜像,layui主页,layui镜像网站,layui资源下载,技术文档
点击跳转:layui镜像网站须知:本人只提供layui镜像网站的共享,网站源自layui官方gitee贤心的评论区,本人不对镜像网站的内容负责!!这个网页鬼知道谁做的,反正到目前为止,他还是layui镜像的网站,里面有完整的技术文档,但是就怕它今后的网站内容会更改,万一更改了,变成不好的内容,那就完蛋了资源收集不易,望君珍惜...原创 2022-03-03 15:31:38 · 369 阅读 · 0 评论 -
Html —— 表白弹幕 特效(效果+代码)
目录效果代码说明效果鉴于图片大小,所以分开来显示的部分效果。字体颜色等都可以继续更改。代码表白.html<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>弹幕表白墙特效</title> <link rel="stylesheet" href="css/demo.css"/>&转载 2022-03-03 14:27:06 · 354 阅读 · 1 评论 -
CSS实现图片悬停文字叠加效果
引言在这篇文章中,我们将看到如何轻松创建一个漂亮的图像悬停文本覆盖效果。对于本教程,你必须具备充分的 HTML 和 CSS 基本知识。编写HTML我们的 html 代码非常简单,只有几行:<div class="image"> <img class="image__img" src="https://cdn.pixabay.com/photo/2017/12/15/13/51/polynesia-3021072__340.jpg" alt="Bricks"原创 2022-03-03 13:22:49 · 660 阅读 · 0 评论 -
解放前端工程师——手把手教你开发自己的自定义列表和自定义表单系列之一缘起
之前有序言章节<Vue中路由到一个公共组件,然后根据路径中是否存在文件动态加载组件>,已经是一个雏形了。而现在,重新梳理下,我们要做的是让前端工程师不用上班了,哈哈,这么贴心的后端哪里找?1、终极需求产品经理A:“经常有些需求,并不是那么复杂,可能仅仅是增删改查,做些验证,为啥总要时间开发?”后端甩锅王: “我开发很快的,但是! 每次做需求的时候,总需要前端童鞋的协助,他们总是很忙~~~”产品经理A:“既然都是类似代码,那有没有可能让开发的童鞋歇会呢?”后端甩锅王心里一万头神兽掠过.原创 2022-03-02 13:09:47 · 408 阅读 · 0 评论 -
花了一天的时间给粉丝做了一个小米官网(高仿)
身为前端程序员,经常会找几个官网试试手,哈哈,这次拿小米官网试试手吧。目录?效果图:项目结构index.htmlindex.cssjs下载地址:点我下载效果图:项目结构index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小米官网</title> <link rel.原创 2022-03-02 04:13:23 · 106 阅读 · 0 评论 -
【Ajax】HTTP相关问题-GET-POST-XHR使用-jQuery中的ajax-跨域-同源-jsonp-cors
文章目录1. Ajax概述1.1 AJAX 简介1.2 XML 简介1.3 AJAX 的特点1.3.1 AJAX 的优点1.3.2 AJAX 的缺点2. HTTP相关问题2.1 MDN 文档2.2 HTTP 请求交互的基本过程2.3 HTTP 请求报文1. 请求行2. 多个请求头3. 请求体2.4 HTTP 响应报文2.5 post 请求体参数格式2.6 常见的响应状态码2.7 不同类型的请求及其作用2.8 API 的分类2.9 区别 一般原创 2022-03-02 01:02:35 · 116 阅读 · 0 评论 -
vue3.0中使用ref来调用子组件的方法
前言:vue3.0中ref的使用和vue2.0中的ref相比较也有很大的改变,这里总结下他的具体使用方法。vue2.0父组件:template <Table ref="eleTable" @handle="handleFun"></Table>methods:this.$refs.eleTable.子组件的方法名+()this.$refs.eleTable.子组件的属性名vue3.0父组件:template <Table ref="eleTable原创 2022-03-01 23:59:04 · 5109 阅读 · 1 评论 -
TypeError this.getOptions is not a function(全网最详细)
这个是因为 这个鬼家伙导致的,因为你的依赖反义不了它,所以会报错this.getOptions is not a function这个时候我们先看下我们的package.json要有sass-loader style-loader node-sass 才可以翻译成功哦命令如下npm uninstall sass-loadernpm install sass-loader@7.3.1 --save-devnpm uninstall style-loadernpm install style-l原创 2022-03-01 20:17:03 · 1317 阅读 · 0 评论