浏览器 项目vite vue
vue核心原理（Diff算法、虚拟dom）
核心原理&源码 Diff 算法 这里参考大佬文章：https://mp.weixin.qq.com/s/oAlVmZ4Hbt2VhOwFEkNEhw diff 算法的进化 关于 diff 算法的最经典的就是 Matt Esch 的 virtual-dom，以及 snabbdom（被整合进 vue 2 ......
浏览器背后的故事、HTTP协议的前世今生
浏览器背后的故事 HHTP 超文本传输协议（HTTP）是一种通信协议，它允许将超文本标记语言（HTML）文挡从Web服务器传送到客户端的浏览器 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出， 经过几年的使用与发展，得到不断的完善和扩 ......
vue-element-template去除登录
一、修改src目录下的permission.js文件 1、注释 //if (hasToken) { // if (to.path '/login') { // // if is logged in, redirect to the home page // next({ path: '/' }) / ......
vue-element-template改为从后台获取菜单
一、后端接口获取菜单信息 1、返回数据样式 { "code": 20000, "data": [{ "menuId": "2000000000000001", "parentMenuId": "0", "name": "Json工具", "menuType": 2, "component": "#" ......
Vue插件router
路由 概念: 一组key-value对应关系 key1 + value1 => 路由route key2 + value2 => 路由route ...... - 上述路由的集合,就是'路由器'(router) - key为路径,value对应 组件或者 回调func 插件: vue-router, ......
IHome主页 - 定制你的浏览器主页
IHome主页是一个功能强大的定制化浏览器主页，它提供了许多优点和功能，可以帮助用户更轻松地管理他们的网上活动。以下是一些IHome主页的主要特点： 笔记功能：IHome主页让用户可以随时在主页上做笔记，将有用的信息记录下来。这样可以避免因为信息太多而忘记重要的细节，提高工作效率。 图片收藏：IHo ......
Edge浏览器新标签页必备插件：IHome主页的功能和优势
当我们打开浏览器时，我们往往会被新标签页所展示的内容所吸引。对于喜欢个性化定制的用户来说，寻找一个能够满足自己需求的新标签页插件是非常必要的。在众多浏览器插件中，IHome主页是一款备受好评的Edge浏览器新标签页插件。本文将为大家介绍这款插件的功能和优势，以及如何使用它来提升您的Edge浏览器新标 ......
换个新面孔：IHome主页插件为你打造个性化浏览体验！
在数字化时代，浏览器已经成为了我们日常生活的必需品。然而，大多数的浏览器默认主页都是相同的、无趣的，可能只有一些常用网站的快捷方式和搜索引擎。这时候，你是否想要一款能够让你的浏览器首页更有趣、更有用的插件呢？那么，IHome主页插件或许就是你想要的答案。 IHome主页是一款新标签页插件，它能够让你 ......
面试官问：你们项目中用Redis来干什么？
你好，我是田哥 面试中，被问到Redis问题的概率非常高，如果问一些理论性的问题，相信你只要背背八股文就能搞定，但，如果结合项目来问就没那么好对付了。 这里给你推荐一个在线刷java面试题的神器： woaijava.cc/mianshi/index 本文，咱们就来聊聊Redis的使用场景（如果你项目 ......
使用包、Crate 和模块管理不断增长的项目
当你编写大型程序时，组织你的代码显得尤为重要，因为你想在脑海中通晓整个程序，那几乎是不可能完成的，通过对相关功能进行分组和划分不同功能的代码，你可以清楚在哪里可以找到实现了特定功能的代码，以及在哪里可以改变一个功能的工作方式 到目前为止，我们编写的程序都在一个文件的一个模块中，伴随着项目的增长，你可 ......
vue打包后前端修改ip地址
1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
vs2022 中项目自动包含bin和obj文件夹
问题描述 最近在vs2022中发现项目显示了bin和obj的文件夹，如下图所示，想要取消它。 解决方法： 在vs2022中菜单栏的“项目” - “显示所以文件”点击即可 ......
JavaScript 浏览器打断点 Debugging
1. 下面我们看一个例子，这里是5+1=6，但是结果是51 console.log效率会比较低 2. debug可以暂停代码，和查看变量，按F12，看Sources 3. 展开鼠标类型，事件监听 em.....，说得有点笼统了 ......
黑马点评项目学习笔记
黑马点评项目 运行前端代码,将nginx打包的前端代码直接放到自己的工作空间中,然后再当前地址打开cmd 控制台,然后输入start nginx.exe运行这个文件,前端代码就可以访问了 然后直接到浏览器中通过http://localhost:8080/访问前端页面 短信登录功能 发送验证码功能 就 ......
十步带你用IDEA创建一个WEB项目及部署（Tomcat）
部署一个web项目首先需要安装Tomcat，还没安装的朋友们可以看一下我这个博客： https://www.cnblogs.com/deyo/p/17241878.html 第一步：打开Idea—新建一个项目 第二步：写项目名称 以及 项目位置 和jdk版本 创建好之后点击Create 第三步：创建 ......
初始化项目
使用vue脚手架3创建项目： 一.安装webpack npm install webpack -g 二.安装vue脚手架 npm install -g @vue/cli 三.创建项目 vue create 项目 这时候可能报错vue : 无法加载文件 C:\Users\Lenovo\AppData\ ......
把项目放在github
一.右上角加号新建一个new repository 填入时license下拉框选择Apache为需要验证，MIT为公开随意拉取 二.git clone拉取代码 报错fatal: unable to access 'https://github.com/1401330051/supermall.git ......
vue2 - axios 的使用
Axios 官网：http://axios-js.com/zh-cn/docs/ Axios的模块化： 二次封装Axios import Vue from "vue" import VueAxios from "vue-axios"; Vue.use(VueAxios) const response ......
Mac电脑创建Vue项目时报错 错误内容：Error: command failed: npm install --loglevel error --legacy-peer-deps
解决方法：在命令vue create xxx前加sudo。 错误原因：应该是用户权限吧，深入不清楚，反正添加sudo后可以成功创建vue项目了。 ......
vue按需加载组件,异步组件
vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性 ###vue2中的动态组件component,官方文档 <!-- 组件会在 `currentTabComponent` 改变时改变 --> <component v-bind:is="currentTabCompone ......
5.运行项目连接Mysql时出现警告Establishing SSL connection without server‘s identity verification is not recommende
jdbc:mysql://localhost:3306/testdb?useSSL=false 添加上述加粗部分,即可解决该警告,标红参数前面为你数据库连接URL,如果有多个参数记得用&连接,例如 jdbc:mysql://localhost:3306/testdb?characterEncodin ......
商城系统项目必须知道的专业数据指标
在面试的时候公司一般都会喜欢招有商城系统或者金融类项目经验的人员，所以这里整理了商城系统专业的数据指标 1. 应收金额=销售订单的数量*售价价，应收金额概念只与支付成功的销售订单相关。 2. 优惠金额=折扣优惠+会员优惠+减免优惠+抹零金额，其概念只与支付成功的销售订单相关。 3. 折扣优惠=成交价 ......
mybatis主要配置文件及项目目录总结
配置总结 1、父工程pom依赖 <!-- 导入依赖--> <dependencies> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.47</versi ......
vue点击图片获取图片原像素坐标
<template> <div> <img ref="image" width="1500px" :src="imageUrl" @click="handleClick"> <div v-if="showCoords">X: {{ x }}, Y: {{ y }}</div> </div> </te ......
vue-element-admin e-icon-picker的input一直不出来
今天项目中有用到e-icon-picker，然后正常引入如下： 安装依赖 全局引入css 全局注册 组件用法 按照以上步骤都加载了，但是页面中一直都没有出现 各种查找原因，最终浪费了很久时间才找到原因，是e-icon-picker的版本的问题，也就是1.1.7版本的input并没有，这个是版本自己的 ......
Vue基础语法整理
# vue基础用法&基础原理整理 1. vue基础知识和原理 1.1 初识Vue 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象 demo容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法 demo容器里的代码被称为【Vue模板】 Vue实例和容器是一一对应的 ......
Vue10*10图片表格的点击效果
要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程：一.用PS切图 1.打开PS，选择切图工具，在左边复选框选择切图工具。 2.单击右键鼠标，选择划分切片。 3.选择水平划分、垂直划分10*10，点击确定。 4.单击菜单栏文件，在导出栏选择储存为Web所用格式。 二.用HBui ......