three vue js
vue学习记录 2
打开昨天的vue项目，没记错的话网上查到的信息说，代码编辑部分就只在src文件夹，包括asset,router和components，其他的全是配置文件。 项目新建默认是一个巨大的vue图标和两行链接，布局在HelloWorld.vue，但是我昨天还没找到那个名为logo.png的图标是哪里插进去的 ......
解决VUE+Springboot项目跨域问题
通常springboot项目端口为8080 VUE项目端口设置为8088 这样互不干扰，实现了前后端分离，但随之而来的就是跨域问题 网上解决方式很多，这里给一个类，复制后放在springboot项目中即可 位置 import org.springframework.context.annotatio ......
vue项目的使用，前后端（vue）实现登录，混入mixin（多个组件都要使用的配置放在一起），插件（用于增强Vue，有很多第三方插件），Elementui的使用（样式）
# 解析一下vue项目  ## index.html文件：就是被根组件【template】写什么，这里就 ......
Nest.js + TypeOrm：原始SQL查询及其参数绑定
# 上一篇 [Nest.js + TypeOrm：安装、编写实体类](https://www.cnblogs.com/develon/p/17428854.html) # 参数化原始SQL查询 使用 DataSource，注意，如果是 PostgreSQL，则参数占位符不能使用问号 `?`，只能使用 ......
Vue 调试访问本地后端接口配置
记录一下本地测试前端的时候怎么访问本地后端接口。时间太长容易忘。。。。 1、首先要知道前端在访问后端的时候是怎么加上后端接口地址的。 如下图，找到封装http请求的文件，src/utils/rerquest.js 该图中的baseURL就是访问时我们加上的后端请求地址。 `baseURL: proc ......
js 监听事件的添加（addEventListener），无法移除（removeEventListener）
原因，函数不同，removeEventListener没有找到addEventListener添加是的函数 解决方法：将监听事件的方法提取出来，addEventListener和removeEventListener同时是用着一个方法 原文 ： https://blog.csdn.net/inMe_ ......
#Vue-cli 5 怎么打印代理地址 #Vue-cli 5 怎么查看真是请求地址 ？
```js proxy: { '/api': { target: 'http://192.168.3.47:1228', changeOrigin: true, onProxyReq: function (proxyReq, req, res) { console.log( '[proxy]: ' ......
npm does not support Node.js 版本号 npm起项目起不起来
先查看自己的npm和node的版本号是否正确 这个版本对应兼容性好,稳定 如果不对,那么到node官网去下载zip的包下来,只需要复制node.exe去替换你node安装的文件夹里面的node.exe(已经安装的基础上) 版本下载地址: https://nodejs.org/zh-cn/downlo ......
HTML <!--...--> 注释 、CSS /*.....*/ 注释 、JS // 、/*.....*/ 注释
<!-- -->是HTML的注释标签,使用 < 和 > 是符合HTML标签语法规则的。 /* */是CSS的注释标签 /* */（注释代码块）、//（注释单行）是JS的注释标签。 ......
[ABC166F] Three Variables Game
[Three Variables Game の 传送门](https://www.luogu.com.cn/problem/AT_abc166_f) ## Solution 首先，我们每次操作只会修改两个数。 所以考虑 dfs 枚举操作的顺序，但是这让时间复杂度变为 $O(2^n)$，不能接受。 但 ......
python - execjs使用crypto-js
最近在研究一个网站发现网站使用了des加密，觉得使用python调用js可读性比较高，所以使用了以下方法来实现该网站的内容解密 ### 1. 安装PyExecJS ``` pip3 install PyExecJs ``` ### 2. 安装node.js https://nodejs.org/en ......
elementui局部全屏无法显示tooltip，popover等基于vue-popper类开发的组件
因为这些元素都是插入到body里面的，而当某一div全屏后由于层级原因无法显示这些组件，解决办法如下  ......
Three.js教程：常见光源类型
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 常见光源类型 Threejs虚拟光源是对自然界光照的模拟，threejs搭建虚拟场景的时候，为了更好的渲染场景，往往需要设置不同的光源，设置不同的光照强度，就像摄影师给你拍照要设置各种辅助灯光一样。 环境光Ambien ......
Vue路由的基本使用
1、相关理解 1.1 vue-router的理解 vue的一个插件库，专门用来实现SPA应用的 1.2 对SPA应用的理解 1、单页Web应用（single page web application，SPA） 2、整个页面只有一个完整的页面。index.html 3、点击页面中的导航链接不会刷新页面 ......
vue+elementUI 搜索栏公共组件封装，封装多搜索条件通用组件，超实用
1、新建BaseSearch.vue文件 <!-- *名称：弹窗的搜索条件组件 *功能：methods 1.点击搜索的方法：@search 2.搜索条件 props : formItemList --> <template> <div class="dialog-search"> <el-form ......
log4js 的安装设置和实例
1、 安装 yarn add log4js -D 2、设置 const log4js = require('log4js') 3、实例 var log = log4js.getLogger(); // logger app.use(async (ctx, next) => { // const st ......
el-dialog组件封装-El-Dialog---vue
1、封装Dialog.vue文件 <template> <div class="base-dialog"> <el-dialog :type="type" :width="width" :custom-class="customClass" :fullscreen="fullscreen" :tit ......
vue 理解yarn start 和yarn dev的区别
yarn dev，当文件变动后，会自动重启。 yanr start不会自动重启 nodemon会监听文件变动，跟yarn dev和yarn start无关。 ......
Vue脚手架配置代理
前言 前端在向后端请求资源时通常会遇到跨域问题，当我们是用vue脚手架构建项目时，可以通过配置代理解决跨域问题 参考文档：devServer.proxy 方法一： 在vue.config.js中添加如下配置： module.exports = { devServer: { proxy: 'http: ......
vue3+ TS pinyin uniapp 索引列表-(A-Z)按首字母排序 ，锚点定位
获取一维数组 地址列表 <script lang="ts" setup> import { getLocationList } from "@/apis/activity"; import {onLoad} from "@dcloudio/uni-app"; import { pinyin } fr ......
JS引擎线程
JS引擎线程 它里面有个event loop和一个事件队列。这2者是JS引擎的核心基础。 拥有异步处理能力，JS引擎是单线程但可以实现异步并发处理事件，实现异步的基础是依靠上面的event loop和事件队列。H5的 Web Worker 标准规定，允许 JavaScript 脚本创建多个线程，但是 ......
Vue之使用:class返回类对象
我们在设置动态且复杂的类名时，可以使用Vue的:class。 如下面的代码所示： <i :class="classObject(item)"></i> 函数为： const classObject = (item) => { return { iconfont: true, icon: true, ......
ai问答：Vue3中使用computed和watch监听pinia数据的区别
通过Vue3组合式API的computed和watch,可以轻松实现在组件中监听pinia状态的变化,这是Vue3与pinia结合的重要用法。 ......
Node.js
# Node.js > 学习是为了更好地表达自己的思想，而这是机器代替不了的--尘风 ## 初识Node.js * Node.js是什么 * `Node.js`是运行在服务端的`JavaScript` * `Node.js`是一个基于`Chrome JavaScript`运行时建立的一个平台 * ` ......
js array groupby 数组分组
/** * 组件名称 * @module tool.js * @desc 数据分组 * @author DHL * @date 2017年12月05日17:22:43 * @param { Function } func - 方法 * @example 调用示例 * [].groupBy(x=>({ ......
js 字符串转为对象
1、反序列化 控制台输出查看要转换的字符串格式： 上面格式可反序列化为数组对象 console.error(img_info); var img_info_arr = JSON.parse(img_info); console.error(img_info_arr); 2、使用eval() 控制台输 ......
vue的ref引用
ref引用 ref 在vue中，不需要操作dom，只需要维护数据。 ref在不需要依赖jquery的情况下，获取dom元素或组件的引用。 每个vue的组件实例上，都包含一个 $refs 对象，里面存储着对应dom元素或组件的引用。 默认情况下，组件的$refs指向一个空对象。 ref可以父传子，也可 ......
JS 将form表单数据快速转化为object对象（json对象）
JS 将form表单数据快速转化为object对象（json对象） jaymou 于 2020-03-03 11:11:05 发布 3534 收藏 3 分类专栏： 前端 文章标签： javascript jquery 版权 前端 专栏收录该内容 5 篇文章0 订阅 订阅专栏 直接上代码 /** * ......
pdf.js 预览功能
一、官网地址 https://mozilla.github.io/pdf.js/ 二、样例的代码目录截图 效果截图和访问路径： http://localhost:63342/web-code/html/pdfjs-3.7.107-dist/web/viewer.html?file=pdf-demo. ......
前端JavaScript开发手册——React、Angular和Vue比较
前端框架在 Web 开发中不可或缺。它们提供结构化方法和预定义组件来简化编码过程。 这些工具还可以通过提供可重用组件和抽象复杂任务（如 DOM 操作和状态管理）来帮助提高生产力。这使开发人员可以专注于应用程序逻辑，而不是编写重复的代码。 框架通过模块化开发提高代码的可维护性，使修改或替换单个组件变得 ......