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

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

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

http状态码大全总结

2019-3-21 Jon html+css

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

阅读全文>>

标签: http

评论(0) 浏览(597)

使用超简单的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) 浏览(599)

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

2019-2-26 Jon js库

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

阅读全文>>

标签: 路由

评论(0) 浏览(917)

.md文件的编写与预览

2019-2-15 Jon 其他

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

阅读全文>>

标签: md

评论(0) 浏览(1140)

HTML5桌面通知知识点总结

2019-1-28 Jon html+css

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

阅读全文>>

评论(0) 浏览(571)

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

解决index.html缓存问题

2019-1-8 Jon html+css

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

阅读全文>>

标签: 面试 缓存

评论(0) 浏览(2783)

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

2018-12-9 Jon js库

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

阅读全文>>

标签: 路由

评论(0) 浏览(815)

js获取浏览器系统当前使用语言

2018-11-8 Jon js+jquery+ajax

运行下面代码获取本地系统语言,关键是js代码 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>获取浏览器系统当前使用语言</title></h...

阅读全文>>

评论(0) 浏览(535)

get和post请求的区别及本质总结

2018-10-9 Jon 其他

先看答案 不同点: GET参数通过URL传递,POST放在Request body中。 GET在浏览器回退时是无害的,而POST会再次提交请求。 GET产生的URL地址可以被存为书签,而POST不可以。 GET请求会被浏览器主动cache,而POST不会,除非手动设置。 GET请求只能进行url编码,而POST支持多种编码方式。 GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。 GET请求在URL中传送的参数是有长度限制的,而POST没有。 对参数的数据类型,GET只接受ASCII字符,而POST没有限制。 GET比POST更不安全,因为参数直接...

阅读全文>>

标签: get

评论(0) 浏览(842)

关系型和非关系型数据库

2018-9-11 Jon 服务器

常见的数据库 关系型     MySQL(中型)     Oracle(大型)     SQL Server(大型)     DB2(大型)     Access(小微型)     Sqlite(小微型) 非关系型     Redis(键值对数据库。 适合缓存场景。)   &nb...

阅读全文>>

标签: 数据库

评论(0) 浏览(554)

Redis和MongoDB数据库的比较

2018-8-21 Jon 服务器

相同点 都是非关系型数据库 能都比较高、均支持持久化 源码语言类似都是c和c++ 均不适合需要使用复杂sql的操作和事务性系统 特点 redis 内存数据库(数据放在内存中,持久化是使用RDB或者aof) 支持丰富的数据结构,包括hash、set、list等。 Redis 事务支持比较弱,只能保证事务中的每个操作连续执行 可以用作数据库、缓存和消息中间件 MongoDB 数据实际上是存放在硬盘的(当内存不够时,热点数据放入内存,其他数据存在磁盘) 数据结构比较单一 但是支持丰富的数据表达,索引 最类似关系型数据库,支持的查询语言非常丰富 mongodb不支持...

阅读全文>>

标签: 数据库

评论(0) 浏览(508)

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