
Web
课程学习记录
虎鲸一号
Tough Guy
展开
-
Ajax | 数组对象中有元素 但长度为0
情况描述$(document).ready(function(){ init(); getQuestion();});function init() { $.ajax({ url: 'questions.xml', cache: false, dataType: 'xml', success: function(data) { $(data).find('is...原创 2020-04-21 23:06:01 · 1593 阅读 · 0 评论 -
Web | 为什么两个标签实现作用一样,但没有被替代
在看Bootstrap文档时,发现了有些HTML标签实现的是一样的效果,如<del>和<s>,<ins>和<u>。作用效果相似,但却分成了两个标签。(注:使用时建议先查一下支持情况,如<s> <u>已经不推荐使用)上述标签主要体现在表示的语义不同这和一道经典面试题很相近:什么是Web语义化,有什么好处Web语义化语...原创 2020-04-15 17:41:41 · 190 阅读 · 0 评论 -
JavaScript | 无参函数调用不需要加()?
情景示例一//正常调用function getData() { ... }window.onload = getData;嗯?getData不是一个函数吗?参照MDN中的例子,不是应该用getData()这样的形式调用函数?//正常调用function getData() { ... }//modifywindow.onload = getData();示例二...原创 2020-03-31 22:23:04 · 939 阅读 · 0 评论 -
练习 | 使用Jquery的ajax函数调用API (和风天气)
题使用和风天气网提供的接口,实现页面解jQuery的文档操作(重点)/简单接触ajax(和风天气)参考文章中的例子,进行练手,对如何使用有个初步理解原创 2020-02-23 15:53:40 · 1189 阅读 · 0 评论 -
练习 | JQuery基本练习
文章目录题1:点击图片放大显示题2:滑动门题3:数据管理操作题4:轮播图题5:动画下拉菜单栏题6:手风琴题1:点击图片放大显示点击图片列表中的某个元素,该图片放大显示解思路:1.点击图片,放大指定图片,容器可见;需要设置阻止事件冒泡2.点击其他区域,容器不可见完整代码见 GitHub<!-- html代码 --> <div class="g-index"...原创 2020-02-17 18:33:10 · 940 阅读 · 0 评论 -
练习 | 综合排版练习
题实现日本列车的时刻表应用版面布局,要求通过矢量字体实现图标,使用flex实现布局解一时划水一时爽,一直划水一直爽 orz代码见 GitHub原创 2020-02-11 23:11:20 · 229 阅读 · 0 评论 -
练习 | FLEX布局基本练习
文章目录题1:整体框架示例题2:商品价格小图题3:淘宝网页版截图题1:整体框架示例使用Flex模型编写HTML页面解index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>EX06</title> &...原创 2020-02-09 21:25:34 · 3343 阅读 · 2 评论 -
练习 | CSS定位练习 实现特定页面布局
文章目录问题记录1.如何实现行内元素始终位于父元素的底部2.代码目标效果完成效果问题记录1.如何实现行内元素始终位于父元素的底部主流办法:相对定位+绝对定位参考文章:css控制div位于父容器底部补充链接:How can I send an inner <div> to the bottom of its parent <div>?之后计算长度,手动设...原创 2020-02-08 22:22:21 · 1204 阅读 · 0 评论 -
练习 | CSS 浮动模型 清除模型 伪类
文章目录题1:清除浮动(使用after伪类)题2:清除浮动(额外标签法)题3:使用伪类题1:清除浮动(使用after伪类)请用浮动模型和清除模型的实现下面版面解index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...原创 2020-02-04 13:20:40 · 340 阅读 · 0 评论 -
练习 | CSS定位基本练习
文章目录题1:实现淘宝主页的工具盒框架结构题2:绘制图形(左上方三角形)题1:实现淘宝主页的工具盒框架结构1 . 使用div盒子模型中的border,margin,padding和position属性,实现淘宝主页的工具盒框架结构实心框都是图片对象;边线框为文本对象;解效果图(iPone 6/7/8 Plus 屏幕尺寸下)存在的问题1.适应屏幕变化能力差大部分元素的大小是写...原创 2020-02-03 17:55:08 · 1482 阅读 · 0 评论 -
练习 | CSS盒子模型
文章目录题1:如何不让外边距合并题2:行内显示多个元素题3:元素水平居中题4:元素水平垂直同时居中题5:边角按钮题1:如何不让外边距合并请用盒子模型的边框实现下面版面(如何不让外边距合并)解这里采用的是 padding 和 margin 一起使用的方法找到了一篇写了很多解法的文章 (码)index.html<!DOCTYPE html><html lang...原创 2020-01-31 17:33:49 · 2391 阅读 · 2 评论 -
练习 | JS编写简单逻辑
题目点击单元格11,使表格的背景颜色变成红色;点击单元格12,将单元格的内容变成当前的日期,其格式为(yyyy-mm-dd);点击单元格21,将在现有单元格后面插入一行;点击单元格22,将删除表格的第2行;点击单元格31,显示当前的鼠标坐标;点击单元格32,打开一个新窗口,里面显示百度主页;<html> <head> <s...原创 2020-01-30 19:50:11 · 640 阅读 · 0 评论