独书先生 Menu

新工具发布:keycode在线识别

需求

前端开发过程当中,我们有时候会需要监听键盘事件,比如使用document.onkeydown去监听,接着就要根据每个键盘的keycode来判断用户按了哪个键。

document.onkeydown = function (event) {
  var e = event || window.event || arguments.callee.caller.arguments[0];

  if (e && e.keyCode == 27) {
    // 按 Esc
    //要做的事情
  }

  if (e && e.keyCode == 113) {
    // 按 F2
    //要做的事情
  }

  if (e && e.keyCode == 13) {
    // enter 键
    //要做的事情
  }
};

为了找到keycode,通常我们都需要去搜索下,很麻烦。有没有快速查找这些keycode码的方法呢?

答案就是小编要推荐的这款工具,快速识键盘的keycode

工具

地址:https://dushusir.com/kcode/

使用方式:

  • 打开网页,直接敲击键盘,就能直接显示对应的keycode了
  • 点击右上角的table还能显示全部的按键对应的keycode,查找起来非常方便
  • 还可以切换暗黑和正常模式

总结

有任何疑问欢迎向作者反馈,更多小工具,欢迎访问:https://lwebapp.com/zh/tools

免费微信红包封面限时赠送3000份!快来领!

什么是微信红包封面

我们都用过微信发红包,默认的红包样式是比较简单的红色,但是最近两年微信推出了企业和公众号作者可以定制主题的微信红包封面,让大家领取自己喜欢的品牌的微信红包样式,发出去的红包非常亮眼。

朋友们可能注意到了,最近朋友圈都在闹铃抢微信红包封面,过年的气氛也热闹起来了。

小编因为之前也是输出了几篇原创文章,微信公众平台官方赠送了免费的微信红包封面兑换卡,第一时间自主设计了一个微信红包封面,现在免费发放给朋友们

下面是几张预览图,大家可以看看,如果觉得不错的话,可以领取玩玩,不感兴趣也没关系,也多给小编提提改进建议,说不定下次设计的会更好看点。


在哪里可以领取

领取链接在下方二维码,数量有限,先到先得。

我可以赠送红包封面给朋友吗

可以转发这篇文章给您的朋友,你的朋友直接扫描上面的二维码领取即可。

封面数量没有了怎么办

  1. 如果发现文章内红包链接显示被领取完了,请关注:技术分社 公众号,回复:红包,即可领取。

微信openHacking

  1. 如果关注公众号并回复红包还没有领到红包封面的,回复:小编,直接加小编的微信,直接问小编领取红包封面。

总结

以上就是小编为您整理的现在最火的红包封面领取办法了,赶快告诉你的亲朋好友来领取吧!

火爆朋友圈H5小游戏Looptap

最近,一款小游戏火了,叫Looptap。

这款可以一玩就玩一天的Looptap游戏,特别适合在排队、等地铁的时候玩两把,

游戏非常简单,就是在球球转圈的时候,点击屏幕,让球球能触碰到缺省的圆环。

在线地址:https://dushusir.com/looptap/

备用地址:https://lwebapp.com/looptap/

一起玩玩看看你能得多少分吧

关注公众号:技术分社,订阅更多小游戏

上海接种第三针加强针还有补贴吗?

背景

最近上海部分地区出现了本土病例,1.13日通报上海静安区确诊新冠肺炎病例5例,1.14日上海前一日新增本土确诊病例2例。

上海市也在1.13日20:00举行疫情防控工作新闻发布,邀请市卫生健康委、市民政局、静安区相关负责人及有关专家介绍情况。

https://v.qq.com/x/page/o3318sslhgq.html

在这期间截止作者发稿时间2022年1月16号之前,上海的行程码还是带星号的,之后还要带星号多久,还要看具体的疫情防控情况。

虽然这样的情况给大多数人出行带来了麻烦,但是我们还是要积极配合我们的疫情防控人员、医务人员做好预防、检查的准备,不添乱,争取大家能过个好年吧。

