当页面滑动到底部,用户想要回到顶部,为了便于用户体验,往往需要在页面右下角增加一个置顶,回到顶部的操作 那么用原生js与jq分别怎么实现呢 原生js html代码 <a href='javascript:;' id='btn'...

有时候在网站底部,或者顶部添加上添加当前网站运行了多少时间 这样一定程度上可以增加用户对当前网站的信任,实现起来也非常简单 具体实现 在网站的底部body上方添加一段如下代码 <span id='r...

路由器分别有两种模式,一种是hash模式,另一种是history模式,在使用vue-cli以及vue-router默认搭建的vue项目,如果不做特殊的配置,默认就是hash模式 这两种模式各有自己的优势,但他们的使用区别,...

前言 对于前端路由守卫,只要做过后台权限管理系统的前端,多少都会接触到,本质上就是为了保护访问路由的访问权限,也就是对路由权限进行控制 只有在允许特定的情况下才能访问某个固定的路由,具备...

我们知道在vue项目里,实现路由的跳转是使用router-link标签,由于导航链接不止一个,在模板里写死导航的话,不是很灵活 我们往往是结合现成的UI框架,一些现成的组件,快速的去实现我们的导航,路由的...

性去跳转,这种可直接在模板中进行使用 我们称为它是声明式的导航,但有时,我们项目里,写的不是router-link而是一个button组件,或是需要有一定的异步逻辑处理,然后在跳转 那么这个时候,router-lin...

在Vue项目里,实现左侧菜单边栏多级内容的展示,导航的切换,以及内容链接的跳转等等,用的都是前端路由vue-router,它的重要性,不可言喻下面介绍一下Vue中的路由传参以及路由的props配置 使用query...

对于如何实现pc端网站与移动端网站的切换,对于前端开发来说,并不陌生,当从UI设计师拿到设计稿时,针对页面,然后开始布局画页面,那既要兼顾pc端又要兼顾移动端 通常来讲,根据项目的需求,选择合适...

纯css3实现绚丽的玫瑰,适用送女朋友,研究css3新特性,将技巧运用到实际项目中 应用场景 网页中某个位置插入一朵玫瑰花,可用于吸引用户,提高用户留存率 源码可以自由修改,颜色随意自由调节 送女朋...

有时,在页面中添加字体移动旋转效果,一定程度上可以吸引用户,以达到停留页面的目的 在css3中虽然transiton在一定的时间内可以实现元素的初始状态在指定的时间范围过度到最终状态 用于模拟一种过...