备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

vue.js路由

2024-03-01 33
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vue.js路由

注意：执行以下操作时提前安装node.js。如何安装请看俺的node.js学习路程。

1.安装vue命令行工具

     GitHub地址：https://github.com/vuejs/vue-cli

     全局安装vue命令行工具：npm install vue-cli -g

     安装之后查看是否安装成功：vue -V，安装成功如下图所示：

2.安装vue

   1.安装模板：vue init webpack helloworld

    2.安装生产环境：nmp install --production

    3.安装vue：npm install vue --save-dev

    4.运行vue：npm run dev

     当然也可以将官方的webpack从GitHub上复制到自己的项目中，github地址：https://github.com/vuejs-templates/webpack，然后npm install 项目的路径

  3.安装vue路由和4.vue子路由

     在命令窗口输入：npm install vue-router --save-dev

     在项目目录下src中的main.js做修改。

import Vue from 'vue'
import Router from './Router'

      在src中新建Router.js文件并且写入一下代码

     

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const first = {template:'<div>first內容</div>'}
const second = {template:'<div>second內容</div>'}
const Home = {template:'<div>home內容</div>'}
const ab = {
    template:`
      <div class="asdf">
        <h2>组件</h2>
        <router-view class='asdf'></router-view>
      </div>
    `
  }
const firstFirst =  {template:'<div>firstFirst內容</div>'}
const firstSecond =  {template:'<div>firstSecond內容</div>'}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname, //当前路径
  routes:[
    {path:'/',component:Home},
    {path:'/second',component:second},
    {path:'/first',component:ab,
      children:[
        {path:'/',component:first},
        {path:'first',component:firstFirst},
        {path:'second',component:firstSecond},
      ]},
  ]
})
 
// 模板
new Vue({
  router,
  template:`
    <div id='r'>
        <h1>导航</h1>
        <ol>
          <li><router-link to="/">/</router-link></li>
          <li><router-link to="/first">first</router-link></li>
          <ol>
             <li><router-link to="/first/first">/first/first</router-link></li>
             <li><router-link to="/first/second">/first/second</router-link></li>
          </ol>
          <li><router-link to="/second">second</router-link></li>
        </ol>
        <router-view class="sadfj"></router-view>
     </div>
     `
}).$mount('#app')

  最后运行vue：npm run dev

5.vue中路由传参

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/'},
    {path:'/params/:aaa/:bbb'},
    {path:'/params-regex/:id(\\d+)'}
  ]
})
 
new Vue({
  router,
  template:`
    <div>
      <h1>Good Morning</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/params/111/222">/params/111/222</router-link></li>
        <li><router-link to="/params-regex/222">/params-regex/222</router-link></li>
      </ul>
      <p>Show</p>
      <p>aaa:{{$route.params.aaa}}  bbb:{{$route.params.bbb}} id:{{$route.params.id}}</p>
      <pre><code>
        {{JSON.stringify($route,null,2)}}
      </code></pre>
    </div>
  `
}).$mount('#app');

6.路由表中的组件群

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const first = {template:'<div>first内容</div>'}
const second = {template:'<div>second内容</div>'}
const Home = {template:'<div>Home内容</div>'}
const hehe = {template:'<div>hehe内容</div>'}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
      // 路由组件群
    {path:'/',components:{
      default:Home,
      left:first,
      right:second
    }},
    {path:'/first',components:{
      default:hehe,
      left:first,
      right:second
    }},
  ]
})
 
new Vue({
  router,
  template:`
    <div id='r'>
      <h1>导航</h1>
      <p>{{$route.name}}</p>
      <ol>
        <li><router-link to='/'>/</router-link></li>
        <li><router-link to='/first'>/first</router-link></li>
      </ol>
      <!--路由组件群-->
      <router-view></router-view>
      <router-view name="left" style="float:left;width:50%;background-color:orange;height:50px;"></router-view>
      <router-view name="right" style="float:right;width:50%;background-color:red;height:50px;"></router-view>
    </div>
  `
}).$mount('#app')

7.url传值

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/'},
    {path:'/params/:aaa/:bbb'}, //非正则
    {path:'/params-regex/:id(\\d+)'}  // 正则传参
  ]
})
 
