摘要:
目录: 1.首页项目结构 2.通用样式抽取 3.结构与样式 4.顶部广告 5.顶部通栏结构 6.顶部通栏样式 7.搜索结构搭建 8.搜索样式 9.导航结构 10.导航样式 11.轮播图大结构 12.轮播图左侧 13.轮播图中间 14.轮播图右侧 15.主要内容 16.尾部 17.错误纠正 18.最终 阅读全文
摘要:
八皇后小游戏规则与效果预览 规则: 效果预览: 用字母 Q 代表皇后,横/竖/撇/捺处均无皇后可放置皇后,在横/竖/撇/捺有皇后处放置皇后会弹出提示“该位置不能放置皇后!”。 实现步骤 之前创建了项目,笔记:https://www.cnblogs.com/xiaoxuStudy/p/12663218 阅读全文
摘要:
本笔记为学习网易云课堂上的【撩课-零基础玩转JavaScript】所做。 使用构造函数绘制矩形,可以通过传参改变矩形坐标、宽高、圆角。 思路: HTML 创建一个 div ,绑定 id 为 box,之后通过 JS 在该 div 内创建矩形。 创建矩形构造函数 Rect,在构造函数上写矩形属性,设置矩 阅读全文
摘要:
本笔记为学习网易云课堂上的【撩课-零基础玩转JavaScript】所做。 函数在定义的时候 this 是不确定的,只有在调用的时候才可以确定。 一、普通函数执行,内部 this 指向全局对象 window function func(){ console.log(this); //Window {w 阅读全文
摘要:
本笔记为学习网易云课堂上的【撩课-零基础玩转JavaScript】所做。 目录 1. 概念 2. 预解析过程 3. 变量提升 4. 例子 一、概念 JS代码的执行是由浏览器的JS解析器来执行的,JS解析器执行JS代码的时候,分为两个过程:预解析过程和代码执行过程。 二、预解析过程 1. 把变量的声明 阅读全文
摘要:
效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>发表评论</title> <style> *{ margin: 0; padding: 0; list-style: none; } #box{ width: 80 阅读全文
摘要:
本笔记为学习网易云课堂上的【撩课-零基础玩转JavaScript】所做。 练习1 :请写出一个判断一个数是不是偶数的函数。 说明:先判断传入的参数是否数值,如果非数值,就 return 终止执行函数,如果是数值,则继续执行函数。然后,判断数值是否偶数。 1 function isEven(num){ 阅读全文
摘要:
本笔记为学习张鑫旭的《CSS世界》时做的。 目录: 1. 让元素支持 height:100%效果 2. height: auto 3. 父元素 height:auto 时,子元素不支持 height:100% 4. 绝对定位的宽高百分比计算是相对于 padding box 的,非绝对定位元素则是相对 阅读全文
摘要:
本文为学习《CSS世界》第 4 章后所作笔记。 内联替换元素和块级替换元素使用同一套尺寸计算规则。 尺寸有 3 种:固有尺寸、HTML 尺寸、CSS 尺寸 这几种尺寸是有优先顺序的:CSS 尺寸 > HTML 尺寸> 固有尺寸,比如说 CSS 尺寸会覆盖 HTML 尺寸。 图片资源的固有尺寸是无法改 阅读全文
摘要:
以下为学习《CSS世界》第 3 章后所作笔记。 阅读全文
摘要:
阅读全文
摘要:
本文为学习《CSS世界》第 3 章后所作笔记。 思考一种情况,如果要在一个宽 100px 的盒子里排列几个盒子,这几个盒子的大小定了,现在要改变其中一个盒子的 padding,怎么做到改变它的 padding 之后它的大小不变 ? 给设置 padding、border,又不让盒子大小改变,有 3 种 阅读全文