3k 3 分钟

# 前提条件 你已经在本地搭建好了 Hexo 所需要的环境 Git、Node.js、hexo 且已经在本地可以运行 Hexo 静态网站, Git 推荐 gitbash 代替 cmd # 本地机器配置 在本地机器任意目录右键 git bash 打开命令窗口使用 ssh 生成公钥 # 生成密钥命令ssh-keygen -t rsa然后连按三次回车出现如下界面即代表生成成功,默认生成位置在你的用户文件夹里的 .ssh 文件夹里 我的是部署在 github...
1.9k 2 分钟

以前我的项目 Icon 都是使用 iconfont 来下载 SVG,然后在项目中使用这些 SVG <img :scr=svgLogo />...<script>import svgLogo from '@/assets/svg/handsome.svg'</script>代码现场手打,复制绝对报错。你想想每使用一个 SVG 就要来这么一段,一看就让人内牛满面,后来知道了这个东西: svg-sprite-loader ,大概的意思就是把 SVG 转成了 HTML 的 symbol 标签,当然 98% 的人不会关心你到底是...
12k 11 分钟

# 项目需求 最近项目上有个需求是点击弹窗显示一张地图(图片),用户可以在地图上点击拾取当前坐标的 x y 并绘制成线,以达到在地图上做标注的功能,直接使用地图框架显得太重,于是要求手写一个 SVG 画线功能,并将点击的 x y 坐标提交到后台用以回显 # 开始 好在百度了一篇有个画线功能的 demo😆 , 由于这个 demo 是原生 JS 书写的,还要改成 Vue 支持的写法,比如方法调用要用 this 全局变量冲突, 变量未定义 等等,这 demo 过于老旧,最终将画线功能修改为 Vue 版,并拆分成组件。 # 第一版 完全按照 demo 逻辑书写的,...
4k 4 分钟

# Vue Router Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由 / 视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式,在 IE9 中自动降级 自定义的滚动条行为 # 导航守卫 译者注 “导航” 表示路由正在发生改变。 正如其名, vue-router...
2.5k 2 分钟

# 后端接口代码打包 maven clean maven compile maven package 打包完成后将 target 下的 war 包或者 edts 文件包放在 tomcat webapps 下或者任意目录下 # 编辑 tomcat server.xml 文件 元素 - 属性 解释 host (表示一个虚拟主机) name 指定主机名 appBase 应用程序基本目录,即存放应用程序的目录 unpackWARs 如果为 true,则 tomcat 会自动将 WAR 文件解压,否则不解压,直接从 WAR 文件中运行应用程序 Context (表示一个 web...
1.8k 2 分钟

# 事件总线 EventBus 又称为事件总线。在 Vue 中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的 “灾难”,因此才需要更完善的 Vuex 作为状态管理中心,将通知的概念上升到共享状态层次。 // 原理上就是建立一个公共的 js 文件,专门用来传递消息// bus.jsimport Vue from 'vue'export default new Vue;// 在需要的 .vue...
7.5k 7 分钟

# 简介 # ESLint ESLint 由 Nicholas C. Zakas (《JavaScript 高级程序设计》作者) 于 2013 年 6 月创建,它的出现因为 Zakas 想使用 JSHint 添加一条自定义的规则,但是发现 JSHint 不支持,于是自己开发了一个。 ESLint 号称下一代的 JS Linter 工具,它的灵感来源于 PHP Linter,将源代码解析成 AST,然后检测 AST 来判断代码是否符合规则。ESLint 使用 esprima 将源代码解析吃成 AST,然后你就可以使用任意规则来检测 AST 是否符合预期,这也是 ESLint...
3.6k 3 分钟

:::note info 以下为个人学习笔记和习题整理 课程:零基础学 Java 语言 - 浙江大学 - 翁恺 @ 中国大学 MOOC https://www.icourse163.org/course/ZJU-1001541001 ::: # 课堂笔记 # 关系运算 六个关系运算符: 运算符 意义 == 相等 != 不相等 > 大于 >= 大于或等于 < 小于 <= 小于或等于 关系运算结果为 true 或 false 优先级 所有关系运算符的优先级比算术运算低,但比赋值运算高 判断是否相等的 == 和!=...
2.7k 2 分钟

:::note info 以下为个人学习笔记和习题整理 课程:零基础学 Java 语言 - 浙江大学 - 翁恺 @ 中国大学 MOOC https://www.icourse163.org/course/ZJU-1001541001 ::: # 课堂笔记 # 读输入、字符串输出 scannerimport java.util.Scanner;...Scanner in = new Scanner(System.in);// 输入 Scan 之后,按下键盘 Alt + “/” 键,Eclipse 下自动补全。System.out.println(in.nextLine());// 让 in...
1.2k 1 分钟

# 需求说明 是根据后台返回 0(停用) 和 1(启用) 动态显示开关 对开关进行操作时请求后台,需要传两个参数: id , status 启用时传 1 停用时传 0 并携带 id , 当主机下面包含通道是则不能改变 状态 ,并根据给出提示 # 套用 <el-table-column prop="status" label="状态" align='center' width="150"> <template...