new Vue({
  router,
  template:`
    <div>
      <h1>Good Morning</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <!--非正则-->
        <li><router-link to="/params/111/222">/params/111/222</router-link></li>
        <!--正则-->
        <li><router-link to="/params-regex/222">/params-regex/222</router-link></li>
      </ul>
      <p>Show</p>
      <p>aaa:{{$route.params.aaa}}  bbb:{{$route.params.bbb}} id:{{$route.params.id}}</p>
      <pre><code>
        {{JSON.stringify($route,null,2)}}
      </code></pre>
    </div>
  `
}).$mount('#app');

8.query&append;&exact;

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const users = {
  template:`
    <div>
      <h2>Users</h2>
      <router-view></router-view>
    </div>
  `
}
 
const user = {
  template:`
    <div>
        {{$route.params.username}}
        {{$route.query.aaa}}
        {{$route.params.id}}
    </div>
  `
}
 
const Home = {template:'<div><h2>Home</h2></div>'}
const about = {template:'<div><h2>about</h2></div>'}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',name:'Home',component:Home},
    {path:'/',name:'about',component:about},
    {path:'/users',component:users,
          children:[
            {path:':username',name:'user',component:user}
          ]
    },
  ]
})
 
new Vue({
  router,
  template:`
    <div id='r'>
      <h1>导航</h1>
      <ol>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/first">/first</router-link></li>
          <ol>
             <li>
                <router-link :to="{path:'/users/wos',query:{aaa:'bbb'}}">
                  wos
                </router-link>
             </li>
             <li>
                <router-link to="about" append>
                  append
                </router-link>
             </li>
             <li>
                <router-link to="about" exact>
                  exact
                </router-link>
             </li>
          </ol>
      </ol>
      <router-view></router-view>
    </div>
  `
}).$mount('#app')

9.路由重定向

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const first = {template:'<div>first內容</div>'}
const second = {template:'<div>second內容</div>'}
const Home = {template:'<div>home內容</div>'}
const ab = {
    template:`
      <div class="asdf">
        <h2>组件</h2>
        <router-view class='asdf'></router-view>
      </div>
    `
  }
const firstFirst =  {template:'<div>firstFirst內容{{$route.params.id}}</div>'}
const firstSecond =  {template:'<div>firstSecond內容</div>'}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname, //当前路径
  routes:[
    {path:'/',component:Home},
    {path:'/second',component:second},
    {path:'/first',component:ab,
      children:[
        {path:'/',component:first},
        {path:'first',component:firstFirst},
        {path:'second',component:firstSecond},
        // 路由重定向
          {path:'third',redirect:'first'},
      ]},
      //重定向传参
      {path:'/aaa/:id',component:firstFirst},
      {path:'/bbb/:id',redirect:'/aaa/:id'},
 
      // 使用函数
      {
        path:'/ccc/:id',
        redirect:xxxx => {
          const { hash,params,query} = xxxx;
          if(params.id == '001'){
            return '/'
          }
        }
      }
      
  ]
})
 
// 模板
new Vue({
  router,
  template:`
    <div id='r'>
        <h1>导航</h1>
        <ol>
          <li><router-link to="/">/</router-link></li>
          <li><router-link to="/first">first</router-link></li>
          <ol>
             <li><router-link to="/first/first">/first/first</router-link></li>
             <li><router-link to="/first/second">/first/second</router-link></li>
              <!--路由重定向-->
             <li><router-link to="third">third</router-link></li>
          </ol>
          <li><router-link to="/second">second</router-link></li>
 
          <li><router-link to="/aaa/123">aaa</router-link></li>
          <li><router-link to="/bbb/456">bbb</router-link></li>
          <li><router-link to="/ccc/001">ccc</router-link></li>
 
        </ol>
        <router-view class="sadfj"></router-view>
     </div>
     `
}).$mount('#app')

10.alias别名

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const first = {template:'<div>first內容</div>'}
const second = {template:'<div>second內容</div>'}
const Home = {template:'<div>home內容</div>'}
const ab = {
    template:`
      <div class="asdf">
        <h2>组件</h2>
        <router-view class='asdf'></router-view>
      </div>
    `
  }