现在必须严防死守,坚决打好疫情防控战。

除了好好居家防护,还有一项重要任务就是接种新冠疫苗。

现在已经开放了新冠疫苗第三剂加强针的接种,可以看到很多地铁口都有志愿者或者医务人员举着牌子告诉大家可以接种新冠疫苗了。

小编了解到,新冠疫苗第二针接种超过6个月,就可以继续接种第三针加强针了,部分地区还开放了补助名额。小编给大家争取到了一些补贴福利,可以看看以下的补贴要求,看看自己是否可以接种了,一旦时间到了就可以接种了,暂时没有到时间的,也可以先预约着,到了时间直接过去。

补贴消息

1.15号更新

📣1月15号上海市普陀区人民政府补贴150最高价❗❗❗

❤️7号线岚皋路出来直行再左转即到

普陀区打第三针

要求:

1⃣️不限区域,在中国打过第二针在上海打第三针都要,

2⃣️必须距离第二针6个月以上的。(7月13号以前打的都可以)

3⃣️带好身份证原件和智能手机。
第2针打的北京生物和科兴 武汉生物都可以,所有生物都可以打

4⃣️打过康熙诺超过半年的也可以!!!

18-65岁都可以过来(年纪大的老年人需要家属陪同)
♂️结束补贴150元。

地铁小黄牛不要相信,被骗拿不到钱,不负责任,一定要到现场找到本人。

集合时间和地址:普陀区石泉路街道–儿童保健医院

中午12点-1点必须到(名额有限)

联系人信息,关注文末公众号

📣1月15号上海市宝山区人民政府补贴150最高价❗❗❗

宝山区打第三针 。
要求:

1⃣️不限区域,在中国打过第二针的都要,

2⃣️必须距离第二针6个月以上的。(7月15号以前打的都可以)

3⃣️带好身份证原件和智能手机。
第2针打的北京生物和科兴 武汉生物都可以 所有生物都可以打

4⃣️打过康熙诺的也可以!!!18-65岁都可以过来(年纪大的老年人需要家属陪同)

结束补贴150元。
地铁小黄牛不要相信,被骗拿不到钱,不负责任,一定要到现场找到本人。
集合时间和地址:宝山区顾村公园1号口集合
早上8点~11点集合,不到的不要

联系人信息,关注文末公众号

1.13号更新

3号宝山7号线新村路地铁站附近

第三针补贴150

要求:
1.全国都可以,普陀区的不要。
2.生物+科兴-,康希诺都可以第三针
3.距第二针接种务必满半年方可打第三针
生物科兴,
年龄 18周岁-65岁
带好[身份证+智能手机]

时间: 上午场7:30一11点,下午场13一15点

联系人信息,关注文末公众号

1.11号更新

要求:男女不限18-70必须是绿码,带上智能手机和身份证,距离第2针半年以上

1⃣【共康路第三针】 补贴150(要全国打的+上海打的 高镜的不要)💉北京生物科兴+康熙诺+武汉生物

2⃣【枫桥路第三针】 ✅补贴150
(要全国打的+上海打的 )💉北京生物科兴+康熙诺

3⃣【镇平路第三针】 ✅补贴150
(要全国打的+上海打的)💉北京生物科兴+康熙诺

4⃣宝山大场镇
下午场打第三针
✅补贴150
(上海打的,大场的不要)💉北京生物科兴+康熙诺+武汉生物

5⃣【美兰湖第三针】 补贴150 (要全国打的+要上海打的) 💉北京生物科兴+康熙诺

6⃣双峰路450号第三针
✅补贴150
(要全国打的+上海打的)💉北京生物科兴+康熙诺+武汉生物

7️⃣普陀区石泉东路儿童保健医院
✅补贴150

8️⃣普陀区武威东路2口附近社区打第三针 ✅补贴150

9️⃣杨浦区淞行路398号打第三针
✅补贴150

联系人信息,关注文末公众号

