marked插件在线实时解析markdown的web小工具


访问地址:

https://mdrush.herokuapp.com/

github项目:

https://github.com/qcer/MDRush

实现简介:

1、动态数据绑定

借助Vuejs,结合的v-html指令和v-html指令。其核心部分的jade模板代码如下图所示:

对应的vue实例处理逻辑如下图所示:

2、抽屉式侧边栏的实现

原理:

在初始状态下,侧边栏的css属性right定义为负值,数值为侧边栏的宽度值。

同时定义一个class标志,当其class出现特定标识时,更改right的值为0,也即达到将侧边栏显示出来。

绑定点击事件,在点击事件中动态的为侧边栏标签添加class标识。

js代码如下图:

优质内容筛选与推荐>>
1、如何获取外网的真实Ip
2、如何读取csv文件的内容
3、PAT 1002 写出这个数 (20)(代码)
4、ZZ’s Fibonacci Problem
5、TWebBrowser的常见属性和方法


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号