three vue js
vue3中watchEffect的作用和适用方法
# 前言 该文章是[Vue3好玩的API-watchEffect](https://www.bilibili.com/video/BV13Z4y1y7hQ/?spm_id_from=333.337.search-card.all.click "Vue3好玩的API-watchEffect")观后的记 ......
import.meta.globEager('./src/components/**/*.vue'); 遍历文件
main.js ``` const importAll = (modules) => { Object.keys(modules).forEach((key) => { const component = key.replace('/src/', '@/').replace('.vue', ''); ......
Vue3_Vite_kbnet.eap程序框架
一、准备 这篇文章本应该于2023年7月底发出来，在家里忙来忙去没顾得上，直到今天才有时间写这段文字。 原来web项目的开发是基于Vue2+Webpack+ElementUI技术栈，Vue官方也说了Vue2会支持到2023年12月31日，所以是时候升级技术了，于是就有了本篇文章内容Vue3+Vite ......
富文本编辑器 quill.js 开发(五): 自定义插件
在 `quill.js` 中，扩展性最强大的功能就是插件 本文主要以一个图片扩展的插件来介绍 `quill` 插件开发 在 `quill.js` 中他有着自己的名字: `Modules`，而他也内置了 5 种插件： - TOOLBAR - KEYBOARD - HISTORY - CLIPBOARD ......
j东h5st参数多局部ob加密（js_security_v3_0.1.4.js）加密分析
# `j`东`h5st`参数多局部多次`ob`加密（`js_security_v3_0.1.4.js`） **大家好呀，我是你们的好兄弟，【星云`horseAK`】，今天的主题真的是千呼万唤始出来，某东东的`h5st`参数，这个加密的`js`文件使用了`obfuscator`进行了混淆，而且是局部多 ......
Spring Boot + Vue3前后端分离实战wiki知识库系统<十二>--用户管理&单点登录开发一
目标： 在上一次https://www.cnblogs.com/webor2006/p/17533745.html我们已经完成了文档管理的功能模块开发，接下来则开启新模块的学习 用户登录，这块还是有不少知识点值得学习的，先来看一下整体的效果，关于效果官网有一个体验地址：wiki.courseimoo ......
JS6种函数
1.普通函数 2.对象方法函数 var o={ sayHi:function(){ } } 3.构造函数 4.绑定事件函数 5.定时器函数 6.立即执行函数 黑马前端的规定 ......
Auto-registering all your components in Vue 3 with Vite
Auto-registering all your components in Vue 3 with Vite #vue#vitejs#components Why auto-register components? I'm actually a big fan of manually import ......
vue--day62--配置代理
前端发送 ajax 请求的方式 1. xhr new XMLHttpRequest xhr.open() xhr.send() 基本不用 2. jquery(封装的 xhr) $get $post 3. axios(封装的 xhr) 和 jquery 比较 promise 风格的，支持请求拦截器和响 ......
vue3部分学习复习截图
网络上的一些基础视频教的很好，特学习参考记录一下 vue3组合式api vue3优势 vue3新的脚手架 使用create-vue创建项目 目录和关键文件 setup基本使用 setup小结 reactive ref reactive与ref小结 computed watch vue2与vue3生命 ......
【技术实战】Vue功能样式实战【七】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue项目部署到gitee
1、首先本地项目生成静态网页 npm run build 使用本命令将vue项目打包成静态网页存放到dist文件夹里 2、将静态资源推到gitee仓库 前提条件：新建了git仓库，然后 git clone +仓库地址，拉到本地，将dist整个文件夹放到刚才拉下来的项目文件夹中。 git add di ......
NodeJS系列（9）- Next.js 框架 (二)
在 “NodeJS系列（8）- Next.js 框架 (一)” 里，我们简单介绍了 Next.js 的安装配置，创建了 nextjs-demo 项目，讲解和演示了 Next.js 项目的运行、路由（Routing）、页面布局（Layout）等内容。本文继续在 nextjs-demo 项目基础上，讲解 ......
通过重写js脚本文件的例子看文件操作
有以下文件： 相对路径："Resources/MainWindow/MsgHtml/msgtmpl.txt" 文件内容： 要求：由于将要进行通信，我们将external0这个网页对象作为qq的发送者，这是可行的，然而接收者只有这一个对象external是不够的，我们将上面的txt文件作为一个初始版本 ......
Pixi.js的使用整理
最近在做的一个前端项目中，有一些图像的处理操作（3D图，2D图都有），其中3D图也是通过获取后端服务的图像2D数据进行绘制展示，通过鼠标各种操作调用后端服务来进行重新获取新图数据。这里前端设计到图像的操作使用了PIXIJS，这里将使用的方式做一个说明，以作参考。 首先pixijs的官网：https: ......
o、JS逆向
# JS逆向 ## 网站加密和混淆技术 我们在爬取网站的时候，会遇一些需要分析接口或 URL 信息的情况，这时会有各种各样类似加密的情形。 - 某个网站的 URL 带有些看不太懂的长串加密参数，要抓取就必须懂得这些参数是怎么构造的，否则我们连完整的 URL都构造不出来，更不用说爬取了。 - 在分析某 ......
b.JS加密
# JS加密 > 参考博客： > > [建议收藏 ~ 最全的 JS 逆向入门教程合集](https://blog.csdn.net/weixin_42038955/article/details/115196002) > > [Python还原CryptoJs_AES_CBC模式_js逆向学习](h ......
a.JS逆向库
# Python 执行 JS 代码 在使用爬虫中，经常会遇到网页请求数据是经过 JS 处理的，特别是模拟登录时可能有加密请求。而目前绝大部分前端 JS 代码都是经过混淆的，可读性极低，想理解代码逻辑需要花费大量时间。这时不要着急使用 Selenium 暴力解决，毕竟 Selenium 严重拖慢爬虫效 ......
【技术实战】Vue功能样式实战【六】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
VUE3_动态绑定多个值
动态绑定多个值 如果你有像这样的一个包含多个 attribute 的 JavaScript 对象： const objectOfAttrs = { id: 'container', class: 'wrapper' } 通过不带参数的 v-bind，你可以将它们绑定到单个元素上： <div v-b ......
VUE3_API 风格
选项式 API (Options API) 使用选项式 API，我们可以用包含多个选项的对象来描述组件的逻辑，例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的 this 上，它会指向当前的组件实例 <script> export default { // da ......
vue3+TypeScript 报红色波浪线
参考：https://blog.51cto.com/u_16175453/6664719 package.json里有typescript就：npm install 没有就：npm install typescript --save ......
vue3组合式api生命周期
# 生命周期钩子函数 Vue3：[https://cn.vuejs.org/api/composition-api-lifecycle.html](https://cn.vuejs.org/api/composition-api-lifecycle.html) Vue2：[https://v2.cn ......
vue3.3实验性新特性defineModel
子父之间使用v-model双向绑定数据，子组件每次都要写emit和props觉得麻烦？ vue3.3新的实验性特性defineModel可以完全不写emit和props。 由于是实验性特性，所以需要配置之后才能使用。 修改vite.config.js： ```JavaScript export de ......
vue3在父子组件使用v-model双向绑定
父组件： ```Vue 我是父组件, {{ count }} --> --> --> --> ``` 封装一个InputBox子组件，用于数据的加减 ```Vue - + ``` # 思考： 觉得每次在子组件中定义emit和props很麻烦？vue3.3添加了一个实验性特新defineModel，详 ......
使用create-vue创建vue3项目
create-vue是vue3新的脚手架搭建项目工具，底层构建工具使用**vite**，而不是vue-cli的webpack。 但不是说你不能用以前的`vue create`命令来创建vue3项目，你完全可以用vue-cli来创建。 vite：[https://cn.vitejs.dev/guide ......
create-vue和vue-cli创建项目的差异
这里对比的是vue-cli和create-vue创建vue3项目的文件中的内容差异。 ![](https://secure2.wostatic.cn/static/8hGnxvnWx3k5xGtUz91PHw/image.png?auth_key=1691824410-cuQuMDJs76r5vvu ......
VUE
Vue是构建用户界面的渐进式JavaScript框架 尤雨溪开发的 特点： 1.采用组件化模式，提供代码复用性、且让代码更好维护 2.声明式编码，让编码人员无需直接操作DOM，提高开发效率。 3.使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。 ......
HTML 全屏水印 vue 全屏水印
HTML 全屏水印 vue 全屏水印 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>水印</title> <style> #water-div{pointer-events:none;position:fixed;top:0; ......
VUE使用模板页面并预留子页面区域
1.新建模板页面 MainLayout.vue，并在template 里面防止标签用于嵌入 子页面内容 <template> ''' 其他页面内容 '''<router-view></router-view> ''' 其他页面内容 '''</template>2.在 router的index.js ......