总结

月底名额开放更多,欢迎添加联系人信息免费咨询。到了时间还没接种第三针疫苗的,要抓紧时间了。

提醒事项

去打第三针加强针疫苗的同事已经领到补贴了。要真正领到补贴,要注意小编接下来要提醒的注意事项。

  1. 关于新冠疫苗接种第三针加强针相关补贴消息,有新消息都会及时更新,因为现在补贴指标很快就满,名额有限,这些地区指标满了之后,就没有补贴了,暂时没有名额的也不用着急,关注后续的补贴信息

  2. 之前发布的补贴地址可能会经常更新。去之前请一定联系好补贴负责人,联系下确认那个地方还有补贴再去,免得白跑一趟。

报名

关注公众号: 技术分社

微信公众号技术分社

  • 回复:补贴或者预约. 即可获取补贴负责人的微信

如果您已经拿到了补贴,也欢迎回来给小编加个鸡腿🍗,让他给大家整理更多补贴优惠信息。

重量级CDN平台jsdelivr挂了

背景

很多接触开源的朋友可能知道jsdelivr,而且经常使用这个cdn服务,这是一个非常快的免费的cdn服务,所有公开的javascript npm包和github仓库,都可以使用jsdelivr来作为静态资源服务器,而且免费、超快!

地址是 https://www.jsdelivr.com/

事故

但是2021年12月20号,它的界面变成这样了,

没错,jsdelivr挂了,根据网友反馈,涉及到使用jsdelivr服务的所有网站,都出现了问题

好玩的是,bootcdn由于首页用了jsdelivr,自己也挂了

echarts首页的样式已经乱了

流行的在线工具平台 lwebapp.com 因为代码高亮用了jsdelivr的cdn,代码高亮出现了点问题,但是影响不大。

jsdelivr在github上有官方反馈仓库,现在issues都是提到cdn 报错的事情。

据网友反馈,此次问题主要出现中国大陆,部分节点出现了问题,网友们积极反馈了报错

SSL_ERROR_BAD_CERT_DOMAIN in Mainland China
Your connection isn't private
Attackers might be trying to steal your information from cdn.jsdelivr.net (for example, passwords, messages, or credit cards).
NET::ERR_CERT_COMMON_NAME_INVALID
Subject: default.chinanetcenter.com

Issuer: DigiCert Basic RSA CN CA G2

Expires on: Nov 15, 2022

Current date: Dec 20, 2021
NET::ERR_CERT_COMMON_NAME_INVALID

解决

换成子域名

暂时发现两个能用的子域名:

  • fastly.jsdelivr.net
  • gcore.jsdelivr.net

大家可以自行尝试下,看看哪个比较快一点

换cdn产商

如果着急的话,就是换一个cdn厂商
有网友建议是使用cdnjs或者unpkg,或者bootcdn

比如:https://cdn.jsdelivr.net/npm/ 换成 https://unpkg.com/ 能救急,仅限npm部分

可以代替的cdn服务:
https://cdnjs.com/
https://www.unpkg.com/
https://www.bootcdn.cn/

自己建cdn

一般来说cdn是比较快的,如果自己的服务器流量还可以,还可以把静态资源部署在自己服务器上,这样服务比较稳定,不用担心服务出问题,就是费用可能有点高。这里还是推荐阿里云的服务器吧。

购买地址

阿里云

等待jsdelivr修复

如果不着急的话,等待jsdelivr,官方issue说已经正在着手修复了,毕竟用户量这么大,官方已经比较着急的。

科学代理工具

如果你不是网站作者,而是网站用户的话,直接架设一个梯子,代理到其它国家,其实就可以完全无障碍访问了,不会有链接失效的情况,而且速度很稳定。

详细的推荐请参考另一篇博文

最佳VPN推荐

参考

网页版摸鱼神器-假装windows更新

介绍

