上一篇文章:使用 AHK 在 VS Code 中根据上下文自动切换输入法状态 给出一个使用 ahk 在 VSCode 自动切换输入法的方法.不过这个方法实际上很蹩脚,一点都不优(zhuang)雅(bi).一直想能不能直接使用 js 实现这个,但是 js 大多数是用来搞前端,对 winAPI 没什么支持,因此颇费了一番周折. 直到发现一个可以用来调用 winAPI 的包叫做 node-ffi ,以及它的 升级版 node-ffi-napi,才算是拿到了这个接口.测试性能比原来的好了十倍,使用 AH…
平常在VS Code打公式,中英文切换一直狂点 Shift 手都快按断了,于是试图用 AutoHotKey 搞一些自动切换输入法程序,让它根据当前输入环境自动切输入法. 之前在网上搜到的是切换键盘的(微软拼音和美式键盘),但是我的电脑上只有微软拼音.一开始搜不到简单易懂的切换中英文的方法,能搜到的只有一个日本人写的 AHK V1 版本,但基本看不懂.或许最好的方法是找到接口,然后直接切中英文,于是开始一通乱搜,最终用 AHK V2 + Ultra IME Toggler 插件 实现了功能 检测中…
运用CSS3transition及opacity属性 制作图片轮播动画 自己这两天根据用js来控制触发CSS3中transition属性,从而写出来的以CSS3动画为基础,js控制过程的图片轮播 运用css3的opacity透明度属性和transition动画过度属性,用js对过程加以控制,也实现了js对CSS3中transition动画的触发 实例链接地址:http://pspgbhu.github.io/opacity 今天突然发现这个代码有问题,主要出在html/css上,问题主要是由于使…
前言: 在使用 Linux 的过程中,vim 是一个不错的编辑器,以至于多数人将其用成了习惯,在没有 vim 的环境下还是习惯用 vim 的快捷键来编辑文本.所以便有开发者们为众多的 IDE 和文本编辑器开发了 vim 模式,VsCode便是其中之一.但是在中英混输的情况下常常发生已经进入到了 -NORMAL- 模式输入法却还是中文的情况,本篇便大致梳理一下解决问题的思路. 参考:https://zhuanlan.zhihu.com/p/397637955 下载 vim 插件 能点进来这篇博客的…
使用Visual Studio写代码,经常遇到的一个问题就是切换中文输入法麻烦,输入完注释//,要切换到中文,输入完引号,要输入中文,然后还需要切换回来,有没有? 有时候中文输入法忽然失效有没有?明明在中文输入法状态下,输入不了中文,有没有? 这里分享一个AHK脚本,解决了以上问题,实现了如下功能: 1.根据不同的程序,启动后,自动切换到中文,英文输入法. 比如 qq 使用搜狗拼音,vs启动后自动切换到英文输入法. 2.在 Visual Studio 等IDE/编辑器中(可配置),自动切换输入法…
这个淘宝图片切换具体效果就是:鼠标移上底部一行中的小图片,上面大图片区域就会显示对应的图片. gif图片看起来还挺酷的,其实实现很简单,用原生js绑定事件改变大图片区域的src. 上代码,html部分的代码: <div class="picture-big"><img src="img/02big.jpg" width="360" height="360" id="pic" />&l…
这几天一直在练习原生js写效果,需要理清自己的逻辑,做了一个切换多组图片的效果: css样式: * { margin: 0; padding: 0; } body { background: #303030 } #box { width: 850px; background: #fff; margin: 100px auto; padding: 50px 50px; position: relative; } #box:after { content: ''; display: block; c…
这个问题由来已久,每当点击系统右下角任务栏中的按钮时,原本是搜狗输入法就会自动变成“US [ 中文(简体,中国) ]”,图标会自动错位,导致响应的是其他功能. 假设上图是正常的环境,此时我点击电池图标,任务栏就会变成下图样式. 这样一来,我原本要查看电池状况,由于输入法自动切换到“US [ 中文(简体,中国) ]”,导致缺少一个图标.也可能是输入法切换的优先级高于点击,原本指向的是电池图标就指向了网络图标.然后,系统响应了鼠标的点击事件,自然地弹出了网络的界面. 之前我一直忍耐这个问题,终于在晚…
最终效果图(鼠标无操作会自动切换选项卡): <!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>无标题文档</title> <style> body, ul, li { font-family:"黑体"; margin:0; padding:0; } ul, li { list-style:none; } .t…
就目前三大前端主流数据驱动框架(vue,ng,react)而言,均具有创建自定义组件的api,但都是必须先做到事先写好挂载点,这个挂载点可以是原有静态元素标签也可以是自定义模板:对于多种组件通过同一数据流生成的,如果事先在页面上写好挂载点(mounted),然后通过dom操作去动态添加,会遇到类似这样一条错误提示信息:Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.(…).这又是为何呢,下一…