自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 (七)vite 按需引入vant

需要用到插件 unplugin-vue-components ,会比较麻烦,对业务对要求不那么高,尽量不用。按需引入最大好处就是减少部分代码体积。

2023-05-15 22:24:45 763

原创 (六)移动端适配——post-css

从以上公式就可以计算出。

2023-05-15 21:40:55 314

原创 (五)axios

【代码】(五)axios。

2023-05-13 16:45:39 102

原创 (四)Vite

因为mock Server存在跨域问题 ,需要使用vite解决。vite解决上述问题。

2023-05-13 15:13:45 125

原创 (二)vue-router路由

vue-router路由,仿饿了么项目

2023-05-13 13:15:59 183

原创 Element组件的坑: 抽屉drawer和弹窗dialog

针对Element框架的el-drawer添加了子组件不能渲染子组件问题(el-dialog同样适用),包括el-drawer抽屉组件显示隐藏问题以及在指定容器打开抽屉组件

2022-10-23 21:35:53 5768

转载 浏览器可视区域及容器的宽高

获取浏览器可视区域的宽度高度,容器的宽高

2022-10-22 17:32:41 1031

原创 图解原型和原型链

前言知识、结论:原型:把一个函数称为类的话,原型就是每个类都有的属性 作用:给这类添加属性 分为两类:显式原型prototype 和 隐式原型 __proto__ 所有函数对象(Function)都有显式原型 所有对象(如Object、Function、Array等对象)都有隐式原型原型链:本质是链表,__proto__相当于链表的指针,指向下一个对象 每个对象都有__proto__属性,它指向构造函数的prototype属性,构造函数的prototype属性的__proto__属性

2022-03-13 23:51:51 715

原创 ES5新增的方法

ES5中的新增方法ES5 新增方法概述ES5 中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括: 数组方法 字符串方法 对象方法 数组方法迭代(遍历)方法:forEach()、map()、filter()、some()、every()forEach()array.forEach(function(currentValue, index, arr)) currentValue:数组当前项的值 index:数组当前项的索

2021-08-25 21:19:51 196 1

原创 大事件前端项目

本项目名为大事件。使用了jQuery和Ajax对数据进行交互,调用后台接口实现。前端使用LayUI框架、模板引擎art-template以及jQuery插件实现。完整的代码链接:https://github.com/vivienWei/web_bigevent实现的功能有:登录,首页,文章类别,文章列表,发表文章,更换头像,上传头像等功能实现效果图如下:登录页面:首页:如果用户没有登录就进入本页面,通过调用后台接口的身份认证标识,判断是否有登录标识,没有就会跳转.

2021-08-20 17:57:59 1627 1

原创 JS小技巧:通过字符串追加元素

原生JS中通过动态的创建createElement,但是元素里面内容较多,需要innerHTML赋值,在appendChild追加到父元素里面。如下代码:// 动态添加对象// 1. 创建元素var li = document.createElement('li');// 2. 添加节点li.innerHTML = text.value;// 3.1 将一个节点添加到指定父节点的子节点列表末尾ul.appendChild(li);// 3.2 将一个节点添加到父节点的指定子节点前面

2021-08-18 10:23:50 4102

原创 更换头像功能(前端)

最主要的是使用jquery的插件cropper1.基本使用步骤在 <head> 中导入 cropper.css 样式表: <link rel="stylesheet" href="/assets/lib/cropper/cropper.css" /> 在 <body> 的结束标签之前,按顺序导入如下的 js 脚本: <script src="/assets/lib/jquery.js"></script><!-..

2021-08-10 18:53:06 2359 1

原创 阴阳师(动画):4个人一起从左往右走

项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes,

2021-05-30 20:06:18 296

原创 3D导航栏翻转(css)

先上效果图搭建html框架<ul> <li> <div class="box"> <div class="front">黑马程序员</div> <div class="bottom">你准备好了吗</div> </div> </li>

2021-05-17 19:06:38 1313

原创 正反两面翻转

先上效果图:正面:反面:html结构:box父盒子里面包含前后两个子盒子 box是翻转的盒子 front是前面盒子 back是后面盒子 <div class="box"> <div class="front">黑马程序员</div> <div class="back">我在这里等你</div> </div>css样式: <style>

