riverrun_z-优快云博客

报错页面先配置环境变量，输入管理员密码（这一步是因为还没装node.js）配置变量为NODE_PATH%\node_global%NODE_PATH%搜索文件首选项 settings.json 选择在settings.json中编辑写入下面的代码第二张图代码中的地址可能要稍加修改，或者在运行项目中修改gi的位置(这一步有点模糊代码是没错的地址要改一下......

2022-08-31 10:47:31 995

原创怎么让一个页面在请求时显示进度条,响应时隐藏进度条

【代码】怎么让一个页面在请求时显示进度条,响应时隐藏进度条。

2022-08-30 14:45:56 426

原创 [面试常考]父元素高度坍塌的原因及其解决方法

width500px;height300px;width100px;height100px;floatleft;width100px;height100px;没浮动之前是这样的child1浮动到左边,由于浮动造成脱离文档流,脱离文档流造成空间释放,这样就导致child2跑到child1的位置,child1覆盖了child2。...

2022-07-20 15:00:16 239

原创 webSocket

基于socketio 监听客户端的websocket长连接

2022-06-14 14:15:28 89

原创 webWorker的应用

webworker是用来解决javascript中单线程运行的缺点的,它可以规定需要大量运算的程序等到它要执行的时候再执行,这样就不会耽误它下面的程序的运行

2022-06-13 21:09:17 143

原创 H5高级音频应用

h5视频和音频的事件/方法/属性综合应用

2022-06-13 16:06:07 193

原创怎么安装vue脚手架

前提：node版本在12-16需要中国镜像全局安装命令npm i -g @vue/cli查看vue版本vue --version

2022-05-30 12:00:15 102

原创后台管理登陆

npm install 安装所有需要的依赖包./app.js根目录:http://127.0.0.1:8888/api/private/v1/接口 login查看工作区是否干净git status创建分支git checkout -b login查看当前分支git branch

2022-05-30 10:54:19 155

步骤【store>index.js】在组件共享数据仓库储存自定义属性state: { imgBase:"http://www.codeboy.com:9999/" },【views>Index.vue】到路由组件写辅助函数import { mapState } from 'vuex'//import axios from 'axios'export default { // 辅助函数引入组件共享数据,由于是自动触发请求组件共享数据所以用computed

2022-05-28 21:11:05 432 1

原创 vue搜索框路由传参的方法

步骤路由【index.js】先设置单页技术，注意传参path是这样写的: “/products/:kw”,并配合props:true一起写 { path: '/products/:kw', props:true, name: 'products', component: () => import('../views/Products.vue'), },在要传参的复用组件【MyHeader.vue】写data保存一个kw的值```javascrip

2022-05-28 20:49:35 399

原创【无标题】

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>触底

2022-05-27 12:02:43 74

原创 Vuex中辅助函数的用法

App.vue<template> <div> <div>uname:{{ uname }}</div> <div>age:{{ age }}</div> <div>like:{{ like }}</div>  <button @click="change(777)">{{ $store.state.ag

2022-05-26 16:49:35 372

原创 vue的store组件数据共享属性

<template> <div> <div>num:{{ $store.state.num }}</div> <div>uname:{{ $store.state.uname }}</div> <div>isLogin:{{ $store.state.isLogin }}</div> <hr /> <!-- 这里实际是num(),由于是computed

2022-05-26 15:08:54 494

原创全局状态管理（Vuex）的应用：组件之间怎么共享数据

App.vue<template> <div>   <ten-com /> <elevent-com /> <button @click="addnum">num+1</button> <hr /> <!

2022-05-26 12:03:24 319

原创 vue中css和scss的外部引入的三种方法以及图片的引入

App.vue<template> <div> <img src="./assets/logo.png" alt="" /> <nine-com /> <eight-com /> <div class="danger">DANGER</div> <div> <p>rain</p> <p>sky</p&g

2022-05-26 10:38:26 2823

原创【无标题】

App.vue<template> <div> <router-link to="/">Home</router-link> <router-link to="/about">About</router-link> <router-link to="/zhu">zhu</router-link> <router-link to="/sky">sky</rou

2022-05-25 17:53:03 75

原创 vue的单页引用技术,路由组件的引入以及传参和监听

路由组件douyu.vue<template> <div> <div>  <router-link to="/">首页&

2022-05-25 17:22:33 318

原创 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/zhu“

错误原因：避免重复导航到当前路径<template> <div> <input type="text" placeholder="搜索" @keyup.enter="goSky" /> <router-view /> </div></template><script>export default { methods: { goSky() { // 第一次跳转成功，.

2022-05-25 14:34:41 1187

原创 vue的路由组件编程式跳转

<template> <div>  <router-view />  <router-link to="/">Home</router-link> <router-link to="/about">About</router-link>

2022-05-25 14:03:49 320

原创 vue的路由组件的引入以及路由组件懒加载和router-link

App.vue<template> <div>   <div id="box"> <!-- 什么是router-view就是路由的占位

2022-05-25 10:45:58 673

原创 vue的axios模块全局引入和axios中post传参的应用

<template> <div> <input type="text" placeholder="请输入您的用户名" v-model="uname" /> <br /> <input @keyup.enter="login" type="password" placeholder="请输入您的密码" v-model="upwd" /> <br /&gt

2022-05-25 09:47:22 194

原创 Web前端命令集结

前提：安装了node.js和npmnode -vnpm -vvue create ap

2022-05-24 19:13:06 251

空空如也

空空如也