const firstFirst =  {template:'<div>firstFirst內容{{$route.params.id}}</div>'}
const firstSecond =  {template:'<div>firstSecond內容</div>'}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname, //当前路径
  routes:[
    {path:'/',component:Home},
    // alias 重命名
    {path:'/second',component:second,alias:['/gogo','/abab']},
    {path:'/first',component:ab,
      children:[
        {path:'/',component:first},
        {path:'first',component:firstFirst},
        {path:'second',component:firstSecond},
        // 路由重定向
          {path:'third',redirect:'first'},
      ]},
      //重定向传参
      {path:'/aaa/:id',component:firstFirst},
      {path:'/bbb/:id',redirect:'/aaa/:id'},
 
      // 使用函数
      {
        path:'/ccc/:id',
        redirect:xxxx => {
          const { hash,params,query} = xxxx;
          if(params.id == '001'){
            return '/'
          }
        }
      }
      
  ]
})
 
// 模板
new Vue({
  router,
  template:`
    <div id='r'>
        <h1>导航</h1>
        <ol>
          <li><router-link to="/">/</router-link></li>
          <li><router-link to="/first">first</router-link></li>
          <ol>
             <li><router-link to="/first/first">/first/first</router-link></li>
             <li><router-link to="/first/second">/first/second</router-link></li>
              <!--路由重定向-->
             <li><router-link to="third">third</router-link></li>
          </ol>
          <li><router-link to="/second">second</router-link></li>
 
          <li><router-link to="/aaa/123">aaa</router-link></li>
          <li><router-link to="/bbb/456">bbb</router-link></li>
          <li><router-link to="/ccc/001">ccc</router-link></li>
          <!--重命名-->
          <li><router-link to="/gogo">gogo</router-link></li>
          <li><router-link to="/abab">abab</router-link></li>
 
        </ol>
        <router-view class="sadfj"></router-view>
     </div>
     `
}).$mount('#app')

11. 路由的过渡动画

     1.修改main.js文件

             

import Vue from 'vue'
 // 路由动画
 import tranistion from './tranistion.vue'
 new Vue({
  el:'#demo',
  render:xx=>xx(tranistion)
 })

      修改完之后修改最外面的index.html

       

//body中添加
<div id="demo"></div>

       2.新建tranistion.vue并编辑

          

<template>
  <div>
    <button v-on:click="show =! show"> show/hide text</button>
    <transition name="fade">
      <p v-if="show">Hello world</p>
    </transition>
  </div>
</template>
 
<script>
  export default{
    name:'demo',
    data (){
      return{
          show:true
      }
    }
  }
</script>
 
<style scoped>
  .fade-enter-active,.fade-leave-active{
     transition:opacity .5s
  }
  .fade-enter,.fade-leave-active{
    opacity:0
  }
</style>

    编辑完成运行：npm run vue

   点击切换效果out-in

// main.js文件
import Vue from 'vue'
import Router from './Router'
// router.js文件
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const Home = {
  template:`
    <div>
      <h2>Home</h2>
      <p>This is Home</p>
    </div>
  `
}
 
const Parent = {
  template:`
    <div>
      <h2>Parent</h2>
      <p>This is Parent</p>
    </div>
  `
}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',component:Home},
    {path:'/Parent',component:Parent}
  ]
})
 
new Vue({
  router,
  template:`
    <div id="app">
      <h1>This is Transition</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/Parent">/Parent</router-link></li>
      </ul>
      <transition name="fade" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  `
}).$mount('#app')

12.watch监控动画

修改index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>helloworld</title>
    <style type="text/css">
      a.router-link-active{
        color:#f66;
      }
      li.router-link-active a{
        color:#f66;
      }
      .fade-enter-active,.fade-leave-active{
        transition: opacity .5s
      }
      .fade-enter,.fade-leave-active{
        opacity: 0
      }
      .fade2-enter-active,.fade2-leave-active{
        transition: background 0.5s ease-in,color 0.3s ease-out
      }
      .fade2-enter,.fade2-leave-active{
        background-color:#f6f6f6;
        color:red;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <div id="demo"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

 修改Router.js

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const Home = {
  template:`
    <div>
      <h2>Home</h2>
      <p>This is Home</p>
    </div>
  `
}
 
const Parent = {
  template:`
    <div>
      <h2>Parent</h2>
      <p>This is Parent</p>
    </div>
  `
}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',component:Home},
    {path:'/Parent',component:Parent}
  ]
})
 
new Vue({
  router,
  // 绑定数据
  data(){
    return {
      aaa:'fade'
    }
  },
  template:`
    <div id="app">
      <h1>This is Transition</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/Parent">/Parent</router-link></li>
      </ul>
      <!--数据绑定-->
      <transition :name="aaa" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  `,
  // 监听渐变
  watch:{
    "$route"(to,from){
      if(from.path == '/Parent'){
        this.aaa = 'fade'
      }else{
        this.aaa = 'fade2'
      }
    }
  }
}).$mount('#app')

