three vue js
Vue接入谷歌广告(Google Adsense)
### 1.注册账户 首先你要拥有一个google账号，[点击注册谷歌账号](https://support.google.com/accounts/answer/27441?hl=zh-Hans)，点击个人账号根据提示一步一步来即可注册成功。（当然你需要魔法才可以正常访问谷歌服务） ### 2.补 ......
Template String Converter 无法作用在 vue、html 解决方案
在 vscode 插件安装地址中找到该插件，默认位置：C:\Users\你的用户名\.vscode\extensions\meganrogge.template-string-converter-0.6.1 该目录下有一个 package.json 文件，打开该文件，编辑里面的 activation ......
vue3 + h5 构建流程
# 目录 - [目录](#目录) - [初始化项目架构](#初始化项目架构) - [技术栈](#技术栈) - [工具类](#工具类) - [环境](#环境) - [搭建流程](#搭建流程) - [初始化项目](#初始化项目) - [初始化git](#初始化git) - [运行项目](#运行项目) - ......
vue3 基于antd3.2.20封装表格（插槽）
```html ``` ```javascript // 表格中核心的js import { ref, onMounted, useSlots } from 'vue' const slots = useSlots() // 自动获取父组件传递过来的插槽 // 获取父组件过来的插槽数量，便于循环 c ......
如何爆破js加密后的密码？
如何爆破js加密后的密码？ 1、首先burp中安装插件： https://github.com/whwlsfb/BurpCrypto 安装插件完毕后，分析进行js加密的算法。 2、分析加密过程： 找到相关的加密算法的代码，分析代码逻辑。可以从登录界面的网站源代码里搜encrypt或者crypt字段。 ......
vue配置生产环境和开发环境
配置原理：采用node.js顶层对象中的process.env 1、安装依赖 2、创建配置文件 3、 # 页面标题VUE_APP_TITLE = "管理系统" # 生产环境配置ENV = 'production' # 西知后台管理系统/生产环境VUE_APP_BASE_API = 'http://1 ......
vue问题：不存在div或者多个div
<el-radio v-model="radio" label="1">备选项</el-radio><el-radio v-model="radio" label="2">备选项</el-radio>报错： Errors compiling template: Component template ......
vue实现文件夹的上传和下载
文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na ......
vue-pdf 在vue中展示pdf
老规矩先看效果图： 这玩意的坑是相当的多，如果只是单纯的网页浏览，真心建议直接使用 <iframe> 来进行嵌入pdf吧，省心也省事 我这边的web页面是需要放到客户端里面的，然后由于某些原因吧，不支持显示iframe嵌入的pdf网页，只能使用vue-pdf来进行实现了 下面就说一下实现步骤吧，我尽 ......
数字滚动插件vue-countup-v2
参考博客 https://blog.csdn.net/weixin_44948981/article/details/123544242 options参数说明 duration: 2, // 动画持续时间（秒） useEasing: true, // 使用缓动效果 useGrouping: tru ......
还是有必要知道一些早期用JS模拟类的故事
早期的 JavaScript 程序员一般都有过使用 JavaScript“模拟面向对象”的经历。 在上一篇文章我们已经讲到，JavaScript 本身就是面向对象的，它并不需要模拟，只是它实现面向对象的方式和主流的流派不太一样，所以才让很多人产生了误会。 那么，随着我们理解的思路继续深入，这些“模拟 ......
原生JS实现一个不固定高度的虚拟列表核心算法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>不定高度的虚拟列表 ......
js实现文件夹的上传和下载
一、概述 所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。 二、Range 用于请求头中， ......
vue 线上环境 开启 vue-devtools
vue 项目打包正式环境时，是没有 vue-devtools 选项卡的，没法看 vue 内部的数据 选中 Source 选项卡，找到打包好的 app.js，并格式化 ctrl + f 搜索$mount并在new那里打断点，new后面的对象就是 Vue 对象，需要记住该变量名，下一步要用到 F5 刷新 ......
小程序获取定位完整的封装js（uniapp）
1.小程序获取定位，首先需要在微信公众平台，申请getLocation接口（开发管理->接口设置） 2.在manifest.json打开源码视图，增加代码 "mp-weixin": { "appid": "appid","permission": { "scope.userLocation": { ......
批量删除功能（VUE3语法）
使用element ui -el-table方式编写 功能点：点击全选/单选可以进行删除 <el-table :data="date" ref="grayscaleTableRef" min-height="288" max-height="510" style="width: 100%" head ......
实现vue图片放大镜效果
最近想要实现图片放大镜的效果， -首先使用的是原生js+css的方法：参考https://blog.csdn.net/sinat_34849421/article/details/106074482 这个方法功能倒是可行，但是这个方式在跳出这个页面时会报 Uncaught TypeError: Ca ......
如何支持同一台电脑上使用不同版本的Node.js版本
在我们实际项目开发过程中，经常不同项目使用的node.js版本会也有所不同，为了方便维护不同版本的项目。可以使用nvm来解决。 1、下载nvm https://github.com/coreybutler/nvm-windows/releases 2、执行nvm-setup.exe完成安装3、命令查 ......
Vue3 路由优化，使页面初次渲染效率翻倍
## 3996 条路由？  `addRoute`函数用了大约1s才执行完毕。通过观察，发现居然有3996条路由记录 ......
JS实现根据数组对象的某一属性排序
一、冒泡排序（先了解冒泡排序机制） 以从小到大排序为例，冒泡排序的原理就是通过两层循环把数组中两两相邻的元素进行比较，是的大的元素放到后边，元素交换位置，从而一步步的交换元素的位置，使得最大的元素放到数组的末尾，这样内部的循环就进行了一轮，再根据外部的循环依次再把次大一点的元素放到数组的末尾，从而实 ......
vue3 'alex' is defined but never used
解决方法 在package.json中的rules下加入 "no-unused-vars":"off" 即可 ......
Vue中Router笔记学习整理
1：摘要： Vue中的Router是Vue.js框架中的一个核心插件，用于实现单页应用（SPA）的前端路由管理。它允许你在应用中定义不同的URL路径与对应的组件之间的映射，以便在不刷新整个页面的情况下，实现页面间的切换和数据加载。 主要功能包括以下几个方面： 声明式路由：你可以通过定义路由表，指定U ......
You are using the runtime-only build of Vue where the template compiler is not available ，页面自定义带template内容的组件无法渲染，控制台报错
使用vue-cli搭建的项目,页面自定义带template内容的组件无法渲染，控制台报错，页面不展示组件内容，代码如下： <template> <div class="hello"> my-component:<my-component></my-component> </div> </templa ......
NodeJS系列（8）- Next.js 框架
Next.js 是一个用于构建 Web 应用程序的框架。Next.js 是一个用于生产环境的 React 框架，是一个 React 服务端渲染应用框架。Next.js 具有同类框架中最佳的 “开发人员体验” 和许多内置功能，它的特点如下： (1) 直观的、 基于页面 的路由系统（并支持 动态路由）； ......
VUE组件之间的传值和调用
 ## 1.$refs： 父组件 调用 子组件的 方法 或者 属性，由父级来主导调用 这里我们可以使用规则的数据结 ......
Replace bpmn-js and Let Frontend Developers Become More Familiar with Workflow Business
(背景：发在国外社区的文章，国内博客做份存档) # Preface Seeing this title, some of you may wonder: Isn't bpmn-js the most common frontend solution for workflow systems? Why ......
vue2笔记完整版
VUE闲来无事 VUE闲来无事一、vue核心的相关学习一，搭建vue开发环境1.下载vue.js2.下载扩展工具二，hello world案例三，helloworld项目扩展四，模板语法五，数据绑定六，el和data的两种写法发七，理解MVVM模型八，数据代理1.Object.definePrope ......
微信公众号授权回调 vue网址中带#号的处理
1、改变vue模式为history，小编没有试 2、通过配置nginx实现 A、替换跳转网址中的#为其他字符串，例如我的 const url = this._getUrl( "https://open.weixin.qq.com/connect/oauth2/authorize", { appid: ......