文化沙漠麦七-CSDN博客

原创微前端（二）Systemjs模块化入门

Systemjs是什么？systemjs 是一个最小系统加载工具，用来创建插件来处理可替代的场景加载过程，包括加载 CSS 场景和图片，主要运行在浏览器和 NodeJS 中。它是 ES6 浏览器加载程序的的扩展，将应用在本地浏览器中。通常创建的插件名称是模块本身，要是没有特意指定用途，则默认插件名是模块的扩展名称。缺点：版本兼容性差，对开发者体验不好使用通过webpack将react应用打包为systemjs模块，在通过systemjs在浏览器中加载模块安装配置npm install webpa

2021-04-23 15:28:14 6507

原创微前端（一）微前端是什么？为什么要用微前端？

微前端是什么？参考网站：https://micro-frontends.orghttps://microfrontends.com微前端就是与多个可以独立发布功能的团队一起构建现代化web应用程序的技术、策略和方法，将大而可怕的事物分割成更小、更易于管理的部分，然后明确它们之间的依赖关系。我们的技术选择，我们的代码库，我们的团队，以及我们的发布过程都应该能够相互独立地操作和进化，而不需要过度的协调。微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体

2021-04-23 10:04:48 20408 2

原创 Vite2.0发布，Webpack等模块化编译打包的时代要结束了吗？

Vite号称下一代前端开发工具，噱头大还是真的有能力？之前就一直听说Vite那里好那里好，像极了别人家的孩子，今年2月Vite2.0发布，Vite时代拉开序幕Vite是什么？Vite 官方中文文档：https://cn.vitejs.dev/guideVite (法语意为 “快速的”，发音 /vit/) 是尤雨溪开发的一种新型前端构建工具，它基于原生ES模块提供了丰富的内建功能。开发环境下使用模块热更新（HMR），项目随启随用，即时更新。生产环境下，它使用 Rollup 打包，并且它是预配.

2021-04-22 16:06:01 1079

原创教你一招，轻松找到符合自身的项目练习

之前有个同学问我：七哥，我现在大三了，没有像样的项目经验怎么办？学校学的东西零零碎碎，平时都是跟着老师做，现在要自己做项目，从项目的内容、结构都很迷茫，求推荐几个好项目学习一下。这里我就要说你一句啦，是不是上课没好好听课？不然一个学期下来，知识点肯定是完整的，写个项目没啥问题，是不是漏了几节课啊（手动坏笑）好了，不开玩笑了，今天就教大家怎么轻松找到符合自身的项目练习首先，我们可以上github或者gitee搜索你需要的知识内容，或者所需要的框架例如你要找Vue+springboot的商城类项目，那我

2021-04-14 16:18:14 326

原创教你一招，利用Gitee自带的Gitee Pages，不需要服务器也能拥有自己的网站

首先，这种方法只适用于不需要数据交互的网站，即静态数据网站那么，需要做些什么？一、首先我们要拥有自己的Gitee账号大家注册的时候不要像我一样带一些乱七八糟的符号，因为这样有些软件会识别不出这是一个链接，前往注册>>二、建立一个公共仓库必须是开源的三、上传我们的项目，但是项目必须符合以下目录结构index.html一定是在最外层怎么上传？1、直接建文件夹上传（不推荐）2、通过Git指令上传这里就不详说了，有需要可以看我以前的文章使用git命令上传/更新项目到gith

2021-04-13 15:14:56 9605 1

原创 Vue使用ECharts完成2020年全国各地区GDP总量大数据可视化面板（附源码）

就在上周全国各地区GDP总量上了热搜，一时性起就想写个大数据面板展示既然决定要写，那么就要考虑到图表和图标的使用，这里我是用了我最熟悉的两大框架ECharts和element-ui一、我的构思步骤1. 确定主题色彩首先我们通过ECharts主题定制确定我们的总体图表颜色也可以自行定制，替换掉我里面的macarons.json文件就行了import macarons from './macarons.json' // 引入默认主题 export default { d

2021-04-12 10:39:01 5083 13

原创 js运算符

1、算数运算符运算符描述+加-减*乘/除%系数++递加- -递减**幂2、赋值运算符运算符例子等同于=x = yx = y+=x += yx = x + y-=x -= yx = x - y*=x = yx = x * y/=x /= yx = x / y%=x %= yx = x % y3、比较运算符运算符描述==

2021-04-02 14:31:19 411

原创 uniapp蓝牙模块demo

<template> <view> <button type="primary" @click="startBluetoothDeviceDiscovery">搜索蓝牙</button> <button type="primary" @click="onBluetoothDeviceFound">发现外围设备</button> <button type="primary" @click="getBluetoothDe

2021-03-30 14:28:41 5536 6

原创 onBluetoothDeviceFound获取蓝牙设备为什么没有任何反应？

