首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    改善代码块折叠和选中功能

    对于技术类的分享文章而言,或多或少会需要使用到代码块的功能,Hugo NexT主题中默认也是支持代码块的展示,只不过无法支持代码块进行折叠和展开的操作,且在代码选中时的样式与背景也不太容易区分,同时也还发现其他的一些小问题...本以为只是需要给代码块增加个点击事件监听,然后进行相应的展开或折叠操作,但发现定位这个代码块的元素有些问题,原因是受限于之前实现代码块渲染功能时,使用的是内嵌入的样式来支持的,而Hugo生成的代码又是比较的混乱...classList.toggle('collapse'); }, false); element.parentNode.insertBefore(ch, element); }); 信息 至于代码选中的区分...另外为了更好的兼容在不同浏览器进行代码拷贝,新引入了 clipboard.js 库重写代码拷贝的功能。原以为引入这个库后也可以同步解决拷贝代码时末尾出现换行的,只是最后发现还是得靠自己来解决才行。...这里使用的是将Dom元素中的textContent变量来代替默认的innerText,同时增加去除空格的处理。

    6110

    JS魔法堂:阻止元素被选中

    一、前言                               在为IE5.5~9polyfill HTML5新特性placeholder时需要阻止元素被选中,因此在网上、书上查阅相关资料,记录在此以便日后查阅...以下两个属性目前并未支持,写在这里为了减少风险 */ -o-user-select: none; user-select: none; } user-select: auto; => 用户可以选中元素中的内容...user-select: none; => 用户不可选中元素中的内容 user-select: text; => 用户可以选中元素中的文字 目前这个 user-select 兼容 Chrome 6+、...} }; 四、参考                                《JavaScript框架设计》──9.3.2 user-select    http://www.html-js.com

    3.9K60

    【Unity ShaderGraph】| 快速制作一个 卡通阴影色块效果

    前言 本文将使用ShaderGraph制作一个卡通阴影色块的效果,可以直接拿到项目中使用。...【Unity ShaderGraph】| 快速制作一个 卡通阴影色块效果 一、效果展示 资源下载方式: ShaderGraph效果资源整合文件【其中内容持续更新】 二、卡通阴影色块效果 首先在Project...ShaderGraph,在ShaderGraph 面板中添加以下节点,然后对节点进行连接,如下所示: 通过调节Color节点的颜色,可以改变周围的颜色效果,调整Sample Gradient节点可以设置几个阴影色块颜色...快捷方法是在Project下鼠标选中该ShaderGraph,然后右键Creat创建一个Material,这样我们创建出来的材质球,就自动使用这个Shader了。

    57830
    领券