迟来的2018总结

已经2019年了,由于最近一大堆事情,没有时间更博,现在终于有时间好好坐下来总结一下自己的2018了。

阅读全文

实现基于codemirror的markdown编辑器(二)

前面我们提到了如何加载codemirror组件和一些基本配置,以及如何实现实时预览。接下来才是重头戏,我们需要实现同屏滚动和添加自定义按钮。

阅读全文

实现基于codemirror的markdown编辑器(一)

我们知道,要实现一个Markdown编辑器,一般会想要实现这样的功能:实时预览、同步滚动、支持标签按钮添加、markdown语法高亮等等。那么如何去实现一个功能比较完整的markdown编辑器呢?

首先这里我们只讨论web端,其实现在市面上的Markdown编辑器已经很优秀了,有道笔记、印象笔记、Cmd等等,很多都可以拿来直接用,满足基本需求足够了。但是作为前端程序员来说,当然想要实现一个自己定制化的markdown编辑器比较有意思,不过通过查阅资料文档和各种框架比较,发现也不是那么容易的事。

阅读全文

点击按钮粘贴所选内容到剪贴板

我们经常可以看到这样的功能,点击某个按钮可以自动复制想要的内容到剪贴板。比如说某个图片、视频的地址,某个输入的内容,我们有的时候懒得去用键盘鼠标选中某个区域,希望只用点击一下,就能复制想要的内容。

阅读全文

纯CSS绘制不同的图形

为什么要用CSS绘制图形?我们知道,一般表示图案可以用img标签,直接用切好的图片,或者用background加载背景图。但是,当我们遇到一些小图标,比如说三角箭头、半圆、对话框、圆形等等。这些简单的图案其实可以完全使用CSS来生成,这样可以极大的减少图片资源的请求和加载,从而使网页加载速度更快。

阅读全文