文章分类 -  Web

摘要:一 Vue3的变化 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking 3.拥抱TypeScript Vue3可以更好的支持TypeScr 阅读全文
posted @ 2024-10-03 21:49 silencio。
摘要:1 什么是 Vue Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任 1 阅读全文
posted @ 2024-09-26 23:56 silencio。
摘要:echarts 解决浮窗被遮挡 问题如下,echarts 图表,鼠标移上去展示的浮窗,超出容器时被遮挡。 类似于上面这样。 解决办法就是: tooltip: { //提示信息 trigger: 'item', triggerOn: 'mousemove', confine: true //解决浮窗被 阅读全文
posted @ 2023-12-26 12:09 silencio。
摘要:[] 首先下载: npm install path 然后vite.config.js中配置: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // 下面这两行 import {resolve} from 阅读全文
posted @ 2023-12-26 11:47 silencio。
摘要:目录 about 返回前端目录 about echarts5.3.2 本篇记录一下使用echarts来生成关系图: 基本上就是vue中使用echarts生成关系图。 数据从django后端从neo4j中获取,然后展示。 这里单独做个demo记录一下相关参数。 <!DOCTYPE html> <htm 阅读全文
posted @ 2023-12-26 11:02 silencio。
摘要:目录 Python 前端 vue 返回Python目录 返回前端目录 Python 前端 vue // elementplus的规则校验 amount: [ {required: true, message: '金额不能为空', trigger: 'blur'}, {pattern: /^[0-9] 阅读全文
posted @ 2023-12-26 11:01 silencio。
摘要:https://www.npmjs.com/package/vue-pdf install npm install --save vue-pdf 参考: https://juejin.cn/post/6844904137155411975 阅读全文
posted @ 2023-12-26 11:01 silencio。
摘要:目录 before 环境配置 使用newman执行命令行测试 question 安装cnpm失败 返回Postman目录 before 命令行测试?难道GUI的还不能满足你么?非也非也,使用命令行模式为了搭配其他的工具来开展测试工作。 环境配置 在正式展开命令行测试之前,我们需要把相关环境配置一下。 阅读全文
posted @ 2023-12-24 10:20 silencio。
摘要:目录 about 快速上手 基于数据驱动的集合自动化 返回Postman目录 about 集合自动化说白了,就是自动的将集合内的所有用例跑一遍或者跑几遍,然后跑的过程中,可以做断言之类的操作,然后可以导出json类型的执行结果。 怎么玩呢? 快速上手 我们选择最开始创建的集合,该集合中有6个接口,并 阅读全文
posted @ 2023-12-24 10:20 silencio。
摘要:目录 about 签名接口 cookie token webservice接口 返回Postman目录 about 除了快速上手部分的那些基本的接口,还有一些其他特殊的接口,比如签名接口校验、携带cookie和token的接口等等。 签名接口 在写开放的API接口时是如何保证数据的安全性的?我们通过 阅读全文
posted @ 2023-12-24 10:20 silencio。
摘要:目录 about 添加/获取变量系列 一般断言 集合公共断言 返回Postman目录 about postman同样支持断言功能,对于接口的断言,一般来判断接口返回的结果是否符合预期。 在postman中,使用Test脚本来对接口数据进行判断。 由于Test脚本会在接口响应后执行,这也意味着,如果有 阅读全文
posted @ 2023-12-24 10:19 silencio。
摘要:目录 About 下载 centos node.js for windows npm的使用 常见报错 node: --openssl-legacy-provider is not allowed in NODE_OPTIONS 返回上一页 About Node.js 是一个基于 Chrome V8 阅读全文
posted @ 2023-12-24 09:35 silencio。
摘要:目录 about XMLHttpRequest jQuery Ajax Ajax解决跨域问题 返回web目录 about 摘自:https://developer.mozilla.org/zh-CN/docs/Glossary/AJAX Ajax的概念由杰西·詹姆士·贾瑞特所提出,AJAX(Asyn 阅读全文
posted @ 2023-12-24 09:28 silencio。
摘要:web npm vue 安装最新版: npm install -g @vue/cli # or yarn global add @vue/cli # 安装指定版本 npm install -g @vue/cli@version npm install -g @vue/cli@3.9.3 查看 vue 阅读全文
posted @ 2023-12-24 09:28 silencio。
摘要:目录 before 返回vue目录 before vue3 +elementplus + drf 想要在登录或者注册页面,实现表单输入完毕后,按回车触发按钮的提交功能,那么只需要在form标签中,增加属性: <!-- 重点就是el-form标签中的@keyup.enter.native="doPwd 阅读全文
posted @ 2023-12-24 09:15 silencio。
摘要:目录 引入bootstrap图标 bootstrap3 bootstrap4 引入iconfont 添加图标 引用 unicode引用 font-class引用 symbol引用 小结 引入Font Awesome图标 使用 引用在线CSS文件 本地引用 返回Django目录 引入bootstrap 阅读全文
posted @ 2023-12-24 09:14 silencio。
摘要:目录 写法1 写法2 返回前端页面 写法1 下面的写法是我从网上找来的,功能倒是能实现,但是有些方法老旧了。 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </hea 阅读全文
posted @ 2023-12-24 09:14 silencio。
摘要:目录 返回前端目录 今天在搞前端页面时,有如下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米商城</title> <style> .header-site-header a { font-siz 阅读全文
posted @ 2023-12-24 09:13 silencio。
摘要:目录 返回web目录 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2023-12-24 09:13 silencio。
摘要:目录 关于复选框的操作 返回前端目录 关于复选框的操作 获取所有的选中状态的复选框: $("#chk1").find('input:checkbox').each(function() { //遍历所有复选框 if ($(this).prop('checked') == true) { consol 阅读全文
posted @ 2023-12-24 09:12 silencio。