网页开发 - 浏览器家园

Token：服务端身份验证的流行方案

身份认证服务端提供资源给客户端，但是某些资源是有条件的。所以服务端要能够识别请求者的身份，然后再判断所请求的资源是否可以给请求者。token是一种身份验证的机制，初始时用户提交账号数据给服务端，服务端采用一定的策略生成一个字符串（token），token字符串中包含了少量的用户信息，并且有一定的期限。服务端会把token字符串传给客户端，客户端保存token字符串，并在接下来的请求中带上这个字符串。它的工作流程大概是这样：组件图Token机制在这样的流程下，我们需要考虑下面几个问题：服务端如何根据toke

时间：2023-06-27人气：91
提示用户升级浏览器代码低于IE9的浏览器提示

想做一些酷炫的网站都有个烦恼，那就是兼容ie浏览器，好在现在使用ie的也越来越少，微软也转战edge浏览器。使用Bootstrap经常用js插件可以模拟兼容旧版本的浏览器(bsie鄙视IE)，而且经常可以看到如下的代码：<!--[ifltIE9]><scriptsrc="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><scriptsrc="http://cdn.bootcs

时间：2023-06-27人气：55
VSCode插件开发全攻略（二）HelloWord

出处：本文由小茗同学发表于2018-10-06更多文章请戳VSCode插件开发全攻略系列目录导航。写着前面学习一门新的语言或者生态首先肯定是从HelloWord开始。您可以直接克隆我放在GitHub上vscode-plugin-demo 的代码到本地，然后尝试修改代码并运行，也可以使用微软官方的脚手架vscode-generator-code来生成项目结构，脚手架的使用我们后面再来介绍，先来熟悉一下项目结构。HelloWorld2.1. 项目结构项目结构其实很简单，主要是清单文件package.json

时间：2023-06-27人气：75
【库】利用ES6 默认传参Default Parameters改善柯里化应用

