#
[置顶] VSCode插件开发全攻略(一)概览

文章索引 VSCode插件开发全攻略(一)概览VSCode插件开发全攻略(二)HelloWordVSCode插件开发全攻略(三)package.json详解VSCode插件开发全攻略(四)命令、菜单、快捷键VSCode插件开发全攻略(五)跳转到定义、自动补全、悬停提示VSCode插件开发全攻略(六)开发调试技巧VSCode插件开发全攻略(七)WebViewVSCode插件开发全攻略(八)代码片段... 阅读全文

@2018-09-03 前端综合 浏览(1486)
#
[精品] [置顶] HTTPS从认识到线上实战全记录

前言关于HTTPS,基本上你想知道的都在这里了。本文原标题《HTTPS原理与实践》,下图是本文配套PPT的目录截图: 前言原理篇认识HTTPS什么是HTTPSSSL/TLSHTTPS的优点HTTPS的缺点HTTPS原理小明和小红的故事单向认证回到小明和小红的故事双向认证引申思考如何保证公钥不被篡改为何正式传输时使用对称加密CA何为CACA如果作恶怎么办顶级证书私钥泄露怎么办SSL证书证书的种... 阅读全文

@2017-12-19 前端综合 浏览(2284)
#
[精品] [置顶] 【干货】Chrome插件(扩展)开发全攻略

写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,所以转载务必保留出处。本文所有涉及到的大部分代码均在这个demo里面:https://github.com/sxei/chrome-plugin-demo ,大家可以直接下载下来运行。 另外,本文图片较多,请耐心等待加载完毕。 本文目录: demo部分截图: 前言什么是Chrome插件严格来讲,我们正在说... 阅读全文

@2016-12-19 前端综合 浏览(9516)
#
VSCode插件开发全攻略(九)常用API总结

更多文章请戳VSCode插件开发全攻略系列目录导航。 本文提炼一些常见的API使用场景供参考。 本文内容有待完善//TODO 有待完善 编辑器相关修改当前激活编辑器内容替换当前编辑器全部内容: vscode.window.activeTextEditor.edit(editBuilder => { // 从开始到结束,全量替换 const end = new vscode... 阅读全文

@2018-10-14 前端综合 浏览(214)
#
VSCode插件开发全攻略(八)代码片段、设置、自定义欢迎页

