前端开发
文章平均质量分 77
山河不夜天Ajatar
这个作者很懒,什么都没留下…
展开
-
Webstorm+Nodejs+webpack+vue-cli+Git搭建vue环境
此笔记归纳整理webstorm搭建vue项目,仅作记录使用。原创 2023-07-07 14:49:12 · 2460 阅读 · 0 评论 -
Webstorm克隆Git后npm install报错
Webstorm克隆Git后npm install报错原创 2022-10-27 16:24:15 · 1263 阅读 · 1 评论 -
《Web前端设计与开发》实验八:Ajax 与 jQuery 编程实验
一、实验内容(选择器练习 1)利用 jQuery 选择器实现表格的全选,取消选择,单击更改选中状态,反选等功能。如图所示。点击全选按钮,选中所有行,点击取消按钮,所有行为未选中状态,单击反选按钮,则选中的行变成未选中的;未选中的行变成选中的。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>选择器练习1</原创 2020-12-02 14:45:18 · 1450 阅读 · 0 评论 -
《Web前端设计与开发》实验七:JavaScript 面向对象编程实验
一、实验内容用构造函数来重写计算器(1) 在指导 1 的基础上,改用构造函数来创建计算器对象,并用new 操作符来新建一个对象 c,并对该对象 c 的方法进行测试。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用构造函数来重写计算器</title> <script src="../js/用构造函数来重写计原创 2020-11-17 19:40:05 · 1969 阅读 · 1 评论 -
《Web前端设计与开发》实验六:BOM与DOM编程实验
一、实验内容页面跳转(1) 问题:页面中放置一个按钮,点此按钮后,浏览器窗口从当前页面 跳转到其他页面。(2) 提示:使用 window 对象的 location 属性或 location 对象的 href 属性。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>页面跳转</title>原创 2020-11-11 22:15:47 · 2705 阅读 · 0 评论 -
《Web前端设计与开发》实验五:JavaScript 函数编程实验
一、实验内容使用下面的方法头编写一个函数,返回一年的天数: function numberOfInAYear(year) 编写一个测试程序,显示从 2000 年到 2020 年每年的天数。function numberOfInAYear(year) { if (((year % 4) == 0) && ((year % 100) != 0) || ((year % 400) == 0)) { years=366; return years;原创 2020-10-28 17:15:15 · 1912 阅读 · 0 评论 -
《Web前端设计与开发》实验四:JavaScript基础编程实验
一、实验内容练习 1 使用循环输出等腰三角形图案 (1) 问题:实现左右对称的等腰三角形。如图上机 1.4 所示。练习 2 使用循环输出 100 以内除 7 的倍数之外的整数。(1) 问题:在页面上输出 100 以内的正整数,但不包括 7 的倍数,每行 输出 10 个。如图上机图 1.5 所示。练习 3 使用锯齿数组(1) 问题:在 JavaScript 中模拟实现二维数组的功能,用于存储各个学期 的所有课程名称,请根据运行结果在 JS 中自行构建数组并输出运行 结果如图上机 1.6(当需要原创 2020-10-15 16:46:06 · 1850 阅读 · 0 评论 -
《Web前端设计与开发》实验二:CSS基础实验4
一、实验内容编程实现以下页面(点击右边导航栏时注意导航栏变化)【注意:请用HTML中的列表+CSS实现】下拉菜单靠左,侧边导航靠右二、实验代码及成品<!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" href="css1.css"原创 2020-10-10 16:46:16 · 1390 阅读 · 0 评论 -
《Web前端设计与开发》实验三:HTML+CSS综合实验
一、实验内容用HTML+CSS实现如下页面,要求兼容主流浏览器,代码规范。二、实验代码及成品<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>环球互联网产业园</title> <link rel="stylesheet" href="css1.css"></head><body>原创 2020-10-09 17:07:06 · 5937 阅读 · 39 评论 -
《Web前端设计与开发》实验二:CSS基础实验3
一、实验内容3.浮动是布局中经常采用的手段,但是浮动带来的高度塌陷却为布局带来麻烦,请为下面的布局清除浮动(2种方式以上)<head> <title>清除浮动</title> <style type="text/css"> .papa{ background: lightblue; } .child{ background-color: green; width: 200px; height: 200px; f原创 2020-09-27 15:46:27 · 978 阅读 · 0 评论 -
《Web前端设计与开发》实验二:CSS基础实验2
2. 编程实现下面页面布局:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css1.css"> </head> <body> <原创 2020-09-27 15:38:29 · 2110 阅读 · 0 评论 -
《Web前端设计与开发》实验二:CSS基础实验1
一、实验内容编程实现下面页面布局。二、实验代码及成品<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css1.css"> </head> <b原创 2020-09-24 21:34:44 · 2292 阅读 · 1 评论 -
《Web前端设计与开发》实验一:HTML基本标签实验3
一、实验内容3 . 利用框架实现下面页面,页面效果如下图(文件命名遵照图示):二、实验代码及成品frame_sets.html<!doctype html><html><frameset rows="12%,*"> <frame src="top.html" noresize="noresize" name="topFrame"><!--noresize属性表示无法调整大小的框架。name属性为框架名称,必须书写。-->原创 2020-09-24 21:30:05 · 1626 阅读 · 0 评论 -
《Web前端设计与开发》实验一:HTML基本标签实验2
一、实验内容利用框架实现下面页面,页面效果如下图(文件命名遵照图示):二、实验代码及成品3 .frame_sets.html<!doctype html><html><frameset rows="12%,*"> <frame src="top.html" noresize="noresize" name="topFrame"><!--noresize属性表示无法调整大小的框架。name属性为框架名称,必须书写。-->原创 2020-09-24 21:20:15 · 1902 阅读 · 1 评论 -
《Web前端设计与开发》实验一:HTML基本标签实验1
《Web前端设计与开发》实验一: HTML基本标签实验(*记录自己的课程实验)一、实验内容编程实现表格,页面效果如下图(图片中水印不实现):编程实现下面表单,页面效果见文件“产品基本信息表单.jpg”利用框架实现下面页面,页面效果如下图(文件命名遵照图示):二、实验代码及成品<html><body><head> <meta charset="UTF-8"> <title>Title&原创 2020-09-21 13:49:58 · 1739 阅读 · 1 评论