ckeditor网页word vue

如何屏蔽网页广告(网页中的特定元素)

目录1. 原因2. 选择一个合适的过滤器3. 自定义规则3.1. 为什么要自定义3.2. 如何自定义规则第一步:打开元素审查第二步:确认要屏蔽的元素第三步:编写规则参考 1. 原因 非常讨厌百度页面的“百度热搜”栏目,影响了我的工作效率,因此想要找个方式屏蔽掉它 2. 选择一个合适的过滤器 首先需要 ......
网页 元素 广告

vue uniapp 弹出层背景穿透,穿层

// 投注信息弹窗 内容组件上 @touchmove.stop.prevent="() => {}" u-popup :show="show" @close="show= false" @open="open" component @touchmove.stop.prevent="() => {}" ......
背景 uniapp vue

Vue 3 使用moment设置显示时间格式

一. 问题: Vue3如何使用moment设置显示时间格式。 二.分析问题:在Vue 3中,因为过滤器(filter)已经被废弃,取而代之的是全局方法(global method)。slot-scope也被弃用使用v-slot代替。无法使用过滤器设置显示时间格式。 三. 解决问题。 (1)在vue ......
格式 时间 moment Vue

vue3学习之createApp(App).mount('#app')

装了vue-cli之后,新建个项目跑起来了,碰上个没理解的问题,不知道createApp(App).mount('#app') 挂载的这个id=“app”从哪冒出来的 用命令创建出来的项目,components/HelloWorld.vue, App.vue, main.js中都没有 估摸着得是底层 ......
createApp mount vue3 39 vue

vue的富文本编辑器(vue2-editor)

文章的发布功能中,我们希望像写文档一样发布一整篇带标题、分段、加粗等效果的文章,而不是单纯的一段文本,这时就需要用到富文本编辑器。富文本编辑器有很多版本,他们样式不同,使用方法不同。本篇这里我们在npm下载并使用vue相关的富文本编辑器:vue2-editor。1.安装vue2-editor 网址: ......
编辑器 vue2-editor vue 文本 editor

【前端框架Vue】Vue是什么?怎么用?

Vue是JS的一种框架,用于构建用户界面的JS框架。可以理解为,Vue通过指令和模板语法,将数据和HTML模板关联起来,实现一种响应式的数据驱动视图的方式 Vue是什么? Vue是JS的一种框架,用于构建用户界面的JS框架。可以理解为,Vue通过指令和模板语法,将数据和HTML模板关联起来,实现一种 ......
前端 Vue 框架

Vue源码学习(十八):实现组件注册(一)Vue.component()和Vue.extend()

好家伙, 0.完整代码已开源 https://github.com/Fattiger4399/analytic-vue.git 1.思路 1.1.什么是组件化? Vue 组件化是指将复杂的应用程序拆分成多个独立的、可复用的组件,这些组件可以实现特定的功能或局部功能。组件化有助于提高开发效率、方便重复 ......
Vue 组件 component 源码 extend

vue3 vite.config.ts 如何增加构建时间,并展示在index.html里面