最近有一款windows的APP“摸鱼”,点开软件就能让电脑假装在更新,这样你就能起来走动一下,喝杯咖啡休息下了,可以说一个摸鱼神器,小编觉得下载软件太麻烦了,于是网上搜寻,找到一款网页版在线的摸鱼神器!直接点开网页就能假装在更新windows!

体验

直接地址就能访问:

小编发现,不仅能假装windows更新,还有假装windows 10 安装、mac更新、stream更新,可以说非常人性化。

操作步骤也非常简单,

  1. 点击一个你喜欢的更新界面样式,会进入到对应的更新界面,这时候鼠标被隐藏了(对的,要隐藏鼠标,不然更新windows的时候有鼠标出现就很尴尬了)
  2. 因为是浏览器端,怕别人不知道怎么全屏退出,你需要手动按 F11 键来进入全屏模式,这样就可以了,成功!去喝杯咖啡吧!
  3. 如果要退出,再按一下 F11 键就可以了
  4. 如果要返回主界面,可以点击浏览器导航上的后退按钮即可。或者重新进入主界面: https://appsoftea.com/fake/

总结

小编提醒:每天的加班加点,总是让人疲惫,偶尔的放松更能提高效率。觉得不错的话,可以分享给你的朋友。

在线圣诞节🎅头像生成器来啦

介绍

圣诞节马上就要到了,每年的圣诞节,大家都为这个愉快的节日准备了很多活动,互相赠送礼物,公司准备节日礼品,为了烘托节日气氛,小编的朋友问,有没有好用的在线圣诞头像生成器推荐下,就像之前很火的给微信头像戴圣诞帽。小编网上找了找,发现很多已经很过时了,不太好用,最近就发现一款最新发布的圣诞帽头像生成器工具,大家可以体验下。

在线圣诞节🎅头像生成器地址:

https://lwebapp.com/zh/avatar-maker

如何使用头像生成器?

  1. 上传一张自己的照片
  2. 选择你喜欢配饰,调整配饰的位置、大小、角度
  3. 点击下载按钮保存图片

为什么大家喜欢制作自己的头像?

  1. 拥有个性化的头像
  2. 和朋友们保持队形
  3. 节日气氛必不可少

总结

小编经过和作者的沟通,这款小工具最近刚更新,也一直在更新素材,会保持维护并不影响大家使用。
体验有不满意的地方或者BUG可以积极反馈,作者会尽力第一时间解决,有需求也可以随时提。
小编还发现这个小网站还有很多别的小工具,非常赞,比如
在线Mobi阅读字符串转换JSON 格式化, 有兴趣可以关注下

https://lwebapp.com/zh/tools

完整版.docx下载关于员工及时确认2022年专项附加扣除的通知

介绍

最近根据国家税务局的公告显示,2022年的个税所得税扣除需要提前填写申请了,于是很多朋友相继转发了及时确认2022年专项附加扣除的通知的公告,但是很多朋友找不到电子版word文档的下载地址。小编第一时间整理了一份腾讯文档,看文末供大家下载。

各位同事:

根据【国家税务总局公告2018年第60号】 关于发布《个人所得税专项附加扣除操作办法(试行)》的公告第九条的规定:纳税人次年需要由扣缴义务人继续办理专项附加扣除的,应当于每年12月份对次年享受专项附加扣除的内容进行确认,并报送至扣缴义务人。纳税人未及时确认的,扣缴义务人于次年1月起暂停扣除,待纳税人确认后再行办理专项附加扣除。
为做好公司个人所得税2022年的预扣预缴工作,确保您2022年继续及时的享受专项附加扣除政策,现就2022年专项附加扣除的确认工作通知如下:

一、2022年的专项附加扣除信息无变动,只需在2021年基础上确认即可,操作步骤如下:

① 打开个人所得税APP首页,点击“一键带入”如图:

② 依据提示“将带入2021年度信息,请确认是否继续?”或者“您在2022年度已存在专项附加扣除信息,如果继续确认,将覆盖已存在的专项附加扣除信息!”,确认后点击“确定”;如下图

