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) 浏览(143)

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) 浏览(210)

http状态码大全总结

2019-3-21 一诺 html+css

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

阅读全文>>

标签: http

评论(0) 浏览(174)

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

2019-3-6 一诺 nodeJS

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

阅读全文>>

标签: node

评论(0) 浏览(100)

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

2019-2-26 一诺 js库

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

阅读全文>>

标签: 路由

评论(0) 浏览(198)

.md文件的编写与预览

2019-2-15 一诺 其他

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

阅读全文>>

标签: md

评论(0) 浏览(245)

HTML5桌面通知知识点总结

2019-1-28 一诺 html+css

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

阅读全文>>

评论(0) 浏览(114)

前端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) 浏览(262)

解决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) 浏览(475)

前端路由之angular路由配置的区别#和/

2018-12-9 一诺 js库

先说下什么是前端路由 以前路由都是后台做的,通过用户请求的url导航到具体的html页面,这种无法做单页应用 而一般要前端单页应用项目就会需要用到前端路由 现在我们在前端可以利用 Angular、vue、react等通过配置文件,达到前端控制路由跳转的功能。 前端路由的实现方法 1.通过hash实现 当url的hash发生改变时,不触发网页重载,触发hashchange注册的回调,回调中去进行不同的操作,进行不同的内容展示。 使用hash来实现的话,URI规则中要带上#,路由中#后边的内容就是hash 如 http://localhost:4200/#/home/pa...

阅读全文>>

标签: 路由

评论(0) 浏览(176)

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