前端 终端 实战vue
Django实战项目-学习任务系统-兑换物品管理
接着上期代码框架，开发第5个功能，兑换物品管理，再增加一个学习兑换物品表，主要用来维护兑换物品，所需积分，物品状态等信息，还有一个积分流水表，完成任务奖励积分，兑换物品消耗积分。 要想激励一个人的学习动力，最好能有实际的奖励，完成任务后，系统应给予一定的奖励，如积分或实际物品等。 目前系统考虑使用积 ......
ElasticSearch深度解析入门篇：高效搜索解决方案的介绍与实战案例讲解，带你避坑
ElasticSearch深度解析入门篇：高效搜索解决方案的介绍与实战案例讲解，带你避坑 1.Elasticsearch 产生背景 大规模数据如何检索 如：当系统数据量上了 10 亿、100 亿条的时候，我们在做系统架构的时候通常会从以下角度去考虑问题： 1）用什么数据库好？(mysql、oracl ......
Chrome浏览器查看前端参数
按F12或者右键点击“检查”进入开发者模式。 点击这个箭头图标，即可选择要查看参数的区域。 查看表格的行高和列宽 当鼠标移到某区域，就会出现浮层，显示此区域的长和宽 查看字体和字号 在搜索栏搜索关键字“font-size”可找到字号 ......
Mac 中安装 vue 脚手架后报错 vue: command not found
解决方案 安装 node、npm 查看 npm 全局安装位置 npm root -g 正确位置 /usr/local/lib/node_modules 修改位置 npm config set prefix /usr/local 重新安装脚手架 sudo npm install -g @vue/cli ......
网页CAD(web cad sdk)前端直接获取修改转换后的图纸数据
前言 有用户集成网页CAD之后，需要提取图纸的各种信息和数据，下面我们讲一下Web版CAD如何在前端直接提取修改和转换后的图纸信息，没有集成过在线CAD的小伙伴可以先看一下快速入门 在mxcad中转换后的图纸(.mxweb格式的文件)可以通过mxcad npm包得到图纸的各种数据，如图层、文字样式、 ......
对于百度前端技术学院的task0003-个人任务管理系统开发的一个记录
第一眼看到它列出的需求和实现要求，就觉得头晕，毕竟真的有点乱，好在自己时刻记得偶像的那一句话，“编程，最重要的是解决问题的能力。” 那我现在遇到需求杂乱的话，是不是要把这些要求分类出来？html、css、JS按这个分类出来后，再继续拿草稿图来画最基础的结构（这个是最重要的，不然一开始就乱写，到时候处 ......
逻辑漏洞挖掘之CSRF漏洞原理分析及实战演练
本系列文章旨在揭秘逻辑漏洞的范围、原理及预防措施，逐步提升大家的安全意识。第二篇选取了广为熟知的CSRF漏洞进行介绍。 ......
前端面试之选择排序
选择排序： 原理解析： 将未排序的数组中的第一个数据作为基准数据，然后对比除基准数据和已排序数据之外的数据，找到其中的最小数据，然后将最小数据和基准数据进行位置交换。 时间复杂度： 时间复杂度O(n^2) 代码实现： const choseArr = [5, 2, 1, 4, 43, 23, 34] ......
前端利用oss图片地址返回url下载zip包
// 首先引入插件npm install jszip // 导入项目import JSZip from 'jszip' // 利用canvas.toDataURL 转换base64方法下载图片 downZip() { // 测试数据 let downLoadImageList = ['https:/ ......
[Vue]React、Vue中的key有什么作用? (key的内部原理)
1. 虚拟DOM中key的作用: key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM] 随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较，比较规则如下: 2. 对比规则: (1).旧虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟D ......
读图数据库实战笔记04_路径与图变异
1. Groovy 1.1. Java编程语言的一个超集 1.2. Gremlin Console的一个特性是能和Groovy配合使用 1.2.1. Gremlin Console会自动地迭代结果 1.3. 从技术上说，Gremlin Console就是Groovy交互式解释器（read-eval- ......
vue打包体积优化
一、webpack-bundle-analyzer工具 1、安装 终端运行命令，根据包管理器自行选择命令 #NPM npm install --save-dev webpack-bundle-analyzer #YARN yard add -D webpack-bundle-analyzer 2、代 ......
一个类似于Gridster的栅格布局系统Vue组件
哈喽,我是老鱼，一名致力于在技术道路上的终身学习者、实践者、分享者！ Vue Grid Layout是一个类似于Gridster的栅格布局系统, 适用于Vue.js，灵感来源于React Grid Layout。 特性 可拖拽 可调整大小 静态部件（不可拖拽、调整大小） 拖拽和调整大小时进行边界检查 ......
前端
标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和span标 ......
HTML5前端标签练习
前端标签 标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和 ......
基于Vue.js和Vanta.js的动态天空颜色效果实现
背景 最近在写一个Vue项目，想要在登录界面加一个动态背景效果，搜索之后发现了 Vanta.js（https://www.vantajs.com/ ）这个库。Vanta 可以借助 three.js (WebGL) 或 p5.js 渲染动态的3D背景效果，提供了多种预设。 几种效果都挺不错的，最终我决 ......
vue 将html保存成pdf文件
结合 html2canvas 和 jspdf 插件处理 /* eslint-disable */ //不使用JQuery版的 import html2canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param ele 要生成 pd ......
前端
第1章 、Web的基本概念 软件开发的架构 目前我们了解的涉及到两个程序之间通讯的应用大致可以分为两种： 第一种是应用类：qq、微信、网盘、优酷这一类是属于需要安装的桌面应用 第二种是web类：比如百度、知乎、博客园等使用浏览器访问就可以直接使用的应用 这些应用的本质其实都是两个程序之间的通讯。 ......
记录--这个前端Api管理方案会更好？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 简介 大家好，前端小白一枚，目前接触后台管理系统比较多，经常遇到不同对象的增删改查的接口，如何对Api进行一个有比较好的管理是个问题。在学习偏函数的时候有了灵感，想到一个不错的API管理方案，并应用在项目一个模块当中，并且开发效率和维护性 ......
34-Vue脚手架-组件的自定义事件（使用自定义事件优化Todo-List案例）
组件的自定义事件 1.一种组件间通信的方式，适用于 子组件 > 父组件（这里也可以使用 props 传递数据进行实现） 2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3.绑定自定义事件： 1）第一种方式，在父组件中 <!--通过父组件给子 ......
vue关于render函数如何渲染v-html
render函数如何渲染v-html，两种方式（适用于搜索关键字高亮） 例子：“互联网数据” 搜索关键字"网" ==>row.htmlStr：互联<span class="search-text">网</span>数据 render: (h, { row }) => { // 模板组件方式 retu ......
安防视频监控平台EasyCVR前端解码与后端解码的区别介绍
视频监控平台/视频存储/视频分析平台EasyCVR基于云边端一体化管理，支持多类型设备、多协议方式接入，具体包括：国标GB28181协议、RTMP、RTSP/Onvif、海康Ehome，以及海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石SDK等，可覆盖市面上绝大多数的视频源设备。 ......
Django实战项目-学习任务系统-定时任务管理
接着上期代码框架，开发第4个功能，定时任务管理，再增加一个学习定时任务表，主要用来设置周期重复性的学习任务，定时周期，定时时间，任务标题和内容，预计完成天数，奖励积分和任务状态等信息。 现实中学习一门课程或一项技能知识，需要很长时间的学习积累才能学会，不像小说世界，游戏世界等虚拟世界，可以快速学会一 ......
vue中attrs的使用
vue中attrs的使用 1.attrs的作用 用来进行子孙组件之间的数据传递 接收父组件传过来，但是又没有在props中定义的数据。（class及style除外） 2.父子组件之间数据传递的用法 爷爷组件-grandpa： <template> <div> <span>爷爷</span> <Son ......
实用的命令行终端增强软件：Tabby
Tabby是一个开源免费软件，支持Windows、macOS和Linux系统。它提供了一个高度可定制的终端界面，可以通过多种方式添加、切换和关闭终端标签页。能与 Linux 服务器轻松传输文件，支持多种主题，界面炫酷，插件丰富。它还支持通过插件扩展其功能，例如增强的滚动条、批量复制和粘贴等功能。 ......
ABP-VNext 用户权限管理系统实战----问题与解决方案
1、swagger请求总是报：400 Bad Request，但是postman请求是没有问题 查看日志报表： 解决方案： 在 ConfigureServices 中增加如下的内容 Configure<AbpAntiForgeryOptions>(options => { //options.Tok ......
vue3 + vite 的Excel表格的导入导出
一、安装XLSX插件 yarn add xlsx 或者 npm i xlsx 二、引入插件 在你需要的页面或者在main.js中引入 import * as XLSX from 'xlsx' 三、导出Excel 3.1 核心api ① xlsx.utils.book_new() 新建工作簿 ② xl ......
Vue2 实现印章徽章组件
Vue2 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" :style ......
[WEB安全] XSS攻击防御 Vue
一、概念 XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。 这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。 攻击成功 ......