③ 打开“待确认”状态的专项附加扣除,核对信息;如有修改或删除,可以点击“修改”或删除处理,没有变化的,在信息确认后点击“一键确认”。如下图

注意:如有“已失效”状态的信息,则需先删除之后才能点击“一键确认”。
④ 点击“一键确认”后,信息则提交成功。不需要重复确认,否则之前确认的信息会显示已作废,系统会以最新确认的信息为准。如下图。

用户可以在确认之后在APP中点击首页-专项附加扣除信息查询-选择扣除年度“2022”-查看已提交的信息,如有变动可以选择作废或修改。

二、2022年需要新增专项附加扣除项目操作步骤。

比如2022年新增子女教育扣除,需要申报填写。
先按上述的步骤确认之前申报的其他不需修改的专项附加扣除信息后,点击APP首页-专项附加扣除填报新增即可。如下图。

请各位同事在12月底之前完成2022年专项附加扣除确认工作,如有疑问,可联系人力资源部\财务部某某,电话***。

××公司人力资源部\财务部
2021年12月8日

关注公众号: 技术分社

微信公众号技术分社

回复: 个税. 即可获取下载链接

怎么关注防弹少年团ins账号?

介绍

bts(防弹少年团)最近全员开通了个人ins账号,第一天就765多万粉丝,现在每天都在快速增长中,真爱粉都去关注了,粉丝的力量简直太强了。那么,想要支持bts,建议大家直接注册ins账户,关注起来。

那么到底怎么才能关注防弹少年团的个人ins账户呢,小编已经为你整理好了全部的防弹少年团的ins账号列表。

工具准备

众所周知,ins在国内是访问不了,首先要科学上网,这就免不了一款稳定的梯子软件。小编推荐一款体验过的好用的 Express VPN,速度快很稳定,

更多详细介绍 好用的VPN推荐

BTS个人ins列表

更多链接

bts官方ins

免费开源的高性能javascript电子表格:x-sheet入门体验

原文:免费开源的高性能JavaScript电子表格:X-Sheet入门体验

背景

随着互联网技术特别是网页应用的发展,我们对在线文档、轻应用的需求越来越高,很多小伙伴都已经习惯云办公,在线协同办公了,常用的就是腾讯文档、金山文档、石墨文档、飞书等,国外主要就是Google Sheet,最近小编发现了一款国人开发高性能前端javascript电子表格,受启发于Google Sheet,使用HTML5 canvas渲染。接下来,小编分享下入门体验。

介绍

首先放上x-sheet官方开源地址

https://gitee.com/eigi/x-sheet

https://github.com/eiji-th/x-sheet

在线体验地址:

https://lwebapp.com/example/x-sheet.html

可以从gitee上拉到最新代码到本地看看,这是一个标准的es6现代化工程,自定义webpack打包,运行后还有代码分析,其中还有好几个案例可以参考。

功能列表

我们先看看README上的功能说明

  • 撤销 & 反撤销
  • 格式刷
  • 清空格式
  • 文本格式
  • 字体设置
  • 字体大小
  • 字体加粗
  • 斜体字
  • 下划线
  • 删除线
  • 文字颜色
  • 单元格颜色
  • 单元格边框
  • 字体倾斜
  • 边框倾斜
  • 背景倾斜
  • 合并单元格
  • 水平对齐
  • 自动换行
  • 冻结单元格
  • 单元格函数 (处理中)
  • 行高和列宽设置
  • 复制, 剪切, 粘贴 (处理中)
  • 自动填充
  • 插入行, 列 (处理中)
  • 删除行, 列 (处理中)
  • 隐藏行, 列 (处理中)
  • 支持多个sheet表
  • 打印 (处理中)
  • 数据验证 (处理中)
  • 导出XLSX
  • 导入XLSX (处理中)
  • 导出CVS (处理中)
  • 导入CVS (处理中)
  • 导入图片 (处理中)
  • 数据筛选 (处理中)

