与我联系

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

2019-5-24 一诺 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) 浏览(25)

Angular 多环境配置

2019-5-19 一诺 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) 浏览(28)

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

2019-4-27 一诺 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) 浏览(23)

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

2019-4-21 一诺 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) 浏览(27)

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

2019-4-8 一诺 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) 浏览(33)

http状态码大全总结

2019-3-21 一诺 html+css

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

阅读全文>>

标签: http

评论(0) 浏览(36)

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

2019-2-26 一诺 js库

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

阅读全文>>

标签: 路由

评论(0) 浏览(25)

.md文件的编写与预览

2019-2-15 一诺 其他

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

阅读全文>>

标签: md

评论(0) 浏览(44)

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

2019-1-24 一诺 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) 浏览(80)

解决index.html缓存问题

2019-1-8 一诺 html+css

一般项目发版后前端静态文件会有缓存问题, 不强制刷新很难解决, 但是用户不会去强制刷新, 这就需要我们开发人员在配置方面解决浏览器缓存静态文件问题。 一般浏览器缓存的文件有html、css、js等。 css、js文件被缓存的解决方案 一般html中引入的css和js的名字都加了哈希值,所以新版本css、js和就旧版本的名字是不同的,不会有缓存问题。 如果index.html文件被缓存就稍微麻烦些 首先可以在index.html文件头部添加mate标签禁止缓存 <meta http-equiv="Expires" content="0"> <...

阅读全文>>

标签: 面试 缓存

评论(0) 浏览(56)

皖ICP备15010162号-1 @2015 勿恨水长东
qq:1614245331 邮箱:13515678147@163.com Powered by
emlog