摘要: 1 安装拓展 Settings Sync 在 VSCode 拓展中搜索 Settings Sync 并安装,安装完成后,重启 2 设置 Github Person Access Token 进入这个页面:tokens(https://github.com/settings/tokens),点击 ge 阅读全文
posted @ 2019-05-15 12:49 Hellozhu 阅读(1913) 评论(1) 推荐(0) 编辑
摘要: (1)identityserver4授权服务器端 public static class Config { public static IEnumerable<IdentityResource> GetIdentityResources() { return new IdentityResource 阅读全文
posted @ 2019-05-15 12:43 Hellozhu 阅读(1448) 评论(0) 推荐(0) 编辑
摘要: 实现代码: (1)IdentityServer4授权服务器代码: public static class Config { public static IEnumerable<IdentityResource> GetIdentityResources() //对身份资源的配置 { return n 阅读全文
posted @ 2019-05-15 12:38 Hellozhu 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 1.基于概念 OAuth2.0与身份认证协议的角色映射 OpenID Connect 这个协议是2014颁发的,基于OAuth2.0,在这个协议中,ID Token会和Access Token一起发回客户端应用,它还提供了一个UserInfo这个端点,通过此端点可以获取用户信息,还提供了一级标识身份 阅读全文
posted @ 2019-05-15 12:23 Hellozhu 阅读(571) 评论(0) 推荐(0) 编辑
摘要: 1.Authorization Endpoint 它是与用户交互的端点,用户在此进行为客户端应用授权的操作,即authorization grant 2.Token Endpoint 端点,就是一个web服务,一个路径,一个uri。客户端应用向Token端点展示它的权限,即展示authrizatio 阅读全文
posted @ 2019-05-15 12:22 Hellozhu 阅读(2309) 评论(0) 推荐(0) 编辑
摘要: 一、oauth 典型案例:如果一个用户R拥有两项服务:一项服务是图片在线存储服务A,另一个是图片在线打印服务B。由于服务A与服务B是由两家不同的服务提供商提供的,所以用户在这两家服务提供商的网站上各自注册了两个用户,假设这两个用户名各不相同,密码也各不相同。当用户要使用服务B打印存储在服务A上的图片 阅读全文
posted @ 2019-05-15 12:14 Hellozhu 阅读(566) 评论(0) 推荐(0) 编辑
摘要: 1.基于概念 OpenId是一个以用户为中心的数字身份识别框架,它具有开放、分散、自由等特性。OpenId的创建是基于这样一个概念:我们可以通过URI(或者URL网址)来识别一个网站。同样,我们也可以通过这样的方式来识别一个用户的身份。OpenId系统的身份认证就是通过URI来认证用户身份。目前绝大 阅读全文
posted @ 2019-05-15 12:12 Hellozhu 阅读(801) 评论(0) 推荐(2) 编辑
摘要: 1.OAuth 2.0授权方式介绍: OAuth 2.0 的标准是 RFC 6749 文件。该文件先解释了 OAuth 是什么: OAuth 引入了一个授权层,用来分离两种不同的角色:客户端和资源所有者。......资源所有者同意以后,资源服务器可以向客户端颁发令牌。客户端通过令牌,去请求数据。 O 阅读全文
posted @ 2019-05-15 12:02 Hellozhu 阅读(283) 评论(0) 推荐(0) 编辑
摘要: ctrl+shift+p,调出configure display language,选择en或zh,若没有则选择安装使用其它语言,则直接呼出扩展程序搜索界面,选择,然后安装,重启即可。 shift+alt+向下箭头,快速复制一行 背景图设置: 一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给 阅读全文
posted @ 2019-05-15 11:45 Hellozhu 阅读(385) 评论(0) 推荐(0) 编辑
摘要: 第一步: 第二步: // vue.config.js module.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'components': '@/components', 'views': '@/ 阅读全文
posted @ 2019-05-15 11:42 Hellozhu 阅读(2076) 评论(0) 推荐(0) 编辑
摘要: 前两天发现手机页面的倒计时在Android上正常显示,在iPhone却不能显示。 后来又发现在ff和ie里也不显示。(以前只在chrome里看过,显示正常)。 后来同事改了new Date()里字符串的格式,就都正常显示了。 我们知道Android和chrome都是webkti内核,难道和这个有关? 阅读全文
posted @ 2019-05-15 11:39 Hellozhu 阅读(808) 评论(0) 推荐(0) 编辑
摘要: 获取时间: 1 var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMon 阅读全文
posted @ 2019-05-15 11:37 Hellozhu 阅读(1676) 评论(0) 推荐(0) 编辑
摘要: 拷贝分为浅拷贝和深拷贝,在JavaScript中能够实现这两种拷贝的方式也是多种多样。以下是一维数组实现深拷贝和浅拷贝的各种方式。 一、浅拷贝 1、赋值 赋值是最直接的一种浅拷贝。 let arr3 = [1,2,3] let arr4 = arr3 arr4[0] = 11 console.log 阅读全文
posted @ 2019-05-15 11:36 Hellozhu 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 由于浏览器的同源访问策略,vue开发时前端服务器通常与后端api服务器并非是相同的服务器,因此需要使用一个代理服务器实现跨域访问。在@vue/cli3.x根目录下创建一个vue.config.js文件,添加如下配置: module.exports = { devServer: { proxy: { 阅读全文
posted @ 2019-05-15 11:35 Hellozhu 阅读(411) 评论(0) 推荐(0) 编辑
摘要: 1.整体移动vscode代码块 凭借操作的经验我们能够轻松地知道将代码整体往右移只需选中代码按Tab键即可。其实往左移也很简单: 选中之后按下 shift+Tab键 即可。 2.VSCode 使用 stylus,配置格式化设置 格式化成功后的截图 . 设置步骤 VSCode 扩展商店中搜索 styl 阅读全文
posted @ 2019-05-15 11:34 Hellozhu 阅读(1357) 评论(0) 推荐(0) 编辑
摘要: 1.<noscript>…</noscript> 在body中使用此段代码,可识别 <script> 标签但无法支持其中的脚本的浏览器。 此段代码意思为如果浏览器不支持script的代码,则会显示嵌入的那个页面的内容 2.网站路径 / 网站根路径 ./ 当前路径 ../ 上一级路径 ../../ 上 阅读全文
posted @ 2019-05-15 11:30 Hellozhu 阅读(571) 评论(0) 推荐(0) 编辑
摘要: 目标:希望每次新建.vue文件后,VSCODE能够根据配置,自动生成我们想要的内容。 方法:打开VSCODE编辑器,依次选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,输入vue, 选择vue后,VSCODE会自动打开一个名字为vue.json的文件,复制以下内容到这个文件中 阅读全文
posted @ 2019-05-15 11:28 Hellozhu 阅读(426) 评论(0) 推荐(0) 编辑
摘要: stylus是 CSS 的预处理框架。CSS 预处理,顾名思义,预先处理 CSS。那 stylus 咋预先处理呢?stylus 给 CSS 添加了可编程的特性,也就是说,在 stylus 中可以使用变量、函数、判断、循环一系列 CSS 没有的东西来编写样式文件,执行这一套骚操作之后,这个文件可编译成 阅读全文
posted @ 2019-05-15 11:26 Hellozhu 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 进入到阿里的图标库网站,里面有上百万种icon,https://www.iconfont.cn,需要注册一个帐号,然后进入到这个页面,在这里点击右下角的带加号的图标,创建一个新的项目,名称与你要使用图标的前端开发项目同名。然后转到图标页去点选图标,加入购物车,选好确定后,购物车中的图标将全部加入到创 阅读全文
posted @ 2019-05-15 11:25 Hellozhu 阅读(767) 评论(0) 推荐(0) 编辑
摘要: 一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板 <div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">Message got outside $nextTick: {{msg1}} 阅读全文
posted @ 2019-05-15 11:23 Hellozhu 阅读(1244) 评论(0) 推荐(0) 编辑