使用

那么如何启动一个x-sheet demo呢?由于现在x-sheet还处在开发阶段,暂未提供npm包安装方式,我们可以从源码打包使用。

  1. clone代码
git clone https://gitee.com/eigi/x-sheet.git
  1. 进入代码目录,安装依赖
cd x-sheet
npm i
  1. 打包
npm run build
  1. 打包之后,我们可以自己新建一个html文件,引入打包后的源码使用
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>X-XWorkSheet</title>
        <link href="XSheet.css" rel="stylesheet">
        <style>
            * {
                padding: 0;
                margin: 0;
            }

            html, body {
                height: 100%;
                display: block;
            }
        </style>
        <script src="XSheet.js" type="text/javascript"></script>
    </head>
    <body id="demo">
        <script>
          const dome = document.getElementById('demo');
          const xSheet = new XSheet(demo);
        </script>
    </body>
</html>

或者直接进入源代码的example目录,直接用浏览器打开里面的.html文件就能看到官方给的丰富的本地模板和案例了,都是支持在线编辑的excel界面。

模板和案例

以下截图就展示了官方给出的案例

  1. 一个采购订单模板
    x-sheet模板-采购订单

    体验地址 https://lwebapp.com/example/x-sheet-purchase-order.html

  2. 一个出库单模板
    x-sheet模板-出库单

    体验地址 https://lwebapp.com/example/x-sheet-outbound-order.html

  3. 一个库存明细模板
    x-sheet模板-库存明细

    体验地址 https://lwebapp.com/example/x-sheet-inventory-details.html

  4. 一个旅行计划模板
    x-sheet模板-旅行计划

    体验地址 https://lwebapp.com/example/x-sheet-travel-plan.html

  5. 一个项目计划模板
    x-sheet模板-项目计划

    体验地址 https://lwebapp.com/example/x-sheet-project-plan.html

  6. x-sheet展示2019年日历,同样我们根据这个模板,可以构造更多年份的日历,做一个DIY日历
    x-sheet日历2020

    体验地址 https://lwebapp.com/example/x-sheet-calendar-2019.html

  7. x-sheet展示2020年日历
    x-sheet日历2020

    体验地址 https://lwebapp.com/example/x-sheet-calendar-2020.html

  8. x-sheet支持多实例,一个界面展示多个电子表格,可以分别编辑
    x-sheet多实例Demo

    体验地址 https://lwebapp.com/example/x-sheet-multi-instance.html

  9. x-sheet实测5万行25列的单元格数据,滑动很流畅
    x-sheet5万行数据测试

    体验地址 https://lwebapp.com/example/x-sheet-50000-rows-test.html

  10. x-sheet实测100万行25列的单元格数据,滑动也很流畅
    x-sheet100万行数据测试

    体验地址 https://lwebapp.com/example/x-sheet-1000000-rows-test.html

注意事项

  1. x-sheet支持Modern browsers(chrome, firefox)
  2. x-sheet现在的开源协议是 MOZILLA PUBLIC LICENSE

体验总结

大致体验了下x-sheet,可以说可圈可点

  • 功能上,丰富的单元格样式,富文本,边框倾斜,合并单元格,冻结,撤销重做,格式刷等核心功能,还支持导入导出xlsx文件,多实例,支持大数据量
  • 界面上,风格类似Google Sheet,清爽舒适,操作体验非常棒
  • 轻量,代码模块拆分清晰,二次开发可扩展性好

当然也有些不足,比如不支持协同,快捷键支持不完善等,小编体验x-sheet时,x-sheet还处于开发阶段,所以难免有些bug存在,如果要在生产使用,需要自己多做测试。这是一款国人开发的开源免费的电子表格,希望大家多多给予支持,也欢迎踊跃提交issue和PR交流探讨,希望作者能添加更多功能,继续维护好这个表格插件。

原文:免费开源的高性能JavaScript电子表格:X-Sheet入门体验