已删除已删除已删除已删除已删除已删除已删除已删除已删除已删除

前面两章已经介绍怎么开发一个chrome插件和怎么使用vue搭建一个弹出框的chrome插件，这一章来实现页面元素选择的功能，效果如下图，鼠标放到元素上，元素会高亮：

今天在Segmentfault上看到了一篇介绍psd自动标注工具的文章，不禁有些感慨，技术发展的如此之快。我本身就是一个比较懒惰的人，对于页面开发很是抵触的，那么多标签、那么多属性真是懒得去记，所以在两年前就开始找有没有工具可以直接把psd转换成html的，可是很遗憾...

现如今，用 HTML、JavaScript、CSS、Node.js 写桌面应用早已不是什么新鲜的事了，作为一名前端，能够使用自己熟悉的语言，快速实现自己想要的桌面应用，是件很让人兴奋的事。目前常见的有 NW、heX、Electron。今天，就来简单的上手一下 Electron。

本文描述如何配置PPic的七牛图床，注意，暂时只支持Mac版本 1、基础的注册不再复述，随便搜索下很多教程 2、获取AK和SK 从个人面板进入，选择密钥管理即可，分别将AK和SK填入到Access Key及Secret Key字段； 3、创建存储空间，设置Bucket 所谓Bucket实际就是七牛的存...

其实这个应用并不是那么的特别需求，一来本人写blog越来越少，二来开发工作也是越做越少，再者目前的编辑器几乎都支持直接剪切板上传图片，使图床应用的场景越来越少。不过本人本着不想丢弃技术的内心想法，以及锻炼自己写一个完整项目，还是开启了这个图床应用的开...

GUI workflow for Front-End developers based on Electron一键拖拽并在当前目录下生成处理后的文件，处理零碎的前端文件从未如此轻松~

Electron 可以让你使用纯 JavaScript 调用 Chrome 丰富的原生的接口来创造桌面应用。你可以把它看作一个专注于桌面应用的 Node.js 的变体，而不是 Web 服务器。其基于浏览器的应用方式可以极方便的做各种响应式的交互，接下来介绍下关于 Electron 上衍生出的框架 Nig...

很好，前端er任务又来了，开发过程中踩了不少坑，一个缺点就是体积大。其他方面简直就是帅呆了，酷毙了，简直无法比喻了。自动更新、本地菜单和通知、系统奔溃报告、调试和分析、Windows安装程序，简直为我们节省了不少时间，大赞一个。

在web应用中，用户在进行一些富交互行为的操作时难免会出现误操作，比如在富文本编辑器设置错了字体颜色就需要撤回，做H5活动页面的时候不小心删了一个图片也需要撤回，更比如在线设计原型图应用的时候不小心删了一个页面等，总之在交互场景非常复杂的情况下，用户操...

作为每天coding的我们呢大部分，都有自己记录的方式，相信大家，有道和印象都使用过，并且感觉良好，尤其是云端同步，唯一不足，就是没有我们每天搬砖的编辑器快捷键那么充足，几乎满足了所有需求，比如换行，复制多行，各种快捷输入，批量操作。还有vim同学各种宏重...

本次开发的插件是抓取配置插件，有很多的form表单以及弹出层，如果纯使用js的话会有很多动态创建dom的操作。使用vue和ES6的import语法以及webpack的html加载器相配合，可以减少大量动态创建dom的代码。

Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件，它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩包.

在大多数开发中，使用一条SELECT查询就会返回一个结果集。如果，我们想一次性查询多条SQL语句，并将每一条SELECT查询的结果合并成一个结果集返回。就需要用到Union操作符，将多个SELECT语句组合起来，这种查询被称为并（Union）或者复合查询。

后台一定要校验的，因为可以通过模拟的方式向后端发送请求，这样就跳过了前端的验证