浏览器vue day 43
day02-搭建微服务基础环境01
搭建微服务基础环境01 1.创建父工程，用于聚合其他微服务模块 1.1创建父项目 说明：我们先创建一个父项目，该父项目会去管理多个微服务模块（module），如下： （1）File-New-Project-Maven，选择如下： （2）输入项目名称等信息，然后next （3）选择Maven，然后Fi ......
Flask快速入门day02（1、CBV使用及源码分析，2、模板用法，3、请求与响应的基本用法，4、session的使用及源码分析，5、闪现，6、请求扩展）
Flask框架 一、CBV分析 1、CBV编写视图类方法 # 1、导入flask模块 from flask import Flask, request # 2、导入CBV需要继承的MethodView（也可直接继承View但需要重写部分功能） from flask.views import Meth ......
今日报告-43
今日打卡 所花时间(包括上课)：4.5h 代码量（行）：100 发表博客：2篇（不包括本篇） 学习进度和了解到的知识点： 今天完成了团队报告展示演讲，其中建民老师指出了我们目前的项目的问题，我们也有了新的改进思路。 我们现在团队作业的功能非常单薄，亟需完善，明天我们会推出一个完善方案。 ......
flask-day2——cbv源码分析、模版语法、请求与响应、session及源码分析、闪现、请求扩展
一、cbv源码分析 1.1 基于类的视图写法 from flask import Flask,request from flask.views import View, MethodView app = Flask(__name__) app.debug = True # 视图类,继承MethodV ......
vue指令之属性指令
属性指令 标签上的属性可以绑定变量，变量变化，属性也会变化 # 什么是属性？比如： href/src/name/value/class/style... 语法： v-bind:属性名="变量名" 简写 :属性名="变量名" 示例 <body> <div id="app"> <a v-bind:hre ......
从输入URL后浏览器的渲染逻辑
从输入URL到浏览器渲染页面需要经过很多过程，本文简单说明下各个环节的内容 主要渲染节点如下： 一、浏览器进程说明 出于安全考虑，打开一个浏览器的Tab页签，会生成1个浏览器主进程、1个网络进程、1个GPU进程以及多个渲染进程和多个插件进程，所以不同页签数据无法相互访问， 多个进程也可以提高渲染的速 ......
vue指令系统之文本指令
什么是指令系统 指令系统是VUE提供的，语法为 v-xx 写在标签属性中的，系统都称之为指令 文本指令 文本指定必须写在标签属性上 文本指定的值必须为变量，或者表达式 v-xx # 必须是一个标签属性 <p v-text="a_url"></p> v-xx="变量/静态式" a-text指令 如：a ......
js 获取dom的绝对位置，相对于浏览器显示界面
// 获取左边 function getElementLeft(element){ var actualLeft = element.offsetLeft; var current = element.offsetParent; while (current !== null){ actualLef ......
VUE插值语法
基本使用 在body中创建一个标签，一般使用div，定义好id后，在script中进行定义，在前台使用{{变量}}的形式进行调用，语法如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti ......
vue 实现3D圆环图
效果图如下： 实现程序主代码如下： initOption() { let quantity = 0; // 总数 dataList.forEach((item) => { quantity += item.y; }); if (dataList.length<=2) { dataList.forEa ......
Vue常用指令详解
v-text：设置标签的内容（textContent） 默认写法会替换全部内容，使用插值表达式{{}}可以替换指定内容 v-text的缩写形式为{{}}，即差值表达式 内部支持写表达式 v-html：设置元素的innerHTML 内容中有html结构会被解析为标签 v-text指令无论内容是什么，只 ......
vue3中监听scroll事件的3种方法
监听元素的滚动事件是很常见的一个需求了。下面介绍3种在vue3中监听元素滚动事件的方法。 1.添加事件监听：Event Listener <script setup> import { ref, onMounted, onUnmounted } from 'vue' const content = ......
flask框架----day02( )
面试 1 数据库三大范式是什么 # 第一范式(1NF)是指数据库表的每一列都是不可分割 # 第二范式：如果表是单主键，那么主键以外的列必须完全依赖于主键；如果表是复合主键，那么主键以外的列必须完全依赖于主键，不能仅依赖主键的一部分。 # 第三范式(3NF)要求：表中的非主键列必须和主键直接相关而不能 ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
vue3适配移动端的登录实现
<script lang="ts" setup> import { ref } from 'vue' const PHONE_NUMBER_REGEX = /^1[0-9]{10}$/ const VERIFICATION_CODE_REGEX = /^[0-9]{6}$/ const LOGIN_ ......
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）
前言： easy-jenkins是一款对vue和jar的部署工具，操作简单，实行一键部署，内部结构采用流水线形式架构，每次部署，时时提供部署过程，部署记录，界面友好简洁，使用方便，符合用户常规操作 easy-jenkins面向分支形式，无需登录，默认分支为jenkins，每个分支可以配置多个数据源， ......
【CISCN2019 华北赛区 Day1 Web1】Dropbox 1
一、【CISCN2019 华北赛区 Day1 Web1】Dropbox 1 看题 首先是需要注册登录，然后进入是一个文件上传和下载的页面。尝试php一句话木马和burp抓包修改后缀的木马都失败，看来是过滤了。这时候对下载文件进行抓包： 尝试修改一下filename能不能抓到Index.php的包，这 ......
搞明白VScode的Vue的插件Vetur与Volar的区别了
在VSCode上查找Vue的插件的时候list出来一堆插件,按照VCcode的learning教程推荐的是vetur插件,刚开始没怎么想就安装了vetur插件.看的例子也是一个比较老的例子了,使用的vue CLI来进行管理的,启动Serve用的是‘npm run serve’. vscode启动的时 ......
浏览器环境自吐模块
https://github.com/daisixuan/r0chrome 使用chromium查看js使用那些环境 dtavm = {} dtavm.log = console.log dtavm.proxy = function (obj, objname, type){ function ge ......
vue 项目启动报错opensslErrorStack ERR_OSSL_EVP_UNSUPPORTED
错误裁图 原因：node升级版本过高 解决办法： 在命令行输入命令修改环境变量：$env:NODE_OPTIONS="--openssl-legacy-provider" 再执行：npm run serve ......
关于浏览器缓存
前些天包括今天在开发MVC程序时，发现更改的一个js文件无论如何更改都改不过来， 最开始的想法是： 可能是浏览器中的应用程序存储的问体于是遂清除 最后发现这个办法没有用。。。 后面感觉可能是IIS的应用程序池问题，后选择了回收应用程序池 然后发现也不行， 后面试了更改程序，后面发现好了，以为是写的代 ......
Vue3 v-drag 拖拽指令的简单使用
文档 官网文档：https://www.npmjs.com/package/v-drag 使用 安装、引入 npm install v-drag --save import drag from "v-drag" 使用 直接使用： <div v-drag>Drag me!</div> 注意：对原本绝对 ......
《渗透测试》信息打点-小程序应用&解包反编译&动态调试&抓包&静态分析&源码架构 2023 Day19
#小程序获取-各大平台&关键字搜索 -微信 -百度 -支付宝 -抖音头条 #小程序体验-凡科建站&模版测试上线 测试：https://qz.fkw.com/ 参考：https://blog.csdn.net/qq_52445443/article/details/122351865 1.主体结构 小 ......
《渗透测试》信息打点-APP资产&知识产权&应用监控&静态提取&动态抓包&动态调试 2023 Day18
案例1：名称获取APP信息（爱企查/小蓝本/七麦/点点） 1、爱企查知识产权 2、七麦&点点查名称 https://www.xiaolanben.com/ https://aiqicha.baidu.com/ https://www.qimai.cn/ https://app.diandian.co ......
使用vue而实现简单的计算效果
首先你要明白你写的这个简单计算器，分为哪几个板块，把整体才分一步步进行，简单计算器我们只需让他能够实现 + - * / 四个运算即可。输入部分只需要输入前面一个数和后面一个数，最后便是结果输出，好了大致了解一下版块，让动手动手写一下吧。 1.首先打开HBuilder创建一个新项目，导入 2.创建一个 ......
chrome模拟微信浏览器内核
1、ios-QQ ——内置浏览器UA Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_2 like Mac OS X) > AppleWebKit/537.51.2 (KHTML, like Gecko) Mobile/11D257 > QQ/5.2.1.302 Net ......
Vue2.0 学习 第二组 语法模板
本笔记主要参考菜鸟教程和官方文档编写。 1.文本绑定 一般在dom中用{{}}标时，并且在vue构造体内的data中定义文本内容 <div id="app"> <p>{{ message }}</p> </div> <script> new Vue({ el: '#app', data: { mes ......
升级360浏览器到最新版本，收藏夹里数据不见了解决办法
360为就旧版本，有时候会有些js的问题，今天将浏览器升级到最新版本，突然发现收藏夹里的链接都没有了。 在360里的帮助与反馈，常见问题里，找到了这个解决办法，记录下我的解决过程。我这边点击收藏，备份/还原，从历史版本中恢复，里面有近几年的版本，找到前几天正常时候的，点击恢复即可。 ......
vue 实现锚点点位
<template> <div class="container"> <!-- <el-row> <el-col :span="3"> <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @clos ......
Vue3 watch 监听函数
1、watch函数（既要指明监视的属性，也要指明监视的回调） 坑： 1）监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效） 2）监视reactive定义的响应式数据中某个属性时：deep配置有效 setup(){ let sum = ref( ......