three vue js
vue自定义组件——search-box
github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value/v-model: 检索框的值, default: '' boxStyle: 检索框的样式, default: 'position: fixed; top: ......
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript）
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript） 1、项目介绍 项目使用：eslint + stylelint + prettier来对我们代码质量做检测和修复。 需要使用husky来做commit拦截 需要使用commitlint来统一提交规范 需要使用preinst ......
Vue的生命周期
var vm = new Vue({ el: "#app", // 在基础初始化完成之后，数据和事件配置之前调用 beforeCreate(){ console.log("beforeCreate") }, // 初始化全部完成，实例创建完成后立即调用 created(){ console.log( ......
JS逆向实战14——某小说网站 小说字数 和月票字体加密
本文地址： https://www.cnblogs.com/zichliang/p/17408064.html 本网站不算严格意义的逆向，只是爬虫的一个小手段。 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者 ......
VUE前端随笔计2
又是小白记录问题的一次，老规矩，还是抄别人的代码来改。 在表标签中找到了一个点击事件 定位代码，对比别人的，发现自己的删多了，把这个补充回去就行了，具体意思不太明白，大概是给这个模型里面填充这行数据。 ......
Missing binding E:\server\dovip\buyer-pc-web\node_modules\node-sass\vendor\win32-x64-83\binding.node Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 14.x
error in ./src/components/Search.vue?vue&type=style&index=0&id=7cb41050&scoped=true&lang=scss& Syntax Error: Error: Missing binding E:\server\dovip\bu ......
js中的传值与传址
在 JavaScript 中，传递参数时有两种方式：按值传递（pass by value）和按引用传递（pass by reference），即传值与传址。 一、按值传递（传值） 基本（简单）数据类型都是传值：number、boolean、字符串、null、undefined，都存储在栈中。 按值传 ......
程序员怎么学爬虫JS逆向
爬虫JS逆向（也称为前端逆向、JS破解等）是指通过分析JavaScript代码，破解前端加密算法或构造相应的模拟请求，从而有效地模拟人类用户完整的操作行为实现数据爬取。 以下是一些常见的爬虫JS逆向技术： 1、自动识别Javascript解码器 如果前端使用了Javascript编码来隐藏有价值的数 ......
局部添加加载中效果loading （vue+elementUI）
产品需求：有时候我们不想为整个页面添加loading效果。只想给局部区域添加loading效果。（这效果就不揍产品了） 在一个表格数据加载时，因为需要连接其它东西，所以后台接口返回数据需要较长时间，因此添加局部Loading效果，增加用户体验度， 最开始使用下面代码，直接放到<el-table>中， ......
vscode中vue项目中修改.vue文件名后报错
报错误信息： Already included file name '.../xxx.vue' differs from file name '.../xxx.vue' only in casing. The file is in the program because: Imported via ......
js 策略模式实现，优化大面积的if-else
// 策略类 // 所有跟计算奖金有关的逻辑不再放在环境类Context中，而是分布在各个策略对象中。 let strategies = { // 每个策略对象负责的算法被各自封装在对象内部 "RegularCard": function( deposit ){ return deposit * 0 ......
如何搭建一个vue项目
(如何搭建一个vue项目) 一、nvm 安装与使用 1.1、nvm简介 nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs 1.2、nvm下载 ①github下载 https://github.com/ ......
Vue 报错-4058 ENOENT: no such file or directory的原因和解决办法
原因是我在上一级目录打开的cmd 然后npm run serve 需要进到app内run一下 ......
vue中使用wangEditor在设置工具栏的显隐
前段时间为了富文本在wangEditor和tinyMCE中犹豫，虽然最后选择用tinyMCE，但是wangEditor的文档也是去看了的。 wangEditor中文文档在这里。由于项目中需要的工具栏并不多，需要将部分工具栏隐藏，然后我将这两个富文本框的文档都看了一下。 这里主要说一下wangEdit ......
【Vue2.x源码系列08】Diff算法原理
vue2采用了头尾双指针的方法，每次比对时，优先进行头头、尾尾、头尾、尾头的比对尝试，如果都没有命中才会进行乱序比对。 ......
VUE- history模式发布项目部署
VUE- history模式发布项目部署 环境：vue项目 发布后，通过nginx部署到docker容器内。 如需要去掉路径中的 #/ 则需要使用history模式发布。 1. 修改路由的配置文件 const router = new Router({ base: process.env.BASE_ ......
Vue项目结构
1、node_module:依赖库2、public:静态资源3、src:组件源码 assets:资源(图片) components:存放公共组件的地方 App.vue:根组件 main.js:项目入口4、package-lock.json:依赖的详细信息5、package.json:包依赖文件 ......
vue2 + fabric.js 实现撤销、恢复效果
全部代码 <template> <div> <canvas id="canvas" width="400" height="400" style="border: 1px"></canvas> <button :disabled="!canUndo" @click="historyState(sta ......
JS来动态设置CSS样式
用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; ......
Vue3.3 的新功能的一些体验
Vue3 在大版本 3.3 里面推出来了一些新功能（主要是语法糖），网上有各种文章，但是看起来似乎是一样的。 我觉得吧，有新特性了，不能光看，还要动手尝试一下。 DefineOptions 宏定义 先来一个简单的，以前我们有时候想设个name，有时候不想让组件自动继承属性，这时候需要单独设置一个sc ......
JS和Document
对象1.new var obj = new Object(); 2.函数声明对象 function Human () {}； 3.var obj = {}; 大括号 就是对象var obj = {};obj.name = '张三' ;obj.age = 20;obj.say = function ( ......
vue嵌套iframe踩坑
iframe修改src不触发刷新 在vue中通过v-bind绑定src <iframe sandbox="allow-same-origin allow-scripts allow-forms" ref="iframe_page" :src="pageSrc" style="display:bloc ......
vue父组件调用子组件的方法
父组件中写法： <div style="padding: 10px"> <columnTwo ref="child" style="height: 200px;" :columnDataName="columnDataName" :columnData="columnData"></columnTw ......
CF1780F Three Chairs
个人思路： 答案 $=$ 随便请三个人方案 $-$ 不合法的方案，考虑计算不合法方案数。 我们将 $a$ 从小到大排序，对于一对不互质的 $a_i,a_j \ (i<j)$，它的贡献为 $j - i - 1$。以 $a_j$ 为最高时，贡献为 $\sum\limits_{i < j \land gc ......
vue3项目国际化，你还不了解吗？
vue3使用的国际化库为：i18n 安装方式： npm install vue-i18n@next 安装完成后在src文件夹下新建lang文件夹 在lang文件夹下新建需要语言转换的文件夹，这里以中文zh和英文en举例，在这两个文件夹下新建需要转换的语言 在zh的index.ts中写好我们需要转换的 ......
从0到1搭建后台管理系统（Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router ）
参考有来：https://www.cnblogs.com/haoxianrui/p/17331952.html Node 16+ 版本大于16【问题一：目前我是14.18.2的版本npm是6.14.15版本，这就涉及到要切换node版本的问题，不然我安装了16我的vue2项目就启动不了了】 vsco ......
js的十种设计模式
01.Abstract Factory Abstract Factory创建由共同主题相关的对象。在面向对象编程中，工厂是创建其他对象的对象。抽象工厂抽象出新创建的对象共享的主题。 02.Builder Builder 模式允许客户端仅通过指定类型和内容来构建复杂对象，细节完全对客户隐藏。 03、F ......
vue 父子组件生命周期执行顺序
挂载阶段执行顺序为：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为：父beforeUpdate -> 子b ......
vue3+element-plus Calendar 日历组件添加农历、节假日
创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......