布局vue web
Flex 布局项目实战，好像没那么难！
在上篇文章别再用 float 布局了，flex 才是未来！中，我们聊到 Flex 布局才是目前主流的布局方式。在文章最后，我们还贴了一个案例，并且还浅浅地讲解了一下。 有些小伙伴说，这讲解得太粗了，要是能够再深入讲解一下，顺便把代码分享分享就好了。那么，今天我们就继续来扒一扒这个项目的布局实现。 大 ......
python学习笔记-异步非阻塞web框架
一、异步非阻塞框架介绍 1、介绍 支持异步非阻塞web框架：tornado , node js 2、定义对比 异步IO模块：我们作为客户端向服务端“并发”请求 异步非阻塞web框架：针对服务端，希望一个线程处理更多的请求 二、tornado异步非阻塞 【要点提炼】 使用装饰器@gen.corouti ......
Web应用实现读取写入剪贴板功能几种方式
Clipboard 接口实现了 Clipboard API，如果用户授予了相应的权限，其就能提供系统剪贴板的读写访问能力。在 Web 应用程序中，Clipboard API 可用于实现剪切、复制和粘贴功能。 参考: https://developer.mozilla.org/zh-CN/docs/W ......
Vue源码学习(十二):列队处理（防抖优化，多次调用，只处理一次）
好家伙， 本篇讲的是数据更新请求列队处理 1.一些性能问题 数据更新的核心方法是watcher.updata方法 实际上也就是vm._updata()方法, vm._updata()方法中的patch()方法用于将新的虚拟DOM树与旧的虚拟DOM树进行比较， 并将差异更新到实际的DOM树上. 这一步 ......
无代码玩转web UI自动化
可以直接进入官网下载开源版或点击右上角体验企业版体验 RunnerGo UI自动化平台 RunnerGo提供从API管理到API性能再到可视化的API自动化、UI自动化测试功能模块，覆盖了整个产品测试周期。 RunnerGo UI自动化基于Selenium浏览器自动化方案构建，内嵌高度可复用的测试脚 ......
前端Web3.0 DeFi项目实战教程，以太坊DApp开发视频教程完整版
前端Web3.0 DeFi项目实战教程，以太坊DApp开发视频教程完整版 首先，要明确什么是Web3.0？ 关于Web3.0，网络上有很多专业定义，笔者在此不做赘述，仅以最通俗易懂的方式来说明此概念。Web3.0是一个行业自创的概念，需结合Web1.0、Web2.0进行理解。下表为三者特征的对比： ......
vue3+elementplus实现侧边栏收缩折叠图标(SVG)显示异常
1.背景 没有使用elementPlus自带的icon图标，而是自己使用的全局svg图标组件。 2.目前情况 侧边栏的结构有一级菜单，二级菜单多样性。 3.目前问题 当侧边栏涉及到收缩的时候，svg图标就显示不正常。 展开： 折叠： 4.解决方法 自己的图标用<el-icon></el-icon>包 ......
【Vue】MineData 地图接入
一、文档资料： MineData开放平台： https://minedata.cn/md-platform/login/login MineData V2.1.0 接口文档： http://113.108.157.29:7070/support/static/api/doc/js/v2.1.0/ap ......
27-Vue脚手架-ref属性
ref 属性 ref 被用来给元素或子组件注册引用信息（id的代替者） 1）应用在 html标签上获取的是真实DOM元素，应用在组件标签上获取的是组件实例对象vc（VueComponent） 2）使用方式 打标识：<h1 ref="xxx"></h1> 或 <School ref=''xxx'></ ......
解决vue单页面程序经过hbuilder打包成apk后物理按键会直接退出程序的问题
解决方法是在项目 index.html文件中写入 <script> document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventLi ......
vue 组件之间的数据传递
一、组件之间的关系 父子关系、兄弟关系、跨级关系 二、父子之间数据传递 1、父组件向子组件传递【使用 props】 第一步：在父组件中使用子组件时，给子组件绑定属性 第二步：在子组件中使用props接收绑定的属性值 2、子组件向父组件传递【使用 $emit】 第一步：在子组件中通过$emit触发指定 ......
Util应用框架Web Api开发快速入门
本文是使用Util应用框架开发 Web Api 项目快速入门教程. 前面已经详细介绍了环境搭建,如果你还未准备好,请参考前文. 开发流程概述 创建代码生成专用数据库. Util应用框架需要专门用来生成代码的数据库,该数据库仅用于代码生成. 约定: 代码生成数据库应以 .Generator 结尾. 当 ......
[Vue]el和data的两种写法
1.el有2种写法(1).new Vue时候配置el属性。(2).先创建Vue实例，随后再通过vm.$mount('#root')指定el的值。 // el 的两种写法 const vm = new Vue({ el: '#root', // 第一种写法 data: { name: '模板' } } ......
颜色选择盘插件--- vue-color （sketch）
安装依赖 cnpm install vue-color 代码使用 <w-form-item label="颜色设置" prop="ysbm"> <div class="yssz-box"> <div class="color-outer-box"> <div class="color-box" :s ......
关于Vue的 main.ts ./App.vue报错解决
1.vue项目文件报错 src下的main.ts文件中： import App from ‘ ./App.vue ’提示报错 解决方案 在根目录下找到env.d.ts中加入以下代码段 declare module "*.vue" { import { DefineComponent } from " ......
Vue3(开发前的准备 ，了解VUE项目的项目结构)
前提装好了NODE.JS 1.创建项目 创建项目文件目录 打开控制台找到项目文件目录地址 输入命令：npm init vue@latest 输入vue项目名 选择需要添加的文件完成创建 进入文件控制台输入：cd 文件名 到文件目录下接着控制台输入npm install 也可以cnpm install ......
vue2和vue3导出页面为PDF格式：jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas，将页面html转换成图片 npm install --save html2canvas 卸载： npm uninstall html2canvas 指定版本安装： npm install --save html2canvas@1.0.0 ......
vue-print打印（含多页打印带表头）
打印功能开发： 1）使用vuePlugsPrint.js 2）main.js 加入：import vuePlugsPrint from '@/utils/vuePlugsPrint' Vue.use(vuePlugsPrint); 3）创建打印模板页面：templatePrint.vue 4）使用页 ......
vue项目第一次进入页面刷新页面并只刷新一次
if (location.href.indexOf("&reloaded") == -1) { location.href = location.href + "&reloaded"; location.reload(); } ......
Vue.js框架：vue2和vue3开发环境共存
一、安装vue3 此处建立在已经按正常流程全局安装好vue2版本的情况下，老项目需要使用vue2运维，新项目使用vue3开发，因此需要两种环境共存。 找一个合适的位置，新建一个文件夹，在该文件夹目录下，打开cmd终端，运行命令： npm install @vue/cli --registry=htt ......
【Vue3响应式入门#01】Reactivity
接下来，我们将会用 Vue3 建造响应式的方法，从头开始制造一个响应式引擎，让我们一步一步的来解决这个问题！ ......
攻防世界 Web php_rce
打开页面发现使用了ThinkPHP框架 参考https://blog.csdn.net/qq_30889301/article/details/130581008博客进行解题 ThinkPHP是一个基于PHP语言的开源Web应用框架，它提供了一系列的工具和组件，可以帮助开发人员更快速、更高效地构建W ......
记录vue效果之即时编辑表格字段思路
场景:要求单选，多选时候时间变为选择器可修改，但是比如选择了后，时间改了，然后又点了取消，那么就要回到最初的时间去 比如节点二最初为10-01，选了后改成了10-27，然后取消勾选，为10-01的字 解决思路 做一个key-value的数据结构，key为表格行id,value为改的值 <el-tab ......
vue中的for循环中，获取input输入框中的值的方法
1 <p v-for="item in list" :key="item.id"> 2 {{item.topic}}= 3 <!-- <input type="text" v-model="item.id" placeholder="请输入答案" > --> 4 <el-input type="te ......
10.18（随机出题Web页面）
今天完成了javaweb的出题系统，比较简陋 jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit ......
vue +asp.net core webapi跨域
vue代码： login.vue <template> <div class="login-wrap"> <el-button type="primary" style="width:100%;" @click="doSubmit()">提交</el-button> </div> </templat ......
vue项目运行内存不足 JS stacktrace
因为node配置的环境变量默认是4096，如果vue项目过大，可能就会导致保存的时候，项目死掉。 解决办法： 1、我的电脑右键属性 2、搜索环境变量，点击编辑系统环境变量 3、点击环境变量 4、更改默认值 ......
Go - Testing a Web Application or a Web Service
Problem: You want to do unit testing on a web application or a web service. Solution: Use the httptest.NewRecorder function to create an httptest.Resp ......