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

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

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

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

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

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

@2016-12-19 前端综合 浏览(56831)
#
没引用的变量不能乱删!

正文源自组内一个文件上传组件,从某个版本开始,同学A觉得代码里面有太多没被引用的变量就把它全删了,但是他没发布,后来同学B基于这个代码发布了一个新包,结果,bug出现了。 原始代码: function render() { const {className, onChange, ...others} = this.props; return <Uploader classNa... 阅读全文

@2020-03-26 JavaScript 浏览(57)
#
HTTP请求中Host、Origin和Referer的区别

这3个参数不仔细对比的话很容易搞错: Host表示当前请求要被发送的目的地,说白了就是当前请求目标资源的host,仅包括域名和端口号,如test.haoji.me。在任何类型请求中,request都会包含此header信息。 Origin表示当前请求资源所在页面的协议和域名,如http://blog.haoji.me,这个参数一般只存在于CORS跨域请求中,普通请求没有这个header。 ... 阅读全文

@2020-03-17 HTTP 浏览(84)
#
JavaScript关闭当前页

如题出于安全考虑,普通页面直接执行window.close()时不会生效,控制台会出现如下警告: Scripts may not close windows that were not opened by script. 只有那些通过<a target="_blank">链接</a>或者window.open()打开的页面才支持关闭,为什么这么规定呢?我猜大概可能是觉得... 阅读全文

@2020-02-21 JavaScript 浏览(251)
#
Chrome在新版MacOS上报错 NET::ERR_CERT_WEAK_KEY 解决

现象在最新的Mac10.15版本上报NET::ERR_CERT_WEAK_KEY 解决错误: 证书详情: 原因参考苹果官网给出的提示(https://support.apple.com/en-us/HT210176): RSA秘钥长度必须>=2048,小于这个长度的将不会被信任;必须使用SHA-2签名,使用SHA-1签名证书将不会被信任; 解决按照上述提示把证书秘钥长... 阅读全文

@2020-01-19 HTTP 浏览(477)
#
H5唤起高德百度腾讯等地图APP

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

@2019-12-13 前端综合 浏览(757)
#
随时随地 run server

背景你是否有这样的烦恼,想双击打开一个index.html,但是这个页面要求必须使用http打开,但是手上又没有一个可以直接用的静态资源服务器。 run-server解决方案来了,无聊写了一个只有99行代码的超级简单的静态资源服务器run-server,不依赖任何模块,只需要安装一次即可: npm i run-server -g 以后在任何目录执行run-sever命令即可自动运行一个以当前... 阅读全文

@2019-04-23 Node.js 浏览(1227)
#
已适配视网膜屏的通用水印实现方案

如题默认情况下,canvas在视网膜屏幕下写出的字体会有模糊问题,本方法已适配,完整代码如下: /** * 生产水印,并返回水印URL地址,已适配视网膜屏幕下字体模糊问题 * @param {*} text 水印文字 * @param {*} el 要设置水印的目标元素,默认 document.body * @param {*} config 配置项 * @returns {String} 水印... 阅读全文

@2019-03-06 JavaScript 浏览(1283)
#
创建一个npm install之后可以直接执行的包

相比于普通的包只需要在2个地方特殊处理一下: 第一package.json里面加上bin配置,以下示例中,run-server是安装之后生成的命令,index.js是你的代码入口。 { "bin": { "run-server": "./index.js" }} 第二index.js第一行需要加如下代码(特别注意,!和/usr之间没有空格!!!具体原因您可以看本文最... 阅读全文

@2019-01-30 Node.js 浏览(1199)
#
npm转让模块碰到的问题记录

正文其实转让很简单,进入某个package的Admin页面(https://www.npmjs.com/package/你的模块名/access ),邀请要转让的新账号,然后删除老账号,稍等十几分钟就ok了。 问题出就出在需要稍等十几分钟上面。刚开始不知道,碰到了后文提到的问题,以为是npm官网的bug,正准备怒气冲冲的写一个吐槽npmjs的文章,结果写着写着发现问题没了,哈哈,本文纯当给大... 阅读全文

@2019-01-30 Node.js 浏览(1030)
#
VSCode插件开发全攻略(九)常用API总结

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

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

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

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

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

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

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

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

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

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

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

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

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

@2018-10-07 前端综合 浏览(5452)
第1页,共8页