前端 仓库nexus vue
前端设计模式——解释器模式
解释器模式(Interpreter Pattern):是一种行为型设计模式,它可以用来解决一些特定问题,例如编译器、计算器等等。这种模式定义了一个语言的语法,并用一个解释器来解释语言中的表达式。 解释器模式可以用来处理例如数据格式化、表单验证等业务场景。在这些场景中,我们需要定义一些语法规则,然后使 ......
vue全家桶进阶之路8:Axios的安装与HTTP请求实战
Axios是一个基于Promise的HTTP客户端,用于在浏览器和Node.js中发送HTTP请求。它可以使用在Vue中发送请求以及与后端API进行交互。 在Vue中使用Axios可以通过以下步骤: 安装Axios 可以通过npm或yarn来安装Axios:npm install axios yar ......
Maven高级——私服(Nexus)
私服 私服是一台独立的服务器,用于解决团队内部的资源共享与资源同步问题 Nexus Sonatype公司的一款maven私服产品 下载地址(需要魔法):nexus-3.49.0-02-win64.zip Nexus安装与启动 下载完成后解压到文件夹 打开此路径 地址栏输入cmd,再在命令行窗口中输入 ......
超详细【入门精讲】数据仓库原理&实战 一步一步搭建数据仓库 内附相应实验代码和镜像数据和脚本
超详细【入门精讲】数据仓库原理&实战 一步一步搭建数据仓库 内附相应实验代码和镜像数据和脚本 感谢B站UP主 哈喽鹏程!!! 0. B站课程链接 和 搭建数据仓库资源下载 下载UP主 哈喽鹏程 给的资源镜像及脚本包 课程链接:https://www.bilibili.com/video/BV1qv4 ......
前端js笔记
#js的书写位置 #写在标签的事件属性中,比如 onclick 鼠标的单机事件 <a href = "" style = "css" 代码 onclick = "js的代码"></a> #<script> //单行注释 /*多行注释*/ </script> 一般会讲script标签 写在 页面bod ......
vue 导出方法blob文件流
axios({ method: 'get', url, params, headers: { 'Content-Type': 'application/json; application/octet-stream' }, responseType: 'blob',//这里要注意 timeout: 1 ......
vue2+element-ui+springboot+mybatis-plus获取当前账户进行修改密码详细教程
以下内容仅供学习使用 新建一个dto类,用于专门修改当前账户的使用 import lombok.Data; @Data public class UserPasswordDTO { private String username; private String phone; private Stri ......
前端用crypto-js来进行加密,php使用openssl_encrypt来进行解密
项目有个需求,需要对前端提交的密码进行加密传输,防止请求被拦截导致密码的泄露。 1、考虑到性能问题,不好太过的占用浏览器资源,我就直接采用了对称加密的方式(aes)来进行处理; 2、首先来看看前端加密的情况,我采用的是crypto-js来进行加密的,附上链接https://cdnjs.cloudfl ......
Vue 核心(二)
Vue 核心(二) 八、 绑定样式 1、 class <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>样式绑定</title> <script type="text/javascript" src="../j ......
vue使用&Mac+idea的vue开发环境配置参考
vue使用&Mac+idea的vue开发环境配置参考 链接:https://blog.csdn.net/weixin_43123409/article/details/125624203 ......
Vue中路由的创建、跳转
一、创建路由 1、先创建一个route.js文件,创建路由,导出路由。 //创建路由,从vue-router中导入两个方法。 import {createWebHistory,createRouter} from "vue-router"; //导入需要跳转页面的文件 import FlexWork ......
记录--Vue 3 中的极致防抖/节流(含常见方式防抖/节流)
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 今天给大家带来的是Vue 3 中的极致防抖/节流(含常见方式防抖/节流)这篇文章,文章中不仅会讲述原来使用的防抖或节流方式,还会带来新的一种封装方式,使用起来更简单、更清晰。 前言 在前端的开发过程中,在涉及到与用户交互的过程中是基本上都 ......
系统化学习前端之JavaScript(BOM)
前言 DOM 提供了 JavaScript 操作页面的 API,BOM 提供了 JavaScript 操作浏览器的 API。 BOM BOM 浏览器对象模型,BOM 的核心只有一个 window 对象。window 对象在 JavaScript 执行时作为其全局作用域使用,同时也保存着浏览器各种信息 ......
百度2020校招Web前端工程师笔试卷(第三批)(大题21~23)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> body, ul, li,select { margin: 0; padding: 0; box-sizing: border-box; } ul,li {list-style: ......
前端-工厂模式
工厂模式大体分为三类: 简单工厂模式、 工厂方法模式、抽象工厂模式。三者之间的关系,也是渐进式的,抽象化的范围也是越来越高。 **简单工厂模式:**根据不同条件去生成不同对象(当数据量多时,简单工厂模式显而易见的的不适用) **工厂方法模式:**归类对象,对同一类型的对象进行归整(作用与同一类产品) ......
使用copilot生成vue响应式原理
// 生成vue的响应式原理 function defineReactive(obj, key, val) { // 递归 observe(val); // 创建Dep实例 const dep = new Dep(); Object.defineProperty(obj, key, { get() ......
vue3
Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/re ......
在js、vue中使用方法调用a标签
<el-button type="primary" style="width:130px" @click="shout"> <a :href="跳转页面地址" style="color:#fff" id="test">超链接</a> </el-button> methods: { shout() { ......
Vue3中的Vuex
store.js //vuex import { createStore } from 'vuex' export default createStore({ state: { num:1 }, mutations: { /** * @description: 修改num成新的num * @pa ......
Vue3综合使用案例
父组件 <template> <h3>父组件</h3> <div>{{ num }}</div> <div ref="box">使用ref获取dom</div> <div>watch监听数据-{{ watchVal }}</div> <about-view ref="child" :datas="n ......
vue table type=select列不能使用if判断
因为当前这个selection用【querySource】字段状态来判断显示和隐藏,在el-table标签里需要加:key=“querySource” ......
优化 vue 使用 webpack 打包,出现的缓存问题 及 项目部署问题
https://blog.csdn.net/qq_39264561/article/details/124844878 ` const path = require("path"); const webpack = require("webpack"); const timeStamp = new ......
前端 input 手机上传图片的坑-安卓手机微信环境input标签如何实现多照片上传
转:前端 input 手机上传图片的坑 input[type=file]标签 本地文件、拍照、录像 上传的兼容性问题 问题描述: 微信内置浏览器打开公司网页,去实现多张片上传,ios是没有问题,但是安卓,只能上传一张; <input type="file" accept="image/*" mult ......
一行命令实现 git仓库变成清爽
如果很多的提交记录 需要去删除 则只用如下命令 git checkout --orphan latest_branch && git add -A && git commit -am "commit message " && git branch -D master && git branch -m ......
vue配置src为@
步骤1:配置jsconfig.js 位置:项目根目录/jsconfig.js { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, // @ 不能在以下目录的文件中使用 "exclude": ["node_m ......
Unknown custom element: <el-tabs> - did you register the component correctly? For recursive components, make sure to vue.runtime.esm.js?c320:619provide the "name" option.
mad 从官网上扒下来的 一模一样就是一直报错 然后一直百度 百度上的答案五花八门 没一个有用的 草!!!!! 这个原因就是你没有在项目中引入element-ui 所以你用它的组件会报错 第一步 npm i element-ui -S 第二步 在main.js里面加入 import ElementU ......
Vue脚手架学习笔记
title: Vue脚手架 date: 2023-03-06 15:10:21 tags: Vue 一、 脚手架文件结构 |--node_modules |--public | |--favicon.ico:页签图标 | |--index.html:主页面 |--src | |--assets:存放 ......
git把本地工程推送到远程仓库
假设远程地址为: https://gitee.com/donghuawang0658/git-study.git 分支: test 本地操作: 1 进入项目跟目录 2 git init 3 git add . 4 git commit -m '推送到远程' 5 git checkout -b tes ......
vue组件化开发---插槽的使用
插槽基本介绍 在开发中,我们会经常封装一个个可复用的组件: 前面我们会通过props传递给组件一些数据,让组件来进行展示; 但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的div、span等等这些元素; 比如某种情况下我们使用组件,希望组件显示的是一个按钮,某种情况下我们使用组 ......
Vue根据时间戳制作倒计时15分钟
废话不多说直接上代码 <script> export default { data() { return { downTimeShow: true, timer: null, downTime: '', nowTime: '', orderList:[ {addTime:'2023.03.27 13 ......