这里以uni.onBluetoothDeviceFound为例包括（微信小程序、支付宝小程序）也是同理onBluetoothDeviceFound() { console.log("发现外围设备") uni.onBluetoothDeviceFound((res) => { console.log(res) console.log(JSON.stringify(res.devices)) })},确保代码没bug的情况下，一般搜索需要等待几秒才会出结果，如果没出来，那就是部分

2021-03-27 10:10:22 5345 6

原创 Vue使用photo-sphere-viewer360°×180°全景插件模拟VR看房、房间切换

近两年随着VR的火热，市面上也出现了很多购房和二手房软件小程序出现了VR看房功能，实现足不出户就能亲身体验，那么类似这样的功能是怎么实现的呢？今天阿七就和大家一起来学习一下360°×180°全景插件photo-sphere-viewer和他的插件（这里只用到标记插件Markers）photo-sphere-viewerphoto-sphere-viewer是基于three.js和uEvent 2下载插件使用npm或yarn下载安装npm install photo-sphere-viewer

2021-03-24 15:10:08 4349 10

原创使用git命令上传/更新项目到github

输入 git clone https://github.com/zsptsf/uniapp.git克隆远程版本库打开项目，在此处打开git bash heregit config --global user.name 配置用户名git config --global user.email 配置邮箱git init 初始化本地版本库，这时会在自己本地的文件夹中出现一个隐藏.git文件夹git add . 跟踪所有改动过的版本或git add <文件名> 跟踪指定..

2021-03-13 10:23:12 443

原创如何将自己的包发布到npm

为什么要发布到npm?一、方便开发者使用，支持开源（比较常见的一些组件都可以通过npm install直接下载）二、看一下npm官网的资源包和周下载数也可以明白用户是非常多的这里我就以先前写的Vue实现简单列表无限循环滚动（鼠标悬停）为例，当成一个组件包发布上去1.在本地新建一个名为AnimateList文件夹，使用npm init进行初始化2.使用npm login登录（要先到官网注册账号哦）3.使用npm publish发布发布成功后，就可以看到我们的资源包啦我们可以使用npm

2021-03-12 15:34:27 650

原创 Vue实现简单列表无限循环滚动（鼠标悬停）

父组件：<template> <div id="animateList"> <div id="box"> <div id="con1" ref="con1" :class="{anim:animate==true}" @mouseenter="mEnter" @mouseleave="mLeave"> <p v-for='item in List'>

2021-03-12 14:33:26 7016 2

原创 vue2和vue3生命周期对比

图示（Vue2为例）：对比： vue2 Description vue3 Description beforeCreate 组件实例刚被创建，组件属性计算之前，如data属性等 setup 开始创建组件之前，在 beforeCreate 和 created 之前执行。创建的是 data 和 method created 组件实例刚被创建，属性已绑定，但DOM还没生成，*$el*属性还

2021-03-06 14:43:28 1150

原创 springboot+Vue前后端分离使用Jackson类库的@JsonFormat导致数据库查询出时间晚八个小时问题

最近写项目的时候发现Java使用new Date()存入MySQL时间是一致的而前端拿到的数据却是晚八个小时的。首先想到的当然是时区问题，可以看到我这里使用的是东八区时间，然后我就改成GMT、UTC、CCT等等其他时区，还是存在误差（改成GMT不行是因为我MySQL那边是东八区的时间）spring: datasource: url: jdbc:mysql://localhost:3306/blog?useUnicode=true&characterEncoding=utf8&

2021-01-07 09:48:10 419

原创 SpringCloud微服务入门——多模块项目构建管理（附源码）

一、构建多模块的Maven项目由于SpringCloud中有许多组件，每个组件都需要单独进行开发和维护，为了便于统一的版本维护和管理，我们经常会用到Maven的多模块模式。1.创建主工程2.点击这里下载插件3.修改pom.xml内容<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/200

2020-12-05 16:59:58 1596 2

原创（助力校招）还在找工作的小伙伴看过来，2020年100道Java基础面试题（附答案和解析）

金九银十，马上2020年10月份就过去了，作为小白是不是还在为拿不到合适的offer烦恼，面试有技巧，知识要过关。操练题目，发挥更稳。一起来学学这些经典面试题和相关知识拓展吧！一、数据类型在java源代码中，每个变量都必须声明一种类型（type）。有两种类型：primitive type和reference type。引用类型引用对象（reference to object），而基本类型直接包含值（directly contain value）。因此，Java数据类型（type）可以分为两大类：基本类

2020-10-24 14:53:35 3487 2

原创 vue-cli4/vue-cil3使用process.env.VUE_APP_BASE_API全局地址代替vue-cli2的process.env.BASE_API

