七牛云测试域名过期内容如何下载下来

2019-5-26 Jon 前端工具

使用七牛来保存静态资源是一件很常用的事情 但是免费的总是会出现各种问题 我的七牛之前的测试域名就过期了 导致之前放上去的各种静态资源都无法使用 因为没怎么关心邮件提醒 导致现在七牛上的资源不能使用并且无法下载下来 这令人非常头疼 经过查找,找到了一个下载七牛上资源的方法 在此记录下,方便后人使用 这个是七牛命令号辅助工具 只有通过此工具才能下载资源 这个使用需要些命令行知识 废话少说直接上干货 1. 下载 七牛命令行辅助工具 qrsctl     下载地址 https://developer.qiniu.com/kodo/...

阅读全文>>

标签: 七牛云存储

评论(0) 浏览(529)

检查turn服务器是否处于活跃状态

2019-5-24 Jon html+css

使用webRTC时 有时需要自己搭建turn服务器 如何测试搭建好的turn服务器是否可用 下面给出代码 修改checkTURNServer里面对象的 url/username/credential分别对应url/用户名/密码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...

阅读全文>>

标签: webRTC

评论(0) 浏览(282)

Angular 多环境配置

2019-5-19 Jon js库

实际开发中,我们经常需要配置多个环境,如:开发环境、测试环境、生产环境。 比如接口的地址在不同环境下各有一个地址,如: 开发环境:http://dev.xxx.xxx 测试环境:http://test.xxx.xxx 生产环境:http://www.xxx.xxx Angular给我们提供了一个很方便的方式,就是通过environment变量来控制 1、找到src/environments目录, 用@angular/cli工具创建的项目默认会有environment.prod.ts(生产环境) 和environment.ts(开发环境),为了方便测试环境,我们再新建一个...

阅读全文>>

标签: 多环境

评论(2) 浏览(588)

angular界面引导插件ngx-joyride的使用

2019-4-27 Jon js库

先看几个常用的jquery引导插件效果 1、intro.js 2、Bootstrap Tour  3、Bootstro.js  4、aSimpleTour  5、Joyride  如果在angular 中也使用上述jquery的插件当然也是可以的,但会产生以下几个问题: 1、要引入jquery库,这就增加的代码量,而且用到的部分并不多,导致代码冗余。 2、因为是基于jquery 的所以对dom的操作较为频繁,性能上也会产生影响。 3、对angular组件化、模块化方式操作不友好,使用较为繁琐。 这时,我们需要一种基于angul...

阅读全文>>

标签: 插件

评论(0) 浏览(478)

angular 中的路由简单的配置详解

2019-4-21 Jon js库

1.重定向路由配置 const routes: Routes = [ {path:'', redirectTo: '/home', pathMatch:'full'}, {path:'home', component: HomeComponent }, // 默认展示HomeComponnet {path:'about', component: AboutComponent} ]; 作用就是可以指定访问某个路由时跳转到其它路由,如上述所示当访问的是根路由时则直接重定向到home路由,展示HomeComponent组件的内容。 pathMatch: 'full'表示全部符合才...

阅读全文>>

标签: angular

评论(0) 浏览(328)

js中遍历数组和对象的方法大全整理

2019-4-8 Jon js+jquery+ajax

目录 一、遍历数组的方法 1. for 2. while 和 do while 3. for of 4. for in 5. 达夫设备 6. forEach 和 map 7. filter、some、every、reduce、reduceRight 8. js库 jquery $.each 和 underscore _.each() 二、遍历对象的方法 1. for in 2. Object.keys(obj).forEach(function(key){console.log(key,obj[key]);}); 3. Object.getOwnPropertyN...

阅读全文>>

标签: 遍历

评论(0) 浏览(447)

http状态码大全总结

2019-3-21 Jon html+css

在前端日常开发过程中,调用后端接口,发起请求的时候就会碰到后端返回的状态码,这篇文章就将后端可能返回的所有状态码含义记录一下,以便查询。 常见状态码 200 - 请求成功 302 - 重定向 401 - 权限不足 403 - 禁止访问要求 SSL 404 - 请求的网页不存在 500 - 服务器内部错误 503 - 服务器不可用 1开头的状态码 100 - (继续) 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 - (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。 2开头的状态码(成功) 200...

阅读全文>>

标签: http

评论(0) 浏览(318)

使用超简单的nodejs版本管理工具n安装升级和切换node版本

2019-3-6 Jon nodeJS

使用npm全局安装     sudo npm i -g n     运行错误的话使用     sudo npm i -g n --force 查看node所有版本     n list或者n ls     高亮显示的是本地已经安装的     高亮并在前面有标志的是目前正则使用的 通过n切换和安装node版本   ...

阅读全文>>

标签: node

评论(0) 浏览(280)

angular 中的路由守卫CanActivate、CanDeactivate、Resolve

2019-2-26 Jon js库

一、路由守卫 当用户满足一定条件才被允许进入或者离开一个路由。 路由守卫场景: 1、某些路由用户未登录无法进入(登录) 2、某些路由用户没权限无法进入(权限) 3、不可跳过中间步骤直接访问某一步骤路由(注册流程、步骤条) 4、当用户未执行保存操作而试图离开当前导航时提醒用户(防止误操作) 5、用户进入某路由前获取该路由需要的数据(提升用户体验) Angular提供了一些钩子帮助控制进入或离开路由。这些钩子就是路由守卫,可以通过这些钩子实现上面场景。 CanActivate: 是否允许进入某路由(场景1、2、3) CanDeactivate: 是否允许离开某路由(场景4)...

阅读全文>>

标签: 路由

评论(0) 浏览(565)

.md文件的编写与预览

2019-2-15 Jon 其他

.md文件又叫做 markdown 文件 一般前端做过框架项目或者逛过 github 的都知道有个项目说明文件README.md 此文件主要可以记录一些项目关键信息和使用文档及流程 这个文件就是 markdown 文件 其实 markdown 文件远不止用在项目中 也可以快速写出很漂亮的文档文件,用于各个方面 这篇文章就介绍下如何编写和预览这个.md文件格式 编写一个 .md 文件 创建一个.md格式文件 .md 文件编写工具     mac上可以使用 Typora 非常好用能看到实时效果    &...

阅读全文>>

标签: md

评论(0) 浏览(609)

HTML5桌面通知知识点总结

2019-1-28 Jon html+css

H5 Web Notification桌面推送消息 特点     可以直接脱离浏览器,在桌面提醒(类似微信及系统提醒)。     不能直接本地运行,需要服务器     需要用户允许方可使用     win系统提醒在右下角,mac提醒在右上角 浏览器兼容性     Firefox (支持)     Chorome (支持)  ...

阅读全文>>

评论(0) 浏览(298)

前端mvvm框架中双向绑定的原理和实现

2019-1-24 Jon js库

1、通过Object.defineProperty(obj, prop, descriptor)劫持对象的属性读写,其中obj是要在上面定义属性的对象,prop是要定义或修改的属性名称,descriptor是属性的描述符。描述符中可选get和set键值。get是属性的getter方法,返回属性值;set为setter方法,接受唯一参数,并将该参数的值赋值给属性,get和set的默认值均为undefined。 2、双向绑定的简单实现。 <input type="input" id="input"> <span id="show">&...

阅读全文>>

标签: 底层 框架

评论(0) 浏览(465)

皖ICP备15010162号-1 ©2015-2020 知向前端
qq:1614245331 邮箱:13515678147@163.com Powered by emlog sitemap