- 博客(29)
- 收藏
- 关注
原创 Web响应式设计———1、Grid布局
流动网格布局是响应式设计的基础。它通过使用百分比而不是固定像素来定义网格和元素的宽度。这样,页面上的元素可以根据屏幕宽度自动调整大小,适应不同设备和分辨率。//跨越三行(纵向)grid-column: span 2;网格之间间距 gap: 30px;grid-column-gap:列间距。利用fr分成等份,根据屏幕大小自适应。把被合并的注释掉,样式写在第一个上面。grid-row-gap:行间距。//网格区域 跨行/跨列。跨越两列(横向合并)
2024-07-21 17:23:08 483
原创 解决前端开发中的浏览器兼容性问题
在前端开发中,浏览器兼容性问题是一个常见且挑战性的课题。不同的浏览器对HTML、CSS和JavaScript的解析和支持程度各有不同,这可能导致网站或应用在不同浏览器上展现出不一致的效果,甚至功能上的错误。本文将讨论如何识别和解决这些浏览器兼容性问题,以确保项目在各种浏览器中均能良好运行。
2024-07-20 22:26:21 518
原创 HTML5-canvas1
context.beginPath()之后会用指定新的状态回值。最后一次会把前面的覆盖掉。把图形包在beginPath()和closePath()里面。若分别context.strokeStyle=“ ”fillRect()用fillstyle绘制填充矩形。最后一个lineto可以省略 ,会自动连接。strokeRect() 用 绘制矩形边框。4、后绘制的图形会遮挡前面的图形。1、canvas:创建画布。3、canvas自带api。绘制封闭图形 有空隙。
2024-07-20 22:13:44 404
原创 进阶深入学习HTML的路径
学习 HTML5 的新特性,例如音视频元素(video视频、audio音频)、画布(Canvas)元素、本地存储(LocalStorage)等。这些功能可以极大地丰富和提升你的网页开发能力。掌握 HTML5 新增的表单验证功能,如 required(非空)、pattern(正则)、min(最小值)、max(最大值) 等属性,以及如何通过 JavaScript 进行自定义验证。理解不同浏览器对 HTML 标准的支持和差异,学习如何编写具有良好兼容性的 HTML 代码,确保网页在主流浏览器中的一致性和稳定性。
2024-07-20 14:31:44 292
原创 WebAssembly在前端开发中的创新与应用
WebAssembly 是一种可移植、体积小、加载快且兼容性强的二进制格式,旨在在 Web 浏览器中提供高性能的运行时环境。它并非取代 JavaScript,而是作为 JavaScript 的一种补充,可以与 JavaScript 无缝集成,共同为 Web 应用程序提供更强大的能力。
2024-07-20 13:42:57 342
原创 Html review1
7、input 里的type如果是email 和url(网址)、number(数字)会自动验证。audio src=“资源路径” controls 进度条 autoplay 自动播放。iframe src=“path” name=“框架表示名” width height。number的属性 min最小值 max最大值 step步长,每次增加/减少多少。行内元素的宽度是内容撑起来的,几个行内可以在一行a、strong、em。表单的初级验证,减轻服务器的压力,在前端进行简单的验证。header 标题头部。
2024-07-20 13:39:17 390
原创 7月18日前端面试题
因为12是1,2,3,4,6的最小公倍数,所以12列栅格系统相对较灵活,支持将一行分成1列,2列,3列,4列,6列。简历上写了bootstrap的项目,所以面试官就问了些这方面的问题。对自己写在简历上的项目要更会表达一些,把做过的工作,用语言描述出来。6、原生的js怎么做banner ,定时器实现它的过程。1、Bootstrap为什么是要设计成12个栅栏?2、Bootstrap的栅栏原理。3、谈谈对flex布局的了解。回忆了一下今天面试的题。5、讲一讲vue的项目。
2024-07-18 22:29:56 103
原创 求助:jsp连数据库报错
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><%@ page import="jav
2024-07-10 10:13:10 623
原创 Spring第二章:Spring IoC
1、BeanFactory,它是一个管理Bean的工厂,主要负责初始化各种Bean。方法1:通过ClassPathXmlApplicationContext创建。方法2:FileSystemXmlApplicationContext创建。方法3:通过web服务器实例化ApplicationContext容器。动态的将其所依赖的对象注入Bean组件中。(在实际开发中使用不多)方法2: set方法注入。方法1:构造方法注入。
2024-06-04 19:47:59 155
原创 Vue实验四:事件 (一)
【练习1】编写一个页面,绘制一个随鼠标移动的小球。【练习2】编写一个页面,实现一个弹球游戏。2、 掌握常用的动画效果函数。1、 掌握事件的使用方法。
2024-06-03 21:38:43 153
原创 Vue实验1:JavaScript基础
创建一个Student函数构造器,Student有三个字段:id,name,age,有一个方法learning,该方法返回一个字符串“我正在学习Web前端”。计算矩形的周长和面积,编程实现根据用户输入的矩形长和宽的值,求得矩形的周长和面积。创建一个对象zs,并在网页上输出该对象的姓名,年龄和learning方法的返回值。2、 JavaScript对象的创建方法。1、 JavaScript基本语法。3、 JSON的定义,使用方法。尝试使用JSON创建zs对象。
2024-06-03 20:30:55 141
原创 vue3.0中使用this.$axios.post(‘/login‘,ruleForm).then(res=>{ // })报错
【代码】vue3.0中使用this.$axios.post(‘/login‘,ruleForm).then(res=>{ // })报错。
2024-05-26 20:55:34 152
原创 ES6箭头函数
1、箭头函数的this是静态的,始终指向函数声明时所在作用域下的this的值。3、不能使用arguments变量。2、不能作为构造实例化对象。
2024-05-26 14:12:51 361
原创 ES6的解构赋值
如果不用解构赋值 要用rabbit.dance()调用,使用更简便。ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值。
2024-05-26 11:05:43 190
原创 ES6中let和const关键字
5、对于数组和对象的元素修改,不算对常量的修改,不会报错(因为常量指向的地址没有变化。2、let声明的变量是块级作用域,只在代码块{ }里有效。if else while for 里的也是块级作用域。声明数组和对象可以用const,避免误操作修改了里面的值。1、为防止变量污染,使用let 变量不能重复声明。3、常量不能修改初始值。2、一般常量使用大写。
2024-05-26 10:54:47 654
原创 jsp期末复习提纲2
(1)可以实现代码的重复利用(2)容易编写,容易维护,容易使用(3)可以压缩在jar文件中以更小的体积在网络中应用(4)完全是Java语言编写,可以安装了Java运行环境的平台上使用,而不需要重新编译。46、在用到JavaBean时,当两个用户同时访问一个JSP页面时,一个用户对自己的bean的属性的改变,不会影响到另一个用户,那么用户不应该将自己bean的scope范围设定为application。是request获取该表单提交值的正确语句。
2024-05-26 10:34:49 1100
原创 vue3 使用<script lang=“ts“ setup>编译错误
2、在src根目录新建一个tsconfig.json。3、在src根目录建vue-shim.d.ts文件。1、下载typescript和ts-loader。
2024-05-26 10:32:56 396
原创 jsp期末复习提纲
1、jsp是运行在 的脚本语言之一。服务器端2、试写一个简单jsp页面。这个数要用java语言计算得到。这是一个简单的JSP页面for(i=1;i1到100的连续和是:3、表单的Action属性表示的是————设置处理表单数据程序URL的地址4、input输入的是密码时,一般type属性填—— password5、完成如下图所示的表单学 历:大专本科研究生博士生。
2024-05-26 10:21:21 1513
原创 羽生结弦发表于《早稻田大学论文集》的论文
公司将角速度及加速度传感器组成的惯性传感器装在身体的重要部位(主要的关节的前后),发布了从惯性传感器上获得信息并通过无线发送到处理用计算机的无线惯性传感器式动作捕捉系统,消除光学方式获取数据场所限制的弱点,即使在运动场或滑冰场等广阔的场所也能记录人体动作。近年花滑高难度化显著进展,对此,黻判仅1秒肉对锁跃作出正确判断是很难的,易外欺跃的评价基淮虽然冠被明确记歌的,但也有很芒校粉的船分,,大能公任塘該沙园校量,而且不只足跳跃的难易程度,为了评价,判断的项日有。2007年由荷兰 Xsens。
2024-05-25 23:17:16 280
原创 ElmentUI使用报错:Failed to resolve component: el-button If this is a native custom element, m...
项目使用的是vue3.x版本,需要使用elementplus。2、在main.js配置。
2024-05-25 22:52:07 596
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人