前几天Vue3.0正式发布，也说明了Vue3.0后面不会再有大规模改动，大家可以开始系统性学习了，虽然目前大多数公司使用的还是Vue2.0，但这只是一个过渡阶段，Vue3.0经历了两年的开发，在去年Vue2.0也引入了Vue3.0体验组件，后面基本是新项目肯定会使用Vue3.0，Vue2.0到Vue3.0变化还是蛮大的。今天就一起学一下vue-cli4/vue-cil3和vue-cli2在全局地址process.env上的使用吧。由于我们的项目需要在不同环境下进行运行(开发，生产，测试等)，这避免我们需要

2020-09-28 09:50:15 37823 11

原创鸿蒙初体验（三）：使用JS FA应用写一个简单的猜数字游戏

关于HarmonyOS 2.0相关应用软件的安装和使用可以参考鸿蒙初体验：从安装到第一个程序 Hello HarmonyOS关于HarmonyOS 2.0JS FA应用的开发和结构可以参考鸿蒙初体验（二）：使用JS FA应用的chart组件画一个简单线性图一、创建项目首先我们打开DevEco Studio新建一个Js项目二、编写代码index.css.container { flex-direction:column; width: 100%; height: 100%

2020-09-23 15:42:52 8554 1

原创鸿蒙初体验（二）：使用JS FA应用的chart组件画一个简单线性图

关于HarmonyOS 2.0相关应用软件的安装和使用可以参考鸿蒙初体验：从安装到第一个程序 Hello HarmonyOS话不多说直接直奔主题一、创建项目首先我们打开DevEco Studio新建一个Js项目二、项目结构建立完成后可以看到我们的目录结构是这样的是不是很像我们的Vue了呢，没错HarmonyOS的JS FA应用也是通过node.js去封装的1.目录结构目录结构中文件分类如下：.hml结尾的HML模板文件，这个文件用来描述当前页面的文件布局结构。.css结尾的CSS

2020-09-19 17:08:17 5636

原创鸿蒙初体验：从安装到第一个程序 Hello HarmonyOS

华为鸿蒙OS 2.0就不多介绍了一、源码和应用下载地址鸿蒙的源码地址：https://openharmony.gitee.com华为开发者联盟：https://developer.huawei.com/consumer/cn官方文档：https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-layout-dependentlayout-0000001050729536二、安装与运行1.运行环境要求DevEc

2020-09-19 08:49:53 13751 5

原创 Instantiation of bean failed；nested exception is org.springframework.beans.BeanInstantiationExcept:

但我们在构造函数里使用通过@Autowired注释去bean的一个服务时，出现NullPointerException，也就是空指针异常Instantiation of bean failed;nested exception is org.springframework.beans.BeanInstantiationExcept:Constructor threw exception; nested exception is java.lang.NullPointerException出错代码如下p

2020-09-16 15:41:04 21180

原创服务器上对war包和jar包获取对应文件图片路径的写法

当我们项目发在服务器时，想去操作该目录下的文件怎么办？我们在开发的过程中肯定少不了就文件的操作，例如：文件下载、图片获取，视频获取等等，那么我们怎么才能精准的拿到文件呢？一、以war包形式发布在Tomcat上，我们可以使用下面语句可以获取到项目部署的路径//项目磁盘路径String realPath = request.getSession().getServletContext().getRealPath("/");同时Tomcat运行后webapp下的文件也会自动部署到此目录下二、以jar

2020-09-09 11:22:43 1051

原创 el-tooltip组件中content使用Vue-i18n报错TypeError: Cannot read property ‘$t‘ of null

一般我们组件内使用动态绑定时会这样写 this.$t(‘manage.add’)<el-input :placeholder="this.$t('manage.add')" v-model="input"></el-input>但是当我们使用el-tooltip组件时<el-tooltip :content="this.$t('manage.edit')" placement="bottom"> <el-button type="primary" i

2020-09-05 14:51:33 1201

原创 Vue利用localStorage本地缓存使页面刷新验证码不清零

今天我们使用本地缓存localStorage来实现页面刷新了，验证码倒计时还是和刷新时一样，而不是清零，其次我们可以使用localStorage去实现用户信息缓存，记住密码等等关于缓存的功能，在这里就简单演示一下验证码功能。一、功能实现话不多说，直接上代码<template> <button @click="getCode()" :disabled="!show"> <span v-show="show">发送验证码</span>

2020-09-03 11:43:20 1050 3

原创谨用skip-grant-tables

最近看到网上很多教程说解决1044 - Access denied for user ‘’@‘localhost’ to database 'XX’去使用skip-grant-tables打开MySQL安装根目录下的文件 my.ini（Windows系统），my.cnf（liunx系统）找到 [mysqld] 这一行，并在该行下面加上 skip-grant-tables但是你知道skip-grant-tables是放弃全部校验吗？也就是说不管使用什么名称和密码都是可以连上你的数据库的，这就很离谱。所

2020-08-13 10:11:31 521

麦七的博客