传统的网页布局方案是基于盒子模型，依赖display、position、float等属性，这种布局方式对于特殊的布局来说比较难以实现，例如垂直居中等。 2009年，W3C提出了一种新的方案——Flex布局（CSS FlexBox），也就是弹性布局，用来为盒子模型提供最大的灵活性，成为了移动端Web开发的首选方案。 兼容……

Proxifier是一款非常强大的代理客户端，可以通过指定IP、端口、域名、程序、用户名密码授权等模式设置代理规则，类似于SocksCap。   功能特性 1.Proxifier支持Windows和MacOS系统，支持http/https、socks4/5等代理协议，支持TCP、UDP传输协议。 2.Proxifier……

前言 近些年，随着智能手机的普及和UI设计的扁平化，桌面客户端程序也流行起了无边框界面的设计，究其原因，一方面是去除掉难看的系统默认标题栏、状态栏和边框，另一方面是可以将菜单以及最小化、关闭等按钮与界面元素统一进行布局设计，让整个界面功能精简、风格统一。 例如下图网易云音乐的客户端标题栏，将搜索、账户以及一些功能按钮整……

QSS全称是Qt Style Sheets，也就是Qt样式表，可以用来定义Qt窗口部件的外观，与HTML级联样式表（CSS）功能很相似。 使用时既可以通过QApplication.setStyleSheet()在整个应用程序上设置，也可以使用QWidget.setStyleSheet()设置某个部件（及其子部件）的外观……

clip-path 直译过来就是裁剪路径，是使用SVG或形状定义一个HTML元素的可见区域的方法。 原理类似于Photoshop中的形状工具，通过设置一个封闭的路径实现一种遮罩效果，封闭路径内部的区域正常显示，外部的区域隐藏，从而在方形的图层上绘制出形状各异的几何图形。 而在clip-path中，封闭的路径可以来自于外……

因为以前一直用的编程语言是python，主要使用的代码编辑器是pycharm（偶尔偷懒用一下notepad++）。而最近开始写前端，虽然pycharm注册版对于HTML和JavaScript有基本的支持，但毕竟是主要面向python的，有些功能还是不太方便。 因此最近开始使用VSCode，一款免费、开源、轻量、跨平台的……

上一篇主要说了5种注入JS脚本的方式和常用的功能，这一篇说一下不同注入方式之间的通信以及一些有用的小技巧。   通信 上一篇说的5种JS之间的通信方法，可以用一张图来表示。 其中，popup和background其实几乎可以视为一种东西，因为它们可访问的API都一样、通信机制一样、都可以跨域。   popup和back……

前言 这几天研究前端技术走火入魔，突发奇想琢磨着自己搞一个谷歌浏览器插件，因此找了好多教程，也算是有些收获，记录一下。 所谓chrome插件，严格来说应该叫做Chrome扩展(Chrome Extension)，是一个用Web技术开发、用来增强浏览器功能的软件，它其实就是一个由HTML、CSS、JS、图片等资源组成的一……