web前端开发
关注
分享
扫一扫
文章平均质量分 61
web前端开发，从基础小白到进阶之路
练过几年代码，有备而来
可以有遗憾，但绝不会后悔。
展开
-
利用在Tomcat上部署servlet程序（手动布置加强关于servlet知识的理解，当前的idea是可以实现自动部署的）
主要是加强关于servlet知识的理解，当前大多数软件都可以实现自动部署。原创 2022-08-16 16:55:03 · 840 阅读 · 0 评论 -
将一个项目发布到Tomcat上并进行运行
简单的部署一个项目到Tomcat上并进行运行。原创 2022-08-16 11:18:12 · 2606 阅读 · 0 评论 -
vue积累——另一种走马灯
效果图:vue源码:<template> <el-carousel :interval="1500" type="card" height="400px" > <el-carousel-item v-for="item in imgList" :key="item.id"> <img :src="item.idView" class="image"> </el-carousel-item> </el-原创 2021-12-09 21:11:56 · 307 阅读 · 0 评论 -
vue编写to-do list源码
前端重于积累，下次使用不迷路。纯vue代码话不多说,直接上效果图:源码附上:<template> <div class="bgBody"> <!-- 卡片--> <el-row :gutter="12" > <el-col :span="8" > <el-card shadow="hover" class="bgRow"> <!-- 电影清原创 2021-12-09 20:20:01 · 543 阅读 · 0 评论 -
webstorm运行时遇到问题——localhost8080找不到应用程序
这个很可能是你没有设置默认的浏览器，自己去设置一下就可以。原创 2021-12-09 20:03:22 · 1320 阅读 · 0 评论 -
vue（el-button的五种类型，三种css格式）
在写一个系统的css文件的时候，发现了不同类型的button的初始颜色不同，为了完美的使button的颜色和背景的颜色相映照，就去搜了一下，小做总结，为以后的使用做准备。<div> <el-button><span>默认按钮</span></el-button> <el-button type="primary"><span>主要按钮</span></el-button> .原创 2021-12-08 22:05:17 · 8334 阅读 · 1 评论 -
vue——走马灯-类轮播图
前端重积累，话不多说，先上一波效果图:特意总结的裸着就能使用的轮播图，拿走不谢vue文件，可以用webstorm进行运行webstorm前置配置可见如下链接:nodejs配置<template> <div> <el-carousel :interval="2000" type="card" height="220px" > <el-carousel-item v-for="item in imgList" :key="item.i原创 2021-12-08 21:22:56 · 1708 阅读 · 0 评论 -
Vue-简单网格组件的使用grid
先上一波效果图:简单来说就是行和列的应用el-row 为行el-col 为列其他的往里面添加组件即可源码:*格式自己可以通过修改style和script实现自己想要的效果<template> <div class="main"> <el-row> <el-col span="6"><img src="@/assets/resources/qianyuqianxun.webp" style="width: 200p原创 2021-12-08 19:18:53 · 1453 阅读 · 0 评论 -
webstorm使用前的准备——Node.js安装及配置
主要是为了使用webstorm的前置配置，包括nodejs以及npm和cnpm，也有一些配置过程中踩到的坑，希望大家可以跳过去。原创 2021-12-07 16:43:38 · 15709 阅读 · 11 评论 -
vue——去除白色边框
Vue去白边原创 2021-12-07 15:19:04 · 3226 阅读 · 0 评论 -
浅谈web前端理解一(前端学习路线)
提到学习web前端，在外行人或者初学者的眼里，应该是绚丽的画面，精彩的布局，或者各种UI以及依据前端开发出来的小游戏。但经过一段时间的学习，你会发现其实本质上是一种搬砖经验的积累，以及布局框架的积累。简单来说:web前端分为html，css，javascript三个模块。将最终的前端网页比喻成一个建筑的话html——>建筑材料(接地气一点就是砖头，水泥)css——>装饰（装饰建筑材料，以及给建筑材料合理布局。）javasrcipt——>智能响应系统(建筑里安装的设施，例如电梯，原创 2021-11-10 11:11:41 · 2263 阅读 · 0 评论 -
phpstudy（自己电脑主机做服务器，手机网站界面打不开）
可能有多种原因，1.手机电脑并没有连接同一个局域网。2.我这里是因为修改了80端口，在登录时忘记修改登录的网址。因为80端口被占用，于是我修改了phpstudy的端口为8080，在上传成功后，使用手机输入电脑的Ip地址死活打不开界面。在修改了端口后，在手机端或者其他的pc端想要进入你上传的网页应该输入你的电脑的ip地址再加上端口号才可以。因为只输入ip地址，默认端口号为80，而你已经修改了端口号，自然不能成功进入界面。以我为例:之前输入的地址为:192.168.1.106会出现如下界面：经原创 2021-10-27 22:05:31 · 2393 阅读 · 0 评论 -
phpstudy使用(80端口被system占用，无法关闭和删除)
在使用phpstudy的时候直接一键启动，显示提示80端口已被占用，在尝试关闭和删除后显示被system占用，无法关闭。这里我首先试着去用任务管理器彻底关闭删除这个进程，后来发现提示，如果删除可能会影响系统正常运行，这让我打消了这个念头。后来几番波折，总算找到了解决方案.可以直接修改phpstudy的端口号，修改为一个空闲的端口即可。具体操作如下:1.点击修改2.修改为一个空闲的端口即可，我这里以8080为例。3.重新启动即可。...原创 2021-10-27 21:56:05 · 1831 阅读 · 2 评论 -
echart的进阶使用（option）
echart的option进阶使用1.title: { text: '折线图堆叠' subtext: '有一定误差', left: 'center'}title用来配置标题subtext:副标题 left:位置2.tooltip: { trigger: 'axis'}图标的提示框组件trigger（触发方式）:axis(坐标轴) item(数据项)3.legend: { data: ['邮件营销', '联盟广告', '视频广告', '.原创 2021-05-29 19:25:28 · 701 阅读 · 0 评论 -
初学echart的简单使用
简单的echart使用方法1.引入外部echart的js文件<script type="text/javascript" src="js/echarts.min.js"></script>2.建立放置容器，div使用放置容器布局`放置容器配置 <style> body { text-align: center; } #domain1 { width: 600px; height: 400px; } </s.原创 2021-05-20 16:32:05 · 211 阅读 · 0 评论 -
Canvas之进度条的制作（矩形，圆环）
Canvas之进度条的绘制基本进度条的绘制1.矩形进度条关键语法获取画笔var ctx=document.getElementById(“id”).getContext(“2d”);填充颜色ctx.fillStytle=“color”;setInternal()和clearInternal()的使用代码(两种类型):`<!DOCTYPE html><html> <head> <meta...原创 2021-05-14 17:57:01 · 831 阅读 · 0 评论 -
canvas绘制图像image
canvas绘制图像image1.image的三个script的基本语法准备工作:1.定义画布长度，获取2D绘图环境 2.建立对面对象，设置图片路径 3.载入图片，开始绘制a.简单的画布上根据坐标绘制ctx.drawImage(img,x,y)img为要绘制的图像，x，y分别为绘制位置的横纵坐标b.同时定义坐标和图片大小ctx.drawImage(img,x,y,widt...原创 2021-05-11 18:09:01 · 3006 阅读 · 0 评论 -
Vue框架之条件与循环的使用
如果是初学者的话，这里先给你一个基础知识的框图，可以了解一下下面代码的由来。也可以选择我这个链接Vue条件与循环跳转到Vue官网进行学习。上面是Vue的一个简单案例，不要急，进阶版来了，通过这个框架应用到你的表格创建里面，非常省事哦。运行结果:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>123</title> <script原创 2021-04-15 17:16:33 · 156 阅读 · 0 评论 -
web前端表格css三个t的使用（thead，tbody，tfoot）
其实从这三个词的翻译上，也可以知道他们的使用用途：thead（表格头）tbody（表格主体）tfoot （表尾）话不多说，先上效果图:具体使用看见代码演示:<html><head><style type="text/css"> /* 下方表格的css文件,也可以自己写到一个css文件里，这里只设置了颜色，你也可以设置其它。*/thead {color:green}tbody {color:blue;height:50px}tf原创 2021-04-15 17:12:09 · 1213 阅读 · 0 评论