2021-05-17 15:11:14 547 2

原创 奔跑的冰山小熊

奔跑的冰山小熊先上效果图:涉及知识点与注意事项:CSS3样式动画 @keyframes在移动背景的过程中需要把图片横向重复 repeat-x小熊的背景图是(如下图所示),这种图利用帧进行动画,只要每一帧的速度够快就能视觉上造成小熊奔跑。需要固定一个框框住第一个小熊通过移动小熊背景图实现小熊的奔跑以上由于框是静止的,即小熊是原地奔跑的。要实现小熊的移动,需要移动整个框,添加一个动画move,用绝对定位与transform: translateX实现冰山图片同理小熊图片展示:HT

2021-05-07 19:46:01 423

原创 jsp+servlet用户登录案例

以下是本次案例(homework22)的目录结构:注意:手动导入jar包的lib文件要放在WEB-INF下login.jsp<body> <form action="/homework22/LoginServlet" method="post"> <table> <tr> <td><input type="text" placeholder="请输入用

2020-05-16 15:19:56 527

原创 Cookie自动登录案例

访问一个Servlet,如果是第一次访问,则提示:你好,欢迎您首次访问如果不是第一次访问,则提示:欢迎回来,您上次访问时间为:显示时间字符串分析:可以采用cookie来完成在服务器中的Servlet判断是否有一个lastTime的cookie 有:不是第一次访问 响应数据:欢迎回来,您上次访问时间为: 写回cookie 没有:是第一次访问 响应数据:您好,欢迎您首次访问 写回Cookie:lastTime = 2020年5月8日9:35..

2020-05-09 16:03:19 254

原创 java:二分法

求在[0,1]之间的5x - e^x = 0;public class 二分法 { public static void main(String[] args) { double x=0,left = 0,right = 1; for (int i = 0; i<1000000000; i++){//循环是为了 ...

2020-05-04 17:00:31 254

原创 ResponseServlet:动态生成验证码

package CheckCode;import javax.imageio.ImageIO;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.Ht...

2020-04-30 00:01:39 206

原创 转发和重定向区别

转发:forward浏览器地址栏路径不发生变化只能跳转到当前服务器内部资源中(eg:servlet A —>servlet B)转发是一次请求,可以用request请求共享数据requset.getRequsetDispatcher("目的路径").forward(request,repsonse);重定向:sendRedirect浏览器地址栏路径会发生变化可以访问其他...

2020-04-29 23:54:29 102

原创 HttpServlet:request请求参数常用的功能

根据参数名称获取参数值String username = request.getParameter(“参数名”);String username = request.getParameter("参数名");根据参数值名称获取参数值的数组(用于复选框)String[] hobbies = request.getParameterValues("参数名");获取所有请求的参数名...

2020-04-27 23:49:45 297

转载 sql语句添加、修改字段以及索引(mysql)

-- 修改字段名alter table TABLE_NAME rename column A to B;-- 修改字段类型(版本)alter table TABLE_NAME alter column COLUMN_NAME COLUMN_TYPE not null ;alter table TABLE_NAME modify column COLUMN_NAME COLUMN_TYP...

2020-02-23 17:12:00 845

原创 Error getting a new connection. Error setting driver on UnpooledDataS

报错信息如下:根据提示可以看出,是找不到数据库的路径,这是为什么呢?因为数据库驱动com.mysql. jdbc.Driver已经不适用了,要把他改成新的数据库驱动:com.mysql.cj. jdbc.Driver改完之后仍然报错:Exception in thread “main” org.apache.ibatis.exceptions.PersistenceException:...

2020-02-15 14:56:20 609

原创 eclispse报错500:Servlet.init() for servlet [DispatcherServlet] threw exception

如果是第一次用eclipse写web项目的,应该都会遇到报500错误,不要方,因为你们没有配置各种各样的东西。博主小白一枚,第一次写博客,若有不当之处,希望各位指出1.当检查了各种xml路径等信息都准确无误下,博主一运行就发现报错500,按道理写了servlet文件,servlet会被编译成class文件,所以会在Tomcat安装包下的class文件中出现。博主的路径是:E:\tomcat\ap...

2020-02-14 15:17:16 9584 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除