更多文章请戳VSCode插件开发全攻略系列目录导航。 代码片段代码片段,也叫snippets,相信大家都不陌生,就是输入一个很简单的单词然后一回车带出来很多代码。平时大家也可以直接在vscode中创建属于自己的snippets: 创建代码片段那么如何在扩展中创建snippets呢? package.json文件新增如下: "contributes": { "snippets": ... 阅读全文

@2018-10-14 前端综合 浏览(232)
#
VSCode插件开发全攻略(十)打包、发布、升级

更多文章请戳VSCode插件开发全攻略系列目录导航。 发布方式插件开发完了,如何发布出去分享给他人呢?主要有3种方法: 方法一:直接把文件夹发给别人,让别人找到vscode的插件存放目录并放进去,然后重启vscode,一般不推荐;方法二:打包成vsix插件,然后发送给别人安装,如果你的插件涉及机密不方便发布到应用市场,可以尝试采用这种方式;方法三:注册开发者账号,发布到官网应用市场,这个发... 阅读全文

@2018-10-13 前端综合 浏览(368)
#
VSCode插件开发全攻略(七)WebView

更多文章请戳VSCode插件开发全攻略系列目录导航。 什么是Webview大家都知道,整个VSCode编辑器就是一张大的网页,其实,我们还可以在Visual Studio Code中创建完全自定义的、可以间接和nodejs通信的特殊网页(通过一个acquireVsCodeApi特殊方法),这个网页就叫WebView。内置的Markdown的预览就是使用WebView实现的。使用Webview可以... 阅读全文

@2018-10-13 前端综合 浏览(266)
#
VSCode插件开发全攻略(六)开发调试技巧

更多文章请戳VSCode插件开发全攻略系列目录导航。 前言在介绍完一些比较简单的内容点之后,我觉得有必要先和大家介绍一些开发中遇到的一些细节问题以及技巧,特别是后面一章节将要介绍WebView的知识,这个坑会比较多,避免大家走弯路。 开发方式最理想的方式是准备双显示器,一个写代码,一个运行插件,实践证明这种方式开发效率会提升很多,每次修改完代码之后直接Ctrl+R重新加载即可,非常方便。 日... 阅读全文

@2018-10-07 前端综合 浏览(230)
#
VSCode插件开发全攻略(五)跳转到定义、自动补全、悬停提示

更多文章请戳VSCode插件开发全攻略系列目录导航。 跳转到定义跳转到定义其实很简单,通过vscode.languages.registerDefinitionProvider注册一个provider,这个provider如果返回了new vscode.Location()就表示当前光标所在单词支持跳转,并且跳转到对应location。 为了示例更加有意义,我在这里写了一个支持package.... 阅读全文

@2018-10-07 前端综合 浏览(361)
#
VSCode插件开发全攻略(四)命令、菜单、快捷键

更多文章请戳VSCode插件开发全攻略系列目录导航。 命令我们在前面HelloWord章节中已经提到了命令写法,这里再重温一下。 context.subscriptions.push(vscode.commands.registerCommand('extension.sayHello', () => { vscode.window.showInformationMessage('... 阅读全文

@2018-10-07 前端综合 浏览(339)
#
VSCode插件开发全攻略(三)package.json详解

更多文章请戳VSCode插件开发全攻略系列目录导航。 package.json在详细介绍vscode插件开发细节之前,这里我们先详细介绍一下vscode插件的package.json写法,但是建议先只需要随便看一下,了解个大概,等后面讲到具体细节的时候再回过头来看。 如下是package.json文件的常用配置,当然这里还不是全部: { // 插件的名字,应全部小写,不能有空格 ... 阅读全文

@2018-10-06 前端综合 浏览(285)
#
VSCode插件开发全攻略(二)HelloWord

更多文章请戳VSCode插件开发全攻略系列目录导航。 写着前面学习一门新的语言或者生态首先肯定是从HelloWord开始。 您可以直接克隆我放在GitHub上vscode-plugin-demo 的代码到本地,然后尝试修改代码并运行,也可以使用微软官方的脚手架vscode-generator-code来生成项目结构,脚手架的使用我们后面再来介绍,先来熟悉一下项目结构。 HelloWorld项... 阅读全文

@2018-10-06 前端综合 浏览(421)
#
清除浏览器各种缓存

常规方法清除浏览器DNS缓存地址栏中输入: chrome://net-internals/#dns ,然后点Clear host cache按钮。 清除套接字缓存在地址栏中输入: chrome://net-internals/#sockets ,然后点Clear idle sockets按钮和Flush socket pools按钮。 清除操作系统DNS缓存按Win+R系统热键打开运行窗... 阅读全文

@2018-09-29 前端综合 浏览(138)
#
做前端这么多年,今天才发现关于sessionStorage的一个误区

前言所有人都知道,localStorage和sessionStorage的最大区别是生命周期,一个永久,一个仅针对一个会话期间有效。那么,到底什么是一个会话?多个标签页之间的数据是否会共享呢? 后台的session我们对会话session的认识一般都是从后台的session开始的,比如Java的session,它是基于往cookie写入一个JSESSIONID来实现的,所以,只要你不是打开一个隐... 阅读全文

@2018-05-21 前端综合 浏览(1194)
#
前端跨域总结

老生常谈的问题,虽然有些不太常用,但还是总结一下。 图片法这种方法利用了图片没有跨域限制的特点,仅适用于不需要获取服务端响应的场景,如日志统计等,且只能以GET方式请求,一般很少用。 var img = new Image();img.src = 'http://other.domain.com/log.png'; JSONPXmlHttpRequest有跨域限制,但是script标签没有,... 阅读全文

@2018-05-14 前端综合 浏览(416)
#
彻底禁用Chrome的“请停用以开发者模式运行的扩展程序”提示

前言作为一个前端程序员,难免会有一些专属自己的小扩展,没必要每一个都发到Chrome应用商店去,虽然可以勾选“开发者模式”来运行本地插件,但是每次启动都会有一个烦人的“请停用以开发者模式运行的扩展程序”提示,这个提示有多烦人,接触过的人都知道,启动的时候它不立即提示,等过了几秒钟等你打开某个网页开始执行某些操作时它突然弹出来干扰你的操作,真是苦不堪言!所以总想着如何把它给去掉。 解决方法网上... 阅读全文

@2018-03-12 前端综合 浏览(1113)
#
经过nginx转发之后的跨域名携带和设置cookie

概况之前有个疑问:假如某个页面地址和接口地址是跨域的,直接请求肯定无法正确携带和设置cookie,但是如果通过nginx或者fiddler进行一层转发使之变成同域呢? 下面我们来验证。 假设接口原地址是:http://a.com/test.json ,且设置了允许跨域,现在我在 http://b.com/index.html 下请求这个接口,很显然,可以调用成功,但是携带的是 http://a... 阅读全文

@2017-03-08 前端综合 浏览(2008)
#
操蛋的DNS劫持,又让我碰到了

概述完全是无意中发现的,因为这个劫持并没有出现广告。 访问 http://demo.liuxianan.com 时,控制台竟然发现一个奇怪的地址:http://gxtj01.statis.wayayaya.com:5001/gxtj01.php 最后发现被劫持的竟然是CNZZ的一个js文件,用电脑访问如下地址: http://c.cnzz.com/core.php?web_id=125713... 阅读全文

@2016-12-22 前端综合 浏览(1503)
#
前端性能优化之DNS预解析

概述一个网页可以通过适当增加子域名个数来突破浏览器单个域名下资源下载的并发连接限制,但是子域名用的太多也不好,因为DNS解析会消耗一定时间,可以通过DNS预解析来让浏览器提前解析DNS以达到加快资源加载速度,从而加快页面显示。 正文通过在meta中增加相关标签来实现这个功能: <meta http-equiv="x-dns-prefetch-control" content="on" /... 阅读全文

@2016-11-24 前端综合 浏览(1170)
第1页,共2页