在vue2的style标签中使用css变量
我需要，最狂的风，和最静的海。——顾城《世界和我·第八个早晨》 前两天有一个更换主题需求，想将系统主题包括hover颜色都更换 代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<template> <!-- 需要绑定style --> <div class="hello" :style="css"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this project,<br> check out the <a href="https://cli.vuejs.org" target="_...
fast request
一个表达别人 / 只为表达自己的人，是病人 / 一个表达别人 / 就像在表达自己的人，是诗人。——张枣《虹》 分享一个idea版postman Restful Fast Request 是idea版Postman,它是一个强大的restful api工具包插件，可以根据已有的方法帮助您快速生成url和params。Restful Fast Request = API调试工具+API管理工具+API搜索工具。 它有一个漂亮的界面来完成请求、检查服务器响应、存储你的api请求和导出api请求,插件帮助你在IDEA界面内更快更高效得调试你的API。 对比与HTTP Client，Fast Request不仅拥有HTTP Client内置的功能，还提供了友好易懂直观的界面，让使用者调试API的时候能够更加方便、简捷。同时各种类型参数也提供了不同的定制方式，更加灵活。而且集成了搜索、Postman集成，Swagger支持等额外的功能。 官方文档：https://plugins.sheng90.wang/fast-request/ 代码仓库：https...
java MethodHandle转反射对象
春雨将半，各梦所欢。——送花的人走了 最近在看MethodHandle相关内容，我们将MethodHandle转反射的Executable对象，可以这么使用： 1final Executable executable = MethodHandles.reflectAs(Executable.class, methodHandle); 当然你也可以这么用： 12345final MethodHandles.Lookup lookup = MethodHandles.lookup(); MethodHandle methodHandle = lookup .findStatic(Test.class, "myMethod", MethodType.methodType(resultType, paramerType)); Method method = lookup.revealDirect(methodHandle).reflectAs(Method.class, lookup); System....
规则引擎ice
在人生或者职业的各种事务中，性格的作用比智力大得多，头脑的作用不如心情，天资不如由判断力所节制着的自制，耐心和规律。 —— 海鸣威 《真实的高贵》 分享一个规则引擎ice 官网：http://waitmoon.com/zh/ 快速上手：http://waitmoon.com/zh/guide/getting-started.html
在线pdf编辑器
无论是什么原因，被禁止永远是一种没有授勋仪式的荣誉。——鲍勃·迪伦 分享一个在线pdf编辑器： https://www.docfly.com 上传完就进到编辑页面了 功能齐全，还是非常nice的
乾坤
生如夏花之绚烂，死如秋叶之静美。——泰戈尔《生如夏花》 分享一个微前端框架乾坤：https://qiankun.umijs.org/zh github：https://github.com/umijs/qiankun 快速开始：https://qiankun.umijs.org/zh/guide/getting-started 快速上手主应用1. 安装 qiankun1$ yarn add qiankun # 或者 npm i qiankun -S 2. 在主应用中注册微应用123import { registerMicroApps, start } from 'qiankun';registerMicroApps([ { name: 'react app', // app name registered entry: '//localhost:7100', container: '#yourContainer', activeRule...
拖动滑块验证
有事情是要说出来的，不要等着对方去领悟，因为对方不是你，不知道你想要什么，等到最后只能是伤心和失望。尤其是感情。——《麦兜》 效果： 源码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
css background图片
只有用水将心上的雾气淘洗干净，荣光才会照亮最初的梦想。——『百年孤独』 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background 首先我们可以使用 1background: url(/img/oss/2020-06-01/head.jpg); 来指定背景图片 如果我们需要修改透明度，则可以使用其可以叠加的特性 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) 其次，我们可以设置拉伸效果和位置： 包含（表示不进行任何裁剪，多余的部分会空出，center是表示位置处于正中央） 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) center/contain no-repeat; 封面(以图片的短边铺满，会进行裁剪) 1...
Navigator.clipboard
人类侥幸拥有了智慧，就应该善用它。——王小波 惯例，MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/clipboard 注意该API只能在https或者本地开发环境生效 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。 在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后，才能使用异步剪切板读写方法。许可操作必须通过取得权限 Permissions API 的 "clipboard-read" 和/或 "clipboard-write" 项获得。 我们来写一段代码： 123456789<body> <div class="cliptext"></div> <script> ...
金朵希的谜题
阅读使人充实，会谈使人敏捷，写作使人精确。——培根 分享一个网站 可以解决斑马难题 这里是金朵希的谜题 出席晚宴的有温斯洛女士(Winslow)·马可拉医师（Marcolla)康提伯爵夫人(Contee)·奈子欧夫人(Natsiou)舆芬奇男爵夫人( Finch) 。所有女士排成一列就座。她们都穿著不同颜色的衣物,芬奇男爵夫人戴了一顶样式活泼的紫帽子·马可拉医师坐在最左边，旁边是穿著白外套的客人·身穿绿衣的女士坐在穿红衣客人的左边。我纪得那件缘色衣服，是因为这位女士把她的苦艾酒洒在上面了。来自拜勒腾的客人穿善一身蓝。其中一位晚宴贵宾炫耀她的鼻烟盒时，坐在她旁边的女士说她的故乡拜勒腾出产的更好接著柰子欧夫人亳出珍贵的战争勋章炫耀。来自卡纳卡的女士不以为然地说那完全比不上她的鸟形项坠。另一位客人带来了一件珍贵的钻石，而正当客人看著自己的钻石时，坐在她隔壁来自达波克瓦的访客差点打翻了身旁客人的威士忌。温斯洛女士举起葡萄酒敬酒。来自自由港的女士喝了太多啤酒，跳到桌子上之後摔在正中央座位的客人身上，打翻了那位可怜女士的兰姆酒。接著康提伯爵夫人讲述了她年少时在丹沃丽的放纵经历，令所有人...