xiaoxustudy - 博客园

[置顶] 用 HTML+CSS 实现商城页面

摘要：目录： 1.首页项目结构 2.通用样式抽取 3.结构与样式 4.顶部广告 5.顶部通栏结构 6.顶部通栏样式 7.搜索结构搭建 8.搜索样式 9.导航结构 10.导航样式 11.轮播图大结构 12.轮播图左侧 13.轮播图中间 14.轮播图右侧 15.主要内容 16.尾部 17.错误纠正 18.最终阅读全文

posted @ 2020-08-24 20:31 xiaoxustudy 阅读(9262) 评论(0) 推荐(1)

[置顶] 用 Vue 简单实现一个八皇后小游戏

摘要：八皇后小游戏规则与效果预览规则：效果预览：用字母 Q 代表皇后，横/竖/撇/捺处均无皇后可放置皇后，在横/竖/撇/捺有皇后处放置皇后会弹出提示“该位置不能放置皇后！”。实现步骤之前创建了项目，笔记：https://www.cnblogs.com/xiaoxuStudy/p/12663218 阅读全文

posted @ 2020-08-12 18:25 xiaoxustudy 阅读(933) 评论(0) 推荐(0)

2021年7月29日

JavaScript - 面向对象练习

摘要：本笔记为学习网易云课堂上的【撩课-零基础玩转JavaScript】所做。使用构造函数绘制矩形，可以通过传参改变矩形坐标、宽高、圆角。思路： HTML 创建一个 div ，绑定 id 为 box，之后通过 JS 在该 div 内创建矩形。创建矩形构造函数 Rect，在构造函数上写矩形属性，设置矩阅读全文

posted @ 2021-07-29 10:35 xiaoxustudy 阅读(160) 评论(0) 推荐(0)

2021年7月27日

JavaScript - this 的指向

摘要：本笔记为学习网易云课堂上的【撩课-零基础玩转JavaScript】所做。函数在定义的时候 this 是不确定的，只有在调用的时候才可以确定。一、普通函数执行，内部 this 指向全局对象 window function func(){ console.log(this); //Window {w 阅读全文

posted @ 2021-07-27 10:34 xiaoxustudy 阅读(47) 评论(0) 推荐(0)

JavaScript 预解析、变量提升、函数声明提升

摘要：本笔记为学习网易云课堂上的【撩课-零基础玩转JavaScript】所做。目录 1. 概念 2. 预解析过程 3. 变量提升 4. 例子一、概念 JS代码的执行是由浏览器的JS解析器来执行的，JS解析器执行JS代码的时候，分为两个过程：预解析过程和代码执行过程。二、预解析过程 1. 把变量的声明阅读全文

posted @ 2021-07-27 08:48 xiaoxustudy 阅读(105) 评论(0) 推荐(0)

2021年7月21日

JS 特效 - 发表评论

摘要：效果：代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>发表评论</title> <style> *{ margin: 0; padding: 0; list-style: none; } #box{ width: 80 阅读全文

posted @ 2021-07-21 22:14 xiaoxustudy 阅读(107) 评论(0) 推荐(0)

JavaScript - 函数小练习

摘要：本笔记为学习网易云课堂上的【撩课-零基础玩转JavaScript】所做。练习1 ：请写出一个判断一个数是不是偶数的函数。说明：先判断传入的参数是否数值，如果非数值，就 return 终止执行函数，如果是数值，则继续执行函数。然后，判断数值是否偶数。 1 function isEven(num){ 阅读全文

posted @ 2021-07-21 10:20 xiaoxustudy 阅读(184) 评论(0) 推荐(0)

2020年10月25日

高度

摘要：本笔记为学习张鑫旭的《CSS世界》时做的。目录： 1. 让元素支持 height:100%效果 2. height: auto 3. 父元素 height:auto 时，子元素不支持 height:100% 4. 绝对定位的宽高百分比计算是相对于 padding box 的，非绝对定位元素则是相对阅读全文

posted @ 2020-10-25 19:36 xiaoxustudy 阅读(264) 评论(0) 推荐(0)

2020年10月3日

替换元素的尺寸计算规则

摘要：本文为学习《CSS世界》第 4 章后所作笔记。内联替换元素和块级替换元素使用同一套尺寸计算规则。尺寸有 3 种：固有尺寸、HTML 尺寸、CSS 尺寸这几种尺寸是有优先顺序的：CSS 尺寸 > HTML 尺寸> 固有尺寸，比如说 CSS 尺寸会覆盖 HTML 尺寸。图片资源的固有尺寸是无法改阅读全文

posted @ 2020-10-03 17:58 xiaoxustudy 阅读(327) 评论(0) 推荐(0)

内联盒模型

摘要：以下为学习《CSS世界》第 3 章后所作笔记。阅读全文

posted @ 2020-10-03 17:04 xiaoxustudy 阅读(179) 评论(0) 推荐(0)

width/height、min-width/min-height、max-width/max-height 初始值

摘要：阅读全文

posted @ 2020-10-03 11:25 xiaoxustudy 阅读(528) 评论(0) 推荐(0)

2020年10月2日

宽度分离

摘要：本文为学习《CSS世界》第 3 章后所作笔记。思考一种情况，如果要在一个宽 100px 的盒子里排列几个盒子，这几个盒子的大小定了，现在要改变其中一个盒子的 padding，怎么做到改变它的 padding 之后它的大小不变？给设置 padding、border，又不让盒子大小改变，有 3 种阅读全文

posted @ 2020-10-02 17:18 xiaoxustudy 阅读(166) 评论(0) 推荐(0)