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

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

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

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

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

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

@2016-12-19 前端综合 浏览(158689)
#
iconfont如何批量添加图标

方法首先,找到你想批量添加的图片地址,比如 https://www.iconfont.cn/collections/detail?cid=22664 : 打开控制台,粘贴如下代码执行,稍等几秒钟,不出意外的话180个图片已经全部添加到购物车了 [...document.querySelectorAll('.block-icon-list li span[title="添加入库"]')].f... 阅读全文

@2022-11-13 前端综合 浏览(2430)
#
请立即修改Chrome如下傻逼默认设置,关闭Chrome阻止第三方Cookie设置

如题Chrome不知道从哪个版本开始,更改了一个非常傻逼的默认设置,默认隐身窗口禁用第三方cookie,这给各大网站带来非常大的不便。 什么是禁用第三方cookie,比如我在www.baidu.com 跨域调用 www.qq.com 的接口,即便我非常信任这个接口,明确这个接口是可信任的,且添加了SameSite=None、credentials: 'include'等设置,任然无法把 www.... 阅读全文

@2022-04-18 前端综合 浏览(1964)
#
【饭前娱乐】如何在不改前端代码的情况下修改img的宽度

如上图:已知config是从接口读取的,由于历史原因前端把图片宽度写死了,现在需要替换图片,但是宽度变了,问:如何在不改前端代码只改接口的情况下将图片宽度修改成指定宽度。 答案: 一开始想到的方法绕了一个大弯: var config = { src: 'xxx.png', tip: '这是提示<script>setTimeout(function(){var a ... 阅读全文

@2020-11-25 前端综合 浏览(3322)
#
谨记:Cookie的作用域不区分协议和端口

误区一:是否区分协议和端口受阮一峰某篇博客里面错误描述影响: 网上大把的文章都说Cookie作用域由protocol、domain、和port决定,实际上这是大错特错的,比如下面这位同学,有人在网上问“cookie作用域区分协议和端口吗”,然后他像贴圣旨一样把阮一峰博客的截图贴一下: 这篇博客是它16年写的,尽管评论里面有很多人指出来这个地方写错了,但他时至今日仍没有更正过来。 ... 阅读全文

@2020-05-12 前端综合 浏览(12057)
#
H5唤起高德百度腾讯等地图APP

如题一般APP都注册了某个协议使得通过访问一个地址就能唤起APP并实现指定功能。最近在做的H5页面需要唤起手机原生地图: 所以整理了国内三大地图APP的唤起方式如下: <a href="androidamap://poi?sourceApplication=dingtalk&keywords=阿里巴巴">打开安卓高德地图</a><br><a hre... 阅读全文

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@2018-05-14 前端综合 浏览(2692)
第1页,共2页