13.404页面和引入.vue文件

import Vue from 'vue'
import VueRouter from 'vue-router'
import Parent from './tranistion.vue'
Vue.use(VueRouter)
 
const Home = {
  template:`
    <div>
      <h2>Home</h2>
      <p>This is Home</p>
    </div>
  `
}
 
// const Parent = {
//  template:`
//    <div>
//      <h2>Parent</h2>
//      <p>This is Parent</p>
//    </div>
//  `
// }
 
// 404模板
const page404 = {
  template:`
    <div>
      <h2>error:404</h2>
    </div>
  `
}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',component:Home},
    {path:'/Parent',component:Parent},
    // 404
    {path:'*',component:page404}
  ]
})
 
new Vue({
  router,
  // 绑定数据
  data(){
    return {
      aaa:'fade'
    }
  },
  template:`
    <div id="app">
      <h1>This is Transition</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/Parent">/Parent</router-link></li>
        <!--404-->
        <li><router-link to="/fafdafa">where no here</router-link></li>
      </ul>
      <!--数据绑定-->
      <transition :name="aaa" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  `
}).$mount('#app')

14.路由里的勾子

import Vue from 'vue'
import VueRouter from 'vue-router'
//import Parent from './tranistion.vue'
Vue.use(VueRouter)
 
const Home = {
  template:`
    <div>
      <h2>Home</h2>
      <p>This is Home</p>
    </div>
  `
}
 
const Parent = {
  template:`
    <div>
      <h2>Parent</h2>
      <p>This is Parent</p>
    </div>
  `
}
 
// 404模板
const page404 = {
  template:`
    <div>
      <h2>error:404</h2>
    </div>
  `,//钩子
  beforeRouteEnter:(to,from,next)=>{
    console.log(to)
    console.log(from)
    next()
  },
  beforeRouteLeave:(to,from,next)=>{
    console.log(to)
    console.log(from)
    next()
  },
}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',component:Home},
    {path:'/Parent',component:Parent,
      beforeEnter:(to,from,next) =>{
        //路由中的钩子
        console.log(to)
        console.log(from)
        next({path:'/alkdflakfj'})
      }
    },
    // 404
    {path:'*',component:page404}
  ]
})
 
new Vue({
  router,
  // 绑定数据
  data(){
    return {
      aaa:'fade'
    }
  },
  template:`
    <div id="app">
      <h1>This is Transition</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/Parent">/Parent</router-link></li>
        <!--404-->
        <li><router-link to="/fafdafa">where no here</router-link></li>
      </ul>
      <!--数据绑定-->
      <transition :name="aaa" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  `
}).$mount('#app')

15.编程式导航（前进 后退 返回首页）

import Vue from 'vue'
import VueRouter from 'vue-router'
//import Parent from './tranistion.vue'
Vue.use(VueRouter)
 
const Home = {
  template:`
    <div>
      <h2>Home</h2>
      <p>This is Home - {{$route.query.a}}</p>
    </div>
  `
}
 
const Parent = {
  template:`
    <div>
      <h2>Parent</h2>
      <p>This is Parent</p>
    </div>
  `
}
 
// 404模板
const page404 = {
  template:`
    <div>
      <h2>error:404</h2>
    </div>
  `,//钩子
  beforeRouteEnter:(to,from,next)=>{
    console.log(to)
    console.log(from)
    next()
  },
  beforeRouteLeave:(to,from,next)=>{
    console.log(to)
    console.log(from)
    next()
  },
}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',component:Home},
    {path:'/Parent',component:Parent},
    {path:'/test',component:test},
    {path:'*',component:page404},
  ]
})
 
const test = {
  template:`
    <div>
      <h2>测试404是否能显示</h2>
    </div>
  `
}
 