说在前头“一切皆对象”不知几何起已成为一种语言的楷模，一种对写法规范的标准，但其实各种语言依然有他们自身的精彩与美丽，更何况当今多数插件的底层，算法仍无法避免面向过程的书写（我们无法否认ifelse给我们带来的便捷），所以在面向对象化的今天，我仍要聊一聊过程化的极致以及写法的优化TIPS：偏函数与柯里化的区别就不再概述一、以往的柯里化执行1、集中式处理consttest=a=>{a++returnb=>{b++returnc=>{c++returncall=>call(a,b,c)

时间：2023-06-27人气：56
session基本原理、安全性

session的基本原理及安全性1.session原理提到session，大家肯定会联想到登录，登录成功后记录登录状态，同时标记当前登录用户是谁。功能大体上就是这个样子，但是今天要讲的不是功能，而是实现。通过探讨session的实现方式来发掘一些可能你之前不知道的有趣的事情。为了记录session，在客户端和服务器端都要保存数据，客户端记录一个标记，服务器端不但存储了这个标记同时还存储了这个标记映射的数据。好吧，还是说点白话吧，在客户端记录的其实是一个sessionid，在服务器端记录的是一个key-va

时间：2023-06-27人气：64
使用Safari对webview进行调试

在web开发的过程中，抓包、调试页面样式、查看请求头是很常用的技巧。其实在iOS开发中，这些技巧也能用（无论是模拟器还是真机），不过我们需要用到mac自带的浏览器Safari。所以，本文将讲解如何使用Safari对iOS程序中的webview进行调试。正文：1.打开模拟器（真机）的开发者模式【设置】->【Safari】->【高级】->【Web检查器】打开2.打开Mac上Safari的开发者模式【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】

时间：2023-06-27人气：59
VSCode插件开发全攻略（八）代码片段、设置、自定义欢迎页

出处：本文由小茗同学发表于2018-10-14更多文章请戳VSCode插件开发全攻略系列目录导航。代码片段代码片段，也叫snippets，相信大家都不陌生，就是输入一个很简单的单词然后一回车带出来很多代码。平时大家也可以直接在vscode中创建属于自己的snippets：1.1. 创建代码片段那么如何在扩展中创建snippets呢？package.json文件新增如下："contributes":{"snippets":[{//代码片段作用于那种语言"language":"javascr

时间：2023-06-27人气：72
HTTP2 详解

维基百科关于HTTP/2的介绍，可以看下定义和发展历史:WikiRFC7540定义了HTTP/2的协议规范和细节，本文的细节主要来自此文档，建议先看一遍本文，再回过头来照着协议大致过一遍RFC，如果想深入某些细节再仔细翻看RFCRFC7540Whyuseit?HTTP/1.1存在的问题:1、TCP连接数限制对于同一个域名，浏览器最多只能同时创建6~8个TCP连接(不同浏览器不一样)。为了解决数量限制，出现了域名分片技术，其实就是资源分域，将资源放在不同域名下(比如二级子域名下)，这样就可以针对不同域名

时间：2023-06-27人气：67
双剑合璧——掌握 cURL 和 Dig 走天涯

如今随着大量的应用转移到网络，作为开发者，会经常做一些通讯测试，例如从网站获取信息、模拟用户向网站提交或者上传数据，查看应用通讯情况等等，现在变成了非常重要的任务。一起来认识cURLcURL是一个非常有用的工具，能够进行各种URL操作和数据的传输，通过它发出网络请求，然后得到和提取数据，显示在”标准输出”（stdout）上面。本文只关注如何进行HTTP请求，如果你有对cURL进行更深入了解的想法的话，可以使用下面的命令：curl–help或curl–manual，或者参阅cURL的

时间：2023-06-27人气：87
手机端JS屏蔽广告

最近遇到有些广告的问题，首先是在手机端，可能是用户访问了一些小网站的，（你懂得），然后在访问我的网站时，会带小广告过来，通常是wifi被dns劫持的情况下导入到广告脚本，1、处理这些要知道广告的根源，广告脚本种子基本上是动态创建script来加载的，比如百度的pos广告处理这些需要禁止动态加载脚本，防止广告加载，(function(){ var createElement=document.createElement; document.createElement=function(tag){

时间：2023-06-27人气：74
VSCode插件开发全攻略（五）跳转到定义、自动补全、悬停提示

出处：本文由小茗同学发表于2018-10-07更多文章请戳VSCode插件开发全攻略系列目录导航。跳转到定义跳转到定义其实很简单，通过vscode.languages.registerDefinitionProvider注册一个provider，这个provider如果返回了newvscode.Location()就表示当前光标所在单词支持跳转，并且跳转到对应location。为了示例更加有意义，我在这里写了一个支持package.json中dependencies、devDependencies跳转

时间：2023-06-27人气：73
cURL 在window平台下的安装和使用

cURL在window平台下的安装和使用curl的下载，https://curl.haxx.se/download.html，下载完成后解压。用vs的本地化工具编译。3.进入到下载的源码文件夹中，双击buildconf.bat文件运行进入解压后的目录下C:UsersusernameDesktopcurl-7.61.0curl-7.61.0winbuild将上面打开的x86本机工具切换到该目录，如图5.编译生成库文件（可以生成debug和release库）切换进去后，输入如图所示的命令将库编译成静态库，命令

时间：2023-06-27人气：87
VSCode插件开发全攻略（一）概览

出处：本文由小茗同学发表于2018-09-03文章索引VSCode插件开发全攻略（一）概览VSCode插件开发全攻略（二）HelloWordVSCode插件开发全攻略（三）package.json详解VSCode插件开发全攻略（四）命令、菜单、快捷键VSCode插件开发全攻略（五）跳转到定义、自动补全、悬停提示VSCode插件开发全攻略（六）开发调试技巧VSCode插件开发全攻略（七）WebViewVSCode插件开发全攻略（八）代码片段、设置、自定义欢迎页VSCode插件开发全攻略（九）常用API总结

时间：2023-06-27人气：95
短网址运作流程及盈利模

相信大家手机收到的一些短信中，经常还包含一些短网址，如果你点击访问的话，会发现，跳转到的网页的URL却是非常长的。这是因为短信商家采用了短网址服务，替代原先冗长的网址，方便传输和分享。短网址运作流程由于短网址较短，分享给别人后看起来更加清爽，所以转化率通常比长网址好很多。现在短网址已经广泛用于知乎、微博、短信、邮件、朋友圈链接分享等情景中，更加利于内容其它平台上的传播，还能避开某些平台对长链接的封锁。那么在带便利的同时，你是否想过提供短网址服务商家又是怎么赚钱的呢?在这之前，我们先来看看短网址服务的基本运

时间：2023-06-27人气：75
cURL 命令详解

curl是一种命令行工具，作用是发出网络请求，然后获取数据，显示在”标准输出”（stdout）上面。它支持多种协议，下面列举其常用功能。一、查看网页源码直接在curl命令后加上网址，就可以看到网页源码。以网址 www.sina.com为例（选择该网址，主要因为它的网页代码较短）。$curlwww.sina.com<html><head><title>301MovedPermanently</title></head><

时间：2023-06-27人气：53
在windows下安装Gulp —— 基于 Gulp 的前端集成解决方案（一）

相关连接导航在windows下安装gulp——基于Gulp的前端集成解决方案（一）执行$Gulp时发生了什么——基于Gulp的前端集成解决方案（二）常用Gulp插件汇总——基于Gulp的前端集成解决方案（三）构建一个基本的前端自动化开发环境——基于Gulp的前端集成解决方案（四）一、准备工作1、什么是npm?npm是nodejs的包管理工具，主要功能就是管理、更新、搜索、发布node的包。Gulp就是通过NPM安装的。关于NPM中文介绍，这里有一篇非常不错的文章：http://www.cnblogs.co

时间：2023-06-27人气：62
Https单向认证和双向认证

HttpHyperTextTransferProtocol，超文本传输协议，是互联网上使用最广泛的一种协议，所有WWW文件必须遵循的标准。HTTP协议传输的数据都是未加密的，也就是明文的，因此使用HTTP协议传输隐私信息非常不安全。使用TCP端口为：80二、HttpsHyperTextTransferProtocoloverSecureSocketLayer，安全的超文本传输协议，网景公式设计了SSL(SecureSocketsLayer)协议用于对Http协议传输的数据进行加密，保证会话过程中的安全

时间：2023-06-27人气：99
VSCode插件开发全攻略（七）WebView

出处：本文由小茗同学发表于2018-10-13更多文章请戳VSCode插件开发全攻略系列目录导航。什么是Webview大家都知道，整个VSCode编辑器就是一张大的网页，其实，我们还可以在VisualStudioCode中创建完全自定义的、可以间接和nodejs通信的特殊网页（通过一个acquireVsCodeApi特殊方法），这个网页就叫WebView。内置的Markdown的预览就是使用WebView实现的。使用Webview可以构建复杂的、支持本地文件操作的用户界面。VSCode插件的WebVi

时间：2023-06-27人气：96
cookie，session，token大揭秘

发展史很久很久以前，Web基本上就是文档的浏览而已，既然是浏览，作为服务器，不需要记录谁在某一段时间里都浏览了什么文档，每次请求都是一个新的HTTP协议，就是请求加响应，尤其是我不用记住是谁刚刚发了HTTP请求，每个请求对我来说都是全新的。这段时间很嗨皮但是随着交互式Web应用的兴起，像在线购物网站，需要登录的网站等等，马上就面临一个问题，那就是要管理会话，必须记住哪些人登录系统，哪些人往自己的购物车中放商品，也就是说我必须把每个人区分开，这就是一个不小的挑战，因为HTTP请求是无状态的，所以想出

时间：2023-06-27人气：54
十一个常见的Nginx伪静态规则

域名重指向if(!-e$request_filename){rewrite^/(.*)$https://cha.puerke.com/$1permanent;}WordPresstry_files$uri$uri//index.php?$args;Tapyeechoif(!-e$request_filename){rewrite^(.*)$/index.php$1last;}DiscuzXrewrite^/([^/]*)archiver/((fid|tid)-[w-]+.html)$/$1archiver

时间：2023-06-27人气：98
Nginx Tomcat 实现网站全站https 基于免费的SSL证书Let’s Encrypt

https好处众多，例如可以提高熊掌号分数，提高百度搜索的排名。可以支持微信小程序的后台。chrome和firefox终于不再天天说我网站不安全劝退用户了。有个小绿锁看起来也高大上！还有就是https一定是未来趋势，早升早解脱。事先说明一下，我的本职是java后台，其余例如前端、运维、SEO都是我现学现用的，本篇博客的方案，并不是最简单直接正确明了的方式，而是我屡战屡败屡败屡战之后积累出来的，用到的原理是我都是这两天临时抱佛脚的。所以之能说作为一个参考，不一定就是完美方案，只能说是全部按照我的流程，一定可

时间：2023-06-27人气：96
HTTPS从认识到线上实战全记录

前言关于HTTPS，基本上你想知道的都在这里了。本文原标题《HTTPS原理与实践》，下图是本文配套PPT的目录截图：原理篇2.1. 认识HTTPS先说一下，本文可能有些地方由于描述不到位或者我本人理解错误而出现不准确内容，有错误欢迎指正！2.1.1. 什么是HTTPSHTTPS全称HyperTextTransferProtocoloverSecureSocketLayer，直译过来就是通过SSL实现的超文本传输协议，简单来讲就是加密版的HTTP协议，也就是HTTP+SSL/TLS。为什么需要加密版的HTT

时间：2023-06-27人气：83
VSCode插件开发全攻略（十）打包、发布、升级

出处：本文由小茗同学发表于2018-10-13更多文章请戳VSCode插件开发全攻略系列目录导航。发布方式插件开发完了，如何发布出去分享给他人呢？主要有3种方法：方法一：直接把文件夹发给别人，让别人找到vscode的插件存放目录并放进去，然后重启vscode，一般不推荐；方法二：打包成vsix插件，然后发送给别人安装，如果你的插件涉及机密不方便发布到应用市场，可以尝试采用这种方式；方法三：注册开发者账号，发布到官网应用市场，这个发布和npm一样是不需要审核的。本地打包无论是本地打包还是发布到应用市场都

时间：2023-06-27人气：56
【插件】cors：vscode cors 扩展 – 解决跨域开发最终版

说在前头解决跨域的方式不下78种，类似的文章我也发表过，但开发路上总会遇到一些奇奇怪怪的限制，让你始终没法easy调试，这次我干脆写了个vscode扩展，伴随开发工具一起完灭Access-Control-Allow-Origin一、下载vscode扩展应用商店搜索“cors”下载即可二、如何使用1、开启右下角会显示新的icon，点击他即可开启内置服务至此开启了本地端口1337的监听2.1、ajax联调（get示例——lofter）借用lofter的API尝试$.ajax({type:"get",url

时间：2023-06-27人气：96
【库】Generator：8行代码优雅解决异步嵌套

Generator的核心“计步功能”亦可解决异步嵌套的问题，一定情况下的封装可替代Promise复制代码Promise的简易实现，可看该篇文章【库】Promise的简便实现，15行代码优雅解决异步嵌套一、核心函数的定义function*AJAX(opt){for(leti=0;i<opt.length;i++){let{url,data,success}=opt[i]yieldAPI[url](data,success)}}复制代码也是先传参注册，不过因为Generator自带闭包，所以代码量非常简

时间：2023-06-27人气：78
cURL知识点

curl：commandlinetoolandlibraryfortransferringdatawithURLscurl命令，常用缩写：curl命令缩写说明curl–requestCOMMANDcurl-XCOMMAND--request用-X代替curl–headerLINEcurl-HLINE--header用-H代替curl–dataDATAcurl-dDATA--data用-d代替curl常用命令(GET、POST、PUT、DELETE等需要大写)：命令说明c

时间：2023-06-27人气：99
session是什么-

什么是sessionsession的官方定义是：Session:在计算机中，尤其是在网络应用中，称为“会话控制”。Session对象存储特定用户会话所需的属性及配置信息。说白了session就是一种可以维持服务器端的数据存储技术。session主要有以下的这些特点：1.session保存的位置是在服务器端2.session一般来说是要配合cookie使用，如果是浏览器禁用了cookie功能，也就只能够使用URL重写来实现session存储的功能3.单纯的使用session来维持用户状态的话，那么当同时登录

时间：2023-06-27人气：93
【库】Promise的简便实现，15行代码优雅解决异步嵌套

该Promise的实现，只解决异步嵌套的问题，并没有其他All之类的方法哦。一、类的定义阶段classPro{constructor(fn){this.arr=[]this.count=-1fn(this)}then(r){if(typeof(r)==='function'){this.arr.push(r)returnthis}else{this.arr[++this.count]this.arr[this.count](this,r)}}}复制代码该代码只有15行左右，要再短点也不是不可，但越短的

时间：2023-06-27人气：53
VSCode插件开发全攻略（三）package.json详解

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

时间：2023-06-27人气：62
windows10 chrome 调试 ios safari 方法

windows10chrome调试iossafari方法需求背景在做一个项目时，发现某些图片在安卓设备和电脑上能正常显示，但是在iOS上却无法显示。网上没有找到解决方案。因为没有苹果电脑，所以需要在Windows中对苹果系统进行网页调试。系统环境电脑操作系统：Windows10专业版64位(10.0，版本14393)iPad操作系统：iOS10.3.2安装前准备要保证iPhone/iPad能使用USB与电脑正常连接在iOS中打开调试模式：设置->Safari->高级->Web检查器安装安

时间：2023-06-27人气：72

首页上一页 43 44 45 46 下一页尾页

本类导航

推荐文章

文章排行