web - 随笔分类(第3页) - 昨夜小楼听风雨

网页布局-----导航栏

摘要：1、导航栏（1）垂直导航栏  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia 阅读全文

posted @ 2024-05-06 15:28 昨夜小楼听风雨阅读(1009) 评论(0) 推荐(0)

网页布局------轮播图效果实现

摘要：纯css实现轮播图可以看这里：纯css实现轮播图（自动轮播和手动轮播）效果_☆*往事随風*☆的博客_css轮播图-CSDN博客代码来源： html+css+jquery实现轮播图自动切换、左右切换、点击切换_jquery图片轮播幻灯片效果实现左右滚动图片切换代码-CSDN博客 JS实现轮播图的三种阅读全文

posted @ 2024-05-05 14:22 昨夜小楼听风雨阅读(360) 评论(0) 推荐(0)

网页布局------导航栏悬浮特效

摘要：实现效果：当鼠标指针悬浮在导航栏上会出现内阴影效果页面结构 <ul> <li>首页</li> <li>知识星球</li> <li>趣味问答</li> <li>奖品</li> </ul> 页面样式 *{ margin: 0; padding: 0; list-style: none; } ul{ w 阅读全文

posted @ 2024-04-29 10:11 昨夜小楼听风雨阅读(110) 评论(0) 推荐(0)

网页布局------几种布局方式

摘要：1、认识布局（1）确认页面的版心宽度版心是指页面的有效使用面积，主要元素以及内容所在的区域，一般在浏览器窗口中水平居中显示。在设计网页时，页面尺寸宽度一般为1200-1920排序。但是为例适配不同分辨率的显示器，一般版心宽度为1000-1200px。例如，屏幕分辨率为1021*768的浏览器，在阅读全文

posted @ 2024-04-28 12:18 昨夜小楼听风雨阅读(2371) 评论(0) 推荐(0)

flex布局---标签切换

摘要：我们需要实现下面的页面效果这边将代码放在下面 html部分  <view class="tob"> <view class="tab-item">音乐推荐器</view> <view class="tab-item">播放器</view> <view class="ta 阅读全文

posted @ 2024-04-20 13:00 昨夜小楼听风雨阅读(25) 评论(0) 推荐(0)

npm包管理器

摘要：一、npm包的使用 1、npm特点 npm: 速度较慢：npm 需等待上一个任务安装完成才能运行下一个任务，尤其是在网络不稳定的情况下，可能会出现延迟和丢包的情 2、npm包安装在下载node.js时会自动安装npm包 3、常用命令 //通过下面命令查看安装的版本 npm -v //安装依赖包阅读全文

posted @ 2024-04-08 23:36 昨夜小楼听风雨阅读(32) 评论(0) 推荐(0)

yarn包管理器使用

摘要：二、yarn包的使用 1、yarn特点速度超快。 Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全。在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和明确的安装算法阅读全文

posted @ 2024-04-08 23:04 昨夜小楼听风雨阅读(195) 评论(0) 推荐(0)

node.js安装

摘要：访问Node.js官网(https://nodejs.org)，网页打开后，在页面中直接可以看见一个Node.js软件下载入口 Node.js官网会自动根据当前设备的系统类型推荐需要下载的软件，选择当前新的稳定版本进行下载即可。下载完成后，按照普通软件的方式来对其进行按照。 1、点击next 2、勾阅读全文

posted @ 2024-04-08 22:06 昨夜小楼听风雨阅读(77) 评论(0) 推荐(0)

vue-cli两种工程构建过程

摘要：1、Vue CLI工具入门 1.1 Vue CLI的安装 Vue CLI是一个需要全局安装的NPM包，安装Vue CLI的前提是设备已经安装了Node.js环境，如果你使用的是macOS操作系统，则系统默认会安装Node.js环境。如果系统没有安装，手动进行安装也非常简单。访问Node.js官网(h 阅读全文

posted @ 2024-04-08 21:37 昨夜小楼听风雨阅读(211) 评论(0) 推荐(0)

git的下载和安装

摘要：官网下载地址https://git-scm.com/ 选择Downloads 选择需要下载的系统版本选择Standalone Installer（独立安装程序）下的内容安装点击next 选择安装路径选择功能阅读全文

posted @ 2024-04-08 17:47 昨夜小楼听风雨阅读(110) 评论(0) 推荐(0)

使用JavaScript设置Tab栏自动切换

摘要：在下面代码中设置了tab栏可以进行周期性的切换时间时5秒，也可以鼠标移到相应的位置进行切换。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文

posted @ 2024-04-07 22:12 昨夜小楼听风雨阅读(264) 评论(0) 推荐(0)

求助，路过的大佬帮忙看一下！！！！elment中input组件使用prefix-icon="el-icon-search"不加载图标

摘要：背景：创建了一个简单的vue工程想用测试一下el-input组件的功能，没有显示图标。代码如下所示 <template> <el-input v-model="value" placeholder="请输入内容" :disabled="false" :show-password="true" :cl 阅读全文

posted @ 2024-03-27 13:25 昨夜小楼听风雨阅读(436) 评论(0) 推荐(0)

在使用elment官网组件报Module parse failed: Unexpected token错误

摘要：错误结果如下原因是当前的Vue工程不支持typescript语法需要将script中的lang="ts"去掉 <template> <el-radio-group v-model="radio"> <el-radio :value="3">Option A</el-radio> <el-radio 阅读全文

posted @ 2024-03-26 23:06 昨夜小楼听风雨阅读(965) 评论(0) 推荐(0)

Vs Code中运行vue命令显示"系统禁止运行脚本"无法在终端使用

摘要：右键点击vs code中的属性，在上面找到兼容性一栏，勾选里面以管理员身份运行在当前电脑中搜索Windows PowerShell以管理员的身份运行在里面输入 set-ExecutionPolicy RemoteSigned选择权限A 阅读全文

posted @ 2024-03-25 17:09 昨夜小楼听风雨阅读(239) 评论(0) 推荐(0)

Vue-----alert页面弹框的使用方法

摘要：alert通常用于页面弹出对话框操作，常用于获取错误信息、提示信息、显示内容等，下面是alert的一些基本用法 1、弹出固定的文字 alert("请输入账号密码") 注：需要加入双引号将文字括起来否则弹框不生效 2、动态切换内容一：不加引号 alert(this.userName) 注：通过this 阅读全文

posted @ 2023-09-03 20:57 昨夜小楼听风雨阅读(5328) 评论(1) 推荐(0)

随笔分类 - web