Admin 发布的文章

IDEA用Spring Initializr创建一个新的工程

创建如下目录和文件：

test.css

.my-style {color: #409EFF}

test.js

function sayHello() {
    alert('显示该弹窗因为引入了test.js')
}

index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
</head>
<body>
    主页
</body>
</html>

test.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <link rel="stylesheet" href="/css/test.css" type="text/css">
</head>
<body>
    <p class="my-style">这段文字颜色因引入test.css而改变</p>
    <p><button onclick="sayHello()">点击按钮</button></p>
    <p><img src="/image/win95.jpg" width="300px"></p>
    <script src="/js/test.js"></script>
</body>
</html>

运行项目，访问127.0.0.1:8080

访问127.0.0.1:8080/test.html

点击按钮

以后项目中，如果前端是webpack打包，直接把打包资源放public文件夹即可

  • Oracle JDK8u201：直接官网下载，并配置环境变量
  • Maven 3.6.3：直接官网下载，并配置环境变量
  • IDEA 2019.3.5 Ultimate：直接官网下载安装。不推荐IDEA 2019.1.2版本，跟Maven 3.6.3配合使用会报错

  • Maven配置1：在settings.xml里的profiles节点添加：

    <profile>
<id>jdk-1.8</id>
<activation>
  <activeByDefault>true</activeByDefault>
  <jdk>1.8</jdk>
</activation>
<properties>
  <maven.compiler.source>1.8</maven.compiler.source>
  <maven.compiler.target>1.8</maven.compiler.target>
  <maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion>
</properties>
</profile>

  • Maven配置2：在settings.xml里的mirrors节点添加：

    <mirror>
<id>nexus-aliyun</id>
<mirrorOf>central</mirrorOf>
<name>Nexus aliyun</name>
<url>http://maven.aliyun.com/nexus/content/groups/public</url>
</mirror>
  • IDEA配置如图：

强烈建议用自己的Maven而不是IDEA自带的。昨天在开发Mybatis-Plus时，引用资源jar一直下载不下载，改用自己的Maven配合阿里云镜像就可以了

整理自Vue入门视频教程：https://www.bjsxt.com/down/11723.html

  • 百度搜索vs code去官网下载安装vs code
  • 在Vscode里安装Vetur插件，装下载次数最多的那个
  • 百度搜索Node.js去官网下载并安装Node.js
  • 安装Webpack
npm install webpack -g

如果Mac提示权限问题可以在命令行前面加上sudo

  • 安装Vue CLI
npm install -g @vue/cli
  • vs code打开一个文件夹，终端执行命令创建vue项目
vue create project-name

选择手动配置，回车，然后勾选Babel、PWA、Router、CSS，回车然后选择Less
win10可能会提示“vue : 无法加载文件 C:/Users/John/AppData/Roaming/npm/vue.ps1，因为在此系统上禁止运行脚本”，把这个报错拿去百度，一般第一条就是解法

  • 进入project-name文件夹，运行项目：
npm run serve
  • 添加组建方式：在src目录下新建components目录，然后在目录里新建组建文件Hello.vue。在App.vue里面添加
import Hello from './components/Hello.vue'

在export default里添加

components: {
    Hello
}

这样就可以在div里引用它：

<hello />
  • 更多组建的高级复用方式，可以去vue官网查看Prop和$emit
  • 路由的使用：之前创建项目时选择了Router就可以直接用，路由的使用，包括二级路由，请看顶部视频教程
  • 调试时跨域的处理：请看顶部视频
  • Element-UI的使用，执行安装：
vue add element

随着市场成熟，云服务器价格趋于稳定，在没有节日促销情况下购买，基本都是买在最高点。
如果是小公司或者个人使用，建议可以考虑阿里云的轻量应用服务器：链接直达
来看一下对比价格：
轻量应用服务器，2核 1G 30Mbps：24元/月

同区域普通ECS服务器，1核 1G 30Mbps：2760元/月

虽然说轻量的月流量为1TB，但是正常情况下，几乎用不到那么多流量
当然，ECS贵有贵的道理，比如负载均衡等高级功能，除非你用得到，否则没必要多花100倍的钱去买这么高配置。
阿里云轻量应用服务器：链接直达

const GMT = +8 // 需要获取0点时间戳的时区
const offsetMs = new Date().getTimezoneOffset()*60*1000 // 系统时区偏移量
const date1 = new Date(new Date().getTime() + GMT*3600*1000)
const ymdUTC = date1.getUTCFullYear()+'/'+(date1.getUTCMonth()+1)+'/'+date1.getUTCDate()
const beginTime = new Date(ymdUTC).getTime() - offsetMs - GMT*3600*1000
const endTime = beginTime + 24*3600*1000 -1 // 当日最后1毫秒时间戳

beginTime即GMT变量对应时区0点的时间戳
可将beginTime拿去 https://tool.lu/timestamp 验证

  1. 1
  2. ...
  3. 8
  4. 9
  5. 10
  6. 11
  7. 12
  8. 13
  9. 14