首先需要安装vite-plugin-html插件 在vite.config.ts文件中增加如下代码: plugins: [ createHtmlPlugin({ minify: true, pages: [ { template: 'index.html', filename: 'index.htm ......
时间 config index vue3 vite

vue项目构建过于慢的问题

因为 vue init 使用的是 npm源,是国外的 注意:如果命令行运行不了npm命令或vue命令(就是提示命令不存在,则需要以管理员身份运行cmd) 1、检查npm源,如果不是taobao的源,则需要切换 //查看源,可以看到设置过的所有的源 npm config get registry 2、 ......
项目 问题 vue

Vue3基于elementPlus定制样式覆盖

scss 变量替换方案 步骤: 安装scss pnpm add sass -D 准备定制样式文件 styles/element/index.scss /* 只需要重写你需要的即可 */ @forward 'element-plus/theme-chalk/src/common/var.scss' w ......
elementPlus 样式 Vue3 Vue

C# + Vue3采用SM4

引用 类库: using Org.BouncyCastle.Asn1; using Org.BouncyCastle.Asn1.GM; using Org.BouncyCastle.Asn1.X9; using Org.BouncyCastle.Crypto; using Org.BouncyCas ......
Vue3 Vue SM4 SM

sensitive word 敏感词(脏词) 如何忽略无意义的字符?达到更好的过滤效果?

忽略字符 说明 我们的敏感词一般都是比较连续的,比如 傻帽 那就有大聪明发现,可以在中间加一些字符,比如【傻!@#$帽】跳过检测,但是骂人等攻击力不减。 那么,如何应对这些类似的场景呢? 我们可以指定特殊字符的跳过集合,忽略掉这些无意义的字符即可。 v0.11.0 开始支持 例子 其中 charIg ......
sensitive 字符 效果 word

flask支持Vue2 mode history历史模式

Vue Router 配置 在Vue2 router里面增加 const router = new VueRouter({ mode: 'history', base: '/admin/', //这里路径写你打包后的网址路径 routes: [ // 这里是你的路由配置 ], }); vue.con ......
history 模式 历史 flask Vue2

飞书网页端云文档组件

开始使用 文档地址:https://open.feishu.cn/document/common-capabilities/web-components/uYDO3YjL2gzN24iN3cjN/introduction 特点 云文档生成独立页面,支持将文档嵌入到任意 Web 页面中,实现零代码搭建 ......
组件 文档 网页

vue 格式化JSON

第一步:安装 npm i bin-code-editor -S # or yarn add bin-code-editor 第二步:在main.js中引入 //引入vue import Vue from 'vue'; //引入bin-code-editor相关插件和样式 import CodeEdi ......
格式 JSON vue

vue实现大文件分片上传

这里使用了element ui的文件上传插件 <div class="inputTitle">人员资料</div> <div class="uploadBox"> <div class="picture"> <img src="@/assets/images/zip-before.png"> </d ......
文件 vue

Vue3 diff算法详解

Diff 更新算法 由于目前Vue3对于性能的优化做了很多的处理,所以其在更新时并不会对所有的节点都进行diff更新。目前会进行diff更新的有以下两种情况: v-for容器节点 自写的render()函数 还有一种特殊情况会进行无diff的按序更新,这种更新是全替换模式,非常耗时: 无key值的v ......
算法 Vue3 diff Vue

Vue2 的 diff 算法详解

所谓 diff 算法,就是通过比对新旧两个虚拟节点不一样的地方,针对那些不一样的地方进行新增或更新或删除操作。接下来详细介绍节点更新的过程。 首先进行静态节点处理,判断新旧两个虚拟节点是否是静态节点,如果是,就不需要进行更新操作,可以直接跳过更新比对的过程 。 再更新处理新老节点的属性,获取新老节点 ......
算法 Vue2 diff Vue

vue+spirngboot前后端数据加解密(基于AES+RSA实现)

案例说明 案例只针对post请求 这里使用’Content-Type’: ‘application/x-www-form-urlencoded; charset=UTF-8’;为键值对的形式(非json) AES加密数据,RAS加密AES的key 实现思路 前台首先请求非加密接口获取后台的公钥前台在 ......
spirngboot 数据 vue AES RSA

Flask实践--重保时期网页防篡改监测平台

最近在尝试使用flask编写一个网站防篡改监测平台,目前已基本完成,前端使用光年模板修改,后端主要通过设置相关参数后轮询+正则匹配实现页面监控及篡改监测,简单介绍如下: 登录 因为是自己用,去掉了图形及花里胡哨的滑块验证码(主要是不会后端校验)而改用OTP码实现双因子,账号密码通过数据库对比, 监测 ......
时期 网页 Flask 平台

vue2实现文件分片上传/续传

两种上传文件方式一种分片和续传工具包/assets/utils.js export function fileParse(file, type = "base64") { return new Promise(resolve => { let fileRead = new FileReader(); ......
文件 vue2 vue

懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...

在 Vue3 中,有许多与响应式相关的函数,例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法,让在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ref() 大家对于 ref 这个 AP ......
toRefs isRef toRef unref Vue3

Vue之this.$options.data()和this.$data

Vue之this.$options.data()和this.$data:https://blog.csdn.net/weixin_44090040/article/details/129875428?utm_medium=distribute.pc_relevant.none-task-blog-2 ......
this data options Vue

vue实现全局消息提醒功能(vue-extend)

1.需求背景 (1)在一般的管理系统或者 H5 应用中,需要交互反馈提醒。这种交互反馈,往往需要在多个组件中使用到,那么是否可以将其抽离出来,封装一个组件呢?答案是肯定的,可以根据日常的业务,对消息提醒功能进行封装,那么问题来了,如何实现一次注册,多次使用呢,关键时刻,vue.extend API ......
全局 vue-extend vue 消息 功能

vue3 引入axios 并封装下

没有考虑取消重复请求、重复发送请求、请求缓存等情况 重复请求参考此链接 实现请求拦截 实现响应拦截 常见错误信息处理 请求头设置 api 集中式管理 index.js import axios from "axios"; import qs from "qs"; const serverConfig ......
axios vue3 vue

vue项目中自定义鼠标图标实现

要做大屏项目,为了各个细节都充满炫酷的感觉,鼠标的样式也要修改一下,自定义成自己想要的样式。 1、先上效果图,两种展示方式 实现这个效果首先要创建在目录下创建一个styles文件夹,里面分别包括common.css、common.scss、custom-cursor.scss。 1、common.c ......
图标 鼠标 项目 vue

在vue3中使用openlayers3实现track轨迹动画

网上太多资料代码,抄来抄去,而且版本也是OL2的,部分API已经弃用 基础知识不多说,直接讲重点 三个关键变量 // 记录开始动画的时间 const startTime = ref(0); // 轨迹分割的颗粒度,数值越小分的越细 const particle = 20; // 轨迹动画的速度,数值 ......
openlayers3 openlayers 轨迹 动画 track

如何给网页和代码做HTML加密?

​ 如何给网页和代码做HTML加密? 本篇文章给大家谈谈html混淆加密在线,以及HTML在线加密对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 ​ 如何给代码加密? 1、源代码加密软件推荐使用德人合科技的加密软件,是一套从源头上保障数据安全和使用安全的软件系统。采用的是文件透明加密模块,对 ......
代码 网页 HTML

vue实现大文件分片上传 vue-simple-uploader

首先为什么要分片上传?大部分小白使用element-ui中上传组件,但是直接用它上传大文件会 超时 或者Request Entity Too Large(请求实体太大)这种问题。 1. 使用插件 vue-simple-uploader我的这个可以自定义样式(没懂的留言给我) 1.1 customUp ......

vue2、vue3适配大屏。分辨率变化,样式不变

一、vue3适配大屏的,创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co ......
大屏 样式 vue 分辨率 vue2