前言——几日前,我那上初中的妹妹突然发VX问我说她想复制网上搜到的一些朋友圈文案拿去发朋友圈,但是问题是复制不了!
假设我们需要判断用户是否按下了 Ctrl + C(需要精准匹配),如果按下了就执行 copy 方法。
我比较喜欢在typecho的后台直接修改模板(大概是因为我是业余人士的原因),没有代码高亮其实时间长了也还好能接受,只是有的时候前台报错模板xx文件xx行出错,这个时候就非常苦恼了,不得不打开主机面板然后打开模板文件,看行号了,所以前天就在想能不能搞个插件出来,索性typecho后台这里还是有插件接口的,于是乎搞了两天终于搞出来了。
编写一个桌面应用,并在其中添加一个webview控件,就可以模拟成一个简化版的浏览器环境,然后通过js来实现双方的通信。 这种方式实现起来很方便,各种开发语言中都有webview控件,同时还实现了web应用的桌面驻留,使它看起来更像一个桌面应用。
1. 文件快速导航: 这是sublime上面很好用的功能之一, ctrl+p可以调出窗口,菜单上的解释是gotoanythings ,确实如其所言,调出窗口后,直接输入关键字,可以在已打开的项目文件夹中进行快速文件名导航,而且支持模糊搜索,对于不想一直鼠标点开文件夹的同学来说极为方便, 并且在该窗口里加上:前缀即为行跳转(ctrl+G), 加上@(ctrl+R)前缀在html里是id 关键字导航,css里是每条规则导航,js里则是每个function导航。 2. 命令行模式 ctrl+` 可以调出命令行
传统的 Web APP 的开发基本上不会涉及到菜单,但是在 Electron 里面它提供了对于菜单全面的控制,你可以通过 Menu、MenuItem 模块来创建应用所需的自定义菜单。这篇文章我们一起探讨下 Electron 中有哪些菜单种类,又是如何通过代码去自定义菜单的?
Sublime快捷键与常用插件配置总结 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 Sublime快捷键与常用插件配置总结 1. 快捷键 2. 安装Package Control 2.1 命令行安装: 2.2 手动安装 3. 插件安装卸载
下载地址http://www.sublimetext.com/3 一、安装Package Control 按Ctrl + ` 调出console,粘贴下列安装代码到底部命令行并回车:
WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具
Sublime Text 是一款代码编辑器,其具有漂亮的界面和强大的功能,如:代码缩略图,Java、JavaScript、Python语言插件,代码段补充等并且Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。
WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅。 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具。 代码编辑 代码跳转: Ctrl + 左键 或者 Ctrl + B,可以跳转到函数或者变量的声明位置 调用位置: Alt + F7,查找调用者 自动补全: 最好是修改一下响应时间,Settings->Editors->General->Code Completing: Aut
如果要将Sass编译成css文件,安装相应的编译工具就行,然后在命令行直接sass a.scss:b.css 编译就行了
之以前我一直用的其他插件用来支持m3u8的视频格式,但是最近想去找插件的时候,发现我以前比较喜欢的一款下架了,取而代之的收费款,我根本用不上那么多功能,就不可能买收费款了,不过免费的老版本也还能下载,我又多搜索了一会,搜着搜着就看见一款国外的插件,就下载看了下,基本需求是能满足了,只是他里面的语言识别无效,功能也很基础,所以我根据他调用的html5播放器,自己写了一个。
Chrome 作为目前全球市场占比第一的浏览器,因其强大丰富的插件商店系统,受到不少用户青睐,其中也不乏具备开发能力的工程师。
1、创建方法:Tools(工具)- > New Snippet(新代码片段),会看到以下结构
Video.js 是一个基于 HTML5 的视频播放器库。它支持大多数流行的视频格式,并且可以在多个平台和浏览器上使用。
EditorX是DevUI开发的一款好用、易用、功能强大的富文本编辑器,它的底层基于Quill,并对其做了大量扩展,以增强编辑器的能力。
相信对于很多写代码的小伙伴来说,对于开发编辑器都不会陌生,什么editplus,dw,webstorm,hubuilder,vscode,esciplse,vim等萝卜青菜都各有所爱,每个编辑器都有它的独特之处,本质上并无优劣之分,然而工欲善其事必先利其器,好的工具就是成功的一半,最近一直都在想着,怎么样提高自己的效率,如果总是复性的劳动一件事情,时间久了,觉得是毫无意义的,让自己远离刀耕火种的时代,提高效率,同时也是为了减少手残腰椎痛(说得好像不是搬砖的,可是我依旧是个搬砖的),那么今天就我平时的使用跟大家分享一款自己喜欢编辑sublinmeText3,本文适合小白,有志于解脱鼠标手崇尚键盘侠的键客,对于它的使用和学习,我也一直在摸索中,初学者学习笔记使用心得,希望对正在路上的你有些用…
再次声明:本文是给一些喜欢折腾提升效率的、希望成为键盘流选手的、懒惰得不愿意多移动手指的、有严重的强迫症的人提供一些经验和帮助的。所以意义党、不分青红皂白党、键盘侠党可以点击叉叉了。
doc是用来查询单条数据的。比如商品详情页。 doc里面用到的参数就是我们数据里的_id字段
成品插件下载地址:https://atom.io/packages/atom-image-uploader
前面介绍的表单控件和查询控件,都是原子性的,实现自己的功能即可。 而这里要介绍的是管理后台里面的各个组件之间的状态关系。
工欲善其事,必先利其器。对于一名程序猿来说,好的编辑器能够大大提高写代码的效率。VSCode作为微软主推的开源跨平台编辑器,是前端开发的利器,它拥有各种丰富的插件,更是使得其如虎添翼。
Dear,大家好,我是“前端小鑫同学”,😇长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 监听快捷键: 实现网页按键事件的监听: 当我们在开发PC端网站时就可能会用到快捷键事件的监听
如何从0开发一个Atom组件 最近用Atom写博客比较多,然后发现一个很严重的问题。。 没有一个我想要的上传图片的方式,比如某乎上边就可以直接copy/paste文件,然后进行上传。 然而在Atom上没有找到类似的插件,最接近的一个,也还是需要手动选择文件,然后进行上传。 这个操作流程太繁琐,索性自己写一个插件用好了。 成品插件下载地址:https://atom.io/packages/atom-image-uploader 规划 首先,我们确定了需求,要通过可以直接copy
要创建自定义菜单,你需要使用 Electron 的 Menu 模块。下面是个例子:
你是否曾经在编写网页时遇到过一些难以捉摸的问题?或者想要深入理解网页背后的运行机制?今天,我们将一起探索网页开发者模式这一强大工具,并通过它进行有效的调试。
开发的过程中不同的编辑器,不同的格式化插件对应的代码格式都有差异,这就导致代码风格不一致或是合并冲突。
想必你也已经听过身边不止一个人这么说。最近的 JS 2019 报告中,VS Code 也是以压倒性的优势获胜第一,其他的编辑器只能被无情碾压在地上摩擦……
现在的互联网前端三层: HTML 超文本标记语言 从语义的角度描述页面结构。 CSS 层叠式样式表 从审美的角度负责页面样式。 JS JavaScript 从交互的角度描述页面行为。
WebStorm是JetBrains公司的一款JavaScript开发工具,号称最好用的前端开发工具。
博客地址 : http://blog.csdn.net/shulianghan/article/details/47321177
VS Code 的全称是 Visual Studio Code,是一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器。这里只讲在前端开发中的使用。
闲来没事就逛逛 Github ,总能有意想不到的收获,这不又发现俩款神器,有了它就可以节省了很多开发时间,可以用来摸鱼了...
前言:本文是关于itsNeko开源博客食用方法详解,感谢使用本开源博客。时间过的好快,还好我都记录下来了。
1.渲染引擎: 用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老 版本的webkit
在上文中,我们使用 monaco-editor 结合 Next.js,打造了编辑器的功能,在本文中,我们将继续优化 monaco-editor, 使它拥有代码格式化的功能。
Chrome 是 Google 出品的一款非常优秀的浏览器,其内置了开发者工具(Windows 系统中按下 F12 即可开启),可以让我们方便地对 JavaScript 代码进行调试。
如果你是 Windows用户,安装并重启系统后,你就可以在命令行中使用 code 或者 code-insiders了,如果你希望立刻而不是等待重启后使用,可以将 VS Code 的安装目录添加到系统环境变量 PATH中
官网地址:http://www.jetbrains.com/webstorm/features/index.html
HBuilderX,H是HTML的首字母,Builder是构造者,X是HBuilder的下一代版本。我们也简称HX。 HX是轻如编辑器、强如IDE的合体版本。
记得刚工作的时候,同事教了我一些做事的方式和方法,至今印象深刻,“当一件事情重复做三次,就要尝试开发一个工具提升去效率”、“当一个错误出现三次时,必须要设法解决它,因为它可能伴随整个软件的使用周期”。
JavaScript 脚本语言中 , 使用 // 符号来 进行 单行注释 , 在 该符号之后的任何内容 , 直到行尾 , 都不会被 JavaScript 解释器执行 ;
在做React Native开发时,少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低Bug率。 Developer Menu Android模拟器: 可以通过Command⌘ + M 快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。 iOS模拟器: 可以通过Command⌘ + D快捷键来快速打开Developer Menu。 在真机上开启Developer Menu: 在真机上你可以通过摇动手机来开启
在 org-mode 里写博客文章时,经常会旁征博引一些链接,之前都是用 C-c C-l(org-insert-link) 的快捷键来输入链接,但这是个费事费力的事情,需要去浏览器里面拷贝两次,一次是链接,一次是标题,有没有更好地方式呢?答案是肯定的。不同浏览器做法大同小异,这里以 macOS 上的 Safari 与 Firefox 为例说明。
10步大幅提升网站可访问性:1. 检查<title>标签;2. 提供文字替代方案;3. 检查表单;4. 使用heading做信息架构;5. 减少焦点劫持;6. 按Ctrl+或command+查看页面缩放;7. 添加landmark角色;8. 设置快捷键;9. 触发界面转换需设置焦点;10. 填写一个简单的链接到<body>之后作为第一个内容元素。
用来解析HTML与css,俗称内核,比如Chrome浏览器的blink,老版本webkit
2016 年总来的来说还是有所收获的吧。有很多可以说的,但是有觉得没什么营养。写不出高山,那就流水般地写着吧。
领取专属 10元无门槛券
手把手带您无忧上云