new Vue({
  router,
  // 绑定数据
  data(){
    return {
      aaa:'fade'
    }
  },
  template:`
    <div id="app">
      <button v-on:click="houtui">后退</button>
      <button v-on:click="qianjin">前进</button>
      <button v-on:click="home">返回首页</button>
      <button v-on:click="query">query</button>
      <ul>
        <li><router-link to="/?a=1&b=22">/</router-link></li>
        <li><router-link to="/Parent">/Parent</router-link></li>
        <!--404-->
        <li><router-link to="/fafdafa">where no here</router-link></li>
      </ul>
      <!--数据绑定-->
      <transition :name="aaa" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  `,
  methods:{
    houtui:function(){
      router.go(-1)
    },
    qianjin:function(){
      router.go(1)
    },
    home:function(){
      console.log(router)
      router.push("/")
    },
    query:function(){
      router.push({path:'/',query:{a:1,b:22}})
    }
  }
}).$mount('#app')

     接下来探秘vuex，敬请期待。。。

文章标签：
JavaScript
监控
关键词：
JavaScript路由
VUE.js路由
2019ab
目录
相关文章
2019ab
|
1月前
egg.js 24.3-24.5router路由相关
egg.js 24.3-24.5router路由相关
2019ab
23 0
龙大吉
|
1月前
|
JavaScript
如何使用Vue的路由实现组件的懒加载和按需加载？
如何使用Vue的路由实现组件的懒加载和按需加载？
龙大吉
29 1
破浪前进
|
20天前
|
JavaScript
vue路由导航守卫（全局守卫、路由独享守卫、组件内守卫）
vue路由导航守卫（全局守卫、路由独享守卫、组件内守卫）
破浪前进
35 0
Boale_H
|
1月前
vue3配置路由报错Catch all routes (“*“) must now be defined using a param with a custom regexp.
vue3配置路由报错Catch all routes (“*“) must now be defined using a param with a custom regexp.
Boale_H
44 0
众所周知
|
1月前
|
JavaScript
如何使用Vue异步组件技术实现路由懒加载？
如何使用Vue异步组件技术实现路由懒加载？
众所周知
13 1
1941623231718325
|
3天前
|
资源调度 JavaScript 前端开发
Vue的路由管理：VueRouter的配置和使用
【4月更文挑战第24天】VueRouter是Vue.js的官方路由管理器，用于在单页面应用中管理URL路径与组件的映射。通过安装并引入VueRouter，设置路由规则和创建router实例，可以实现不同路径下显示不同组件。主要组件包括：`&lt;router-link&gt;`用于创建导航链接，`&lt;router-view&gt;`负责渲染当前路由对应的组件。此外，VueRouter还支持编程式导航和各种高级特性，如嵌套路由、路由参数和守卫，以应对复杂路由场景。
1941623231718325
28 2
yma16
|
1天前
|
JavaScript 数据可视化 算法
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）
yma16
16 6
即兴小索奇
|
3天前
|
缓存 JavaScript 前端开发
Vue.js 路由时用于提高应用程序性能
Vue.js 路由时用于提高应用程序性能
即兴小索奇
10 0
渐暖
|
4天前
|
缓存 JavaScript
【vue】如何搭建拦截器和设置路由守卫（基于token认证）
【vue】如何搭建拦截器和设置路由守卫（基于token认证）
渐暖
17 0
雷霆半月斩掉你的板砖
|
16天前
|
API
vue3中使用router路由实现跳转传参
vue3中使用router路由实现跳转传参
雷霆半月斩掉你的板砖
18 0

热门文章

最新文章

  • 1
    vue项目开发笔记记录（一）
  • 2
    vue项目开发笔记记录（二）
  • 3
    vue项目实战：实战技巧总结（中）
  • 4
    Vue3——Router4教程(小满版本)（二）
  • 5
    vue项目开发笔记记录（四）
  • 6
    VUE获取上月、当月、前几月等等问题
  • 7
    vue核心语法2
  • 8
    vue组件之间互相传值
  • 9
    vue element plus Input 输入框
  • 10
    【vue报错】error:0308010C:digital envelope routines::unsupported
  • 1
    监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
    105
  • 2
    Java Script 中的垃圾回收机制有哪些缺点
    13
  • 3
    描述 JavaScript 中的垃圾回收机制。
    20
  • 4
    如何使用 JavaScript 操作 DOM？
    15
  • 5
    解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
    19
  • 6
    JavaScript 中的数组方法有哪些？
    10
  • 7
    JS设置日期为0时0分0秒
    28
  • 8
    JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
    24
  • 9
    JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
    21
  • 10
    深入理解JavaScript中的闭包与作用域链
    9

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • JavaScript入门与实战
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • JavaScript 自学手册文档教程
  • Node.js 入门教程文档

    • 相关电子书

    更多
  • JavaScript异步编程
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）