一直以来记错的CSS属性:Position 元素定位

我一直记忆的是 position:relative 是相对于父级元素定位的,今天才发现原来自己记错了。
也想明白了绝对定位的元素使用 margin:auto 为什么可以实现垂直居中

今天早上心有点静不下来,就去 SegmentFault 上看了看文章,有一篇文章 【“寒冬”三年经验前端面试总结之 CSS 篇】
里边的 垂直居中的方法四 我觉得挺奇怪的。

阅读全文

Jeecg-boot 中台挖坑日记08 Vue 中使用百度地图获取坐标点

突然想起来项目里边的一个需求,在用户申请称为公司账户的时候需要附加公司地址的百度地图坐标点,以便在 APP 中显示。
所以需要用到百度地图的坐标拾取,
反正总不可能让用户自己去拾取然后输入到 <input> 中去。

这篇文章就是简单说一下如何在 Vue 项目中使用百度地图。

使用到的组件: Vue-baidu-map

👉 开发手册

阅读全文

Jeecg-boot 中台挖坑日记07 多登陆入口

项目结尾了,但是需要根据用户和管理员设置不同的登陆入口界面,

所以就想着直接在 @/config/router.config.js 中修改基础路由,
但是因为不知名原因,路由并没有生效。

感觉像是有设置路由守卫全部都跳转回了 #/user/login

阅读全文

Terminator: Dark Fate

不知道怎么,就是想写一篇…
但是最近要加班,不知道什么时候能写完。先放着

很零碎的一些文字。等待之后整理出来吧

阅读全文

Jeecg-boot 中台挖坑日记06 富文本编辑器tinyMCE 图片附件上传

阅读全文

Jeecg-boot 中台挖坑日记05 Axios 异步请求

一开始以为这里坑很大,结果坑其实并不大,而且内置了很多常用函数,
可能是我带有偏见了,所以这篇文章就简短的介绍了一下。

@/utils/request.js 中创建了 Axios 实例,
并且在 @/api/manage.js 中封装了常用函数
只需要在组件内按需导入即可。

阅读全文

Jeecg-boot 中台挖坑日记04 全局 Vue-AntD 标签页的控制

开坑 2019 年 10 月 28 日

暂时没有找到好的方法,在不修改原来 layout 框架的情况下。

阅读全文

记一个 CSS 伪类的 content 用法

content: url('...');

最近在群里看到一种写伪类 content 的用法,觉得很新奇,

群友一开始使用伪类来显示一个小图标,但是这个小图标比较大,
所以他就像设置宽高来显示这个伪类,但是他怎么都设置不了这个伪类的宽高,

我就和他说你设置伪类的宽高不就好了嘛?(我一直以来都是用伪类设置背景图片的形式来做 icon)
他说不行,我就看到了这个独特的写法…

他是直接在 content 里边写了图片的 url,然后神奇的是居然可以显示 content 里填写的图片!!!

阅读全文

Jeecg-boot 中台挖坑日记03 动态路由传参

坑! @YogWang #2019/10/24

jeecgboot 针对路由组件的名字做了规则处理,所以默认不是 UserInfo

  • 如果自定义了路由组件名,则采用自定义名;
  • 未定义路由 name (通过 URL 生成路由 name,路由 name 供前端开发,页面跳转使用)

@zhangdaiscott #2019/10/27 Reply

今天写一个带参数页面的时候,怎么样都是

  • 404 然后跳转到 localhost:8080/#/;
  • 显示空白;

看了 Jeecg-Boot 的技术手册完全按照上边来的写也是不行,还是跳转到 /,在 Vue DevTools 中检查又没有问题。
就又折腾了好久,又是查文档又是看官方的教学视频。
最后真的是烦了,就偷懒了一把,结果成了….原因是啥呢???

阅读全文

Hexo 主题开发 -- 代码块颜色高亮

使用 Hexo 框架,在发布之后会自动给你的代码块进行区分,并没有安装其他依赖。
然后根据生成的 html 基础上进行代码高亮。
只需要匹配对应类名加上 CSS 样式就可以完成基础的代码高亮。

  • 代码块:
    • HTML
    • Javascript
    • css
  • 代码行

先开坑,慢慢填坑。可能要等到 Jeecg-boot 之后陆陆续续完成,也有可能提前,随缘。

阅读全文