- 博客(38)
- 收藏
- 关注
RSS订阅原创 DOM课后习题练习（附源码）
断更十来天了，普天同庆的日子，着实静不下心来学习，上一篇给大家分享了DOM 的知识点学习文档，当然最重要的还是实操啦，一起来看看呀~代码不难，主要就是细节，有不明白的评论或者私信都可以，最后，祝屏幕前的你，生活愉快呀~
2022-10-10 13:52:14
709
31
原创 DOM——介绍
文档：一个页面就是一个文档，DOM中使用document表示。节点：网页中的所有内容，在文档树中都是节点（标签、属性、文本、注释等），使用node表示。标签节点：网页中的所有标签，通常称为元素节点，又简称为“元素”，使用element表示。
2022-10-10 13:28:13
284
原创 JS——函数练习（附源码）
目录函数的定义：函数：就是**封装了一段可被重复调用执行的代码块**。通过此代码块可以**实现大量代码的重复使用**。练习： 1：创建一个计算两个数和的函数。 2：封装一个两个数的差的函数。 3：创建一个计算两个数的最大值的函数。 4：创建一个函数传递一个数组返回数组中的最大值，最小值，还有和。 5：传递一个数组，实现数组翻转的函数。 6：封装一个函数：浏览器接收一个月份判断这个月份的天数。 7：制作一个简易的计算
2022-09-27 15:38:27
1812
21
原创 学会JavaScrip有这一篇就够啦（内附习题源码）
学会JS这一篇就够啦！！！ JavaScript 最初由网景公司开发的一种脚本语言，被大量地应用于网页中，用以实现网页和浏览者的动态交互。目前几乎所有的浏览器都可以很好地支持 JavaScript。由于 JavaScript 可以及时响应浏览者的操作，控制页面的行为表现，提高用户体验，因而已经成为前端开发人员必须掌握的语言之一。JavaScript 是为满足制作动态网页的需要而诞生的一种编程语言，在 HTML 基础上，使用 JavaScript 可以开发交互式（网页）Web。
2022-09-23 16:28:48
260
2
原创 JS——运算符（内附习题源码）
运算符——算数运算符，递增递减运算符，比较运算符，逻辑运算符，赋值运算符，运算符的优先级；流程控制，顺序机构，分支结构；三元表达式，内附八大习题源码
2022-09-22 17:04:27
620
2
原创 JS——入门（内附习题源码）
声明变量用var，多个变量用英文逗号隔开，变量可重新赋值。- 严格区分大小写。var name;和 var Name;是两个变量。- 不能以数字开头，不能是js关键词比如 var、for、while等。- 驼峰命名法，如myName，第一个字母小写，第二个字母大写，变量名需有意义。数据类型在计算机中不同的数据所需占用的存储空间是不同的，所以为了充分利用存储空间，我们为数据设置不同的数据类型，比如：“小明”，18。JavaScript 是一种弱类型或者说动态语言。
2022-09-20 13:49:16
418
3
原创 移动端开发（学好移动端这一篇就够啦）
虽然还是vw布局，但还是⽤rem去写1、⽆关屏幕的⼤⼩，反正100vw，就是屏幕的100%，⽤屏幕的⼤⼩作为固定值去换算相对单位2、⾃定义⼀个rem跟px之间的换算⽐值，为了好算⼀般是1rem=100px，计算出vw跟rem，px之间的关系 例如750的设计稿：1font-size=100px=1rem=13.3333vw3、后⾯750设计稿上的所有尺⼨都⽤rem来算。例如200px*200px的盒⼦，就是2rem*2rem的盒⼦，也就是 26.666vw*26.666vw的盒⼦。⽤vw去开发。
2022-09-16 19:51:09
3282
原创 移动端——less（学会less，这一篇就够了）
less是⼀种动态样式语⾔，属于css预处理器的范畴，它扩展了 CSS 语⾔，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展而css作为⼀⻔标记性语⾔，给初学者的第⼀印象是简单易懂，毫⽆逻辑，不像编程该有的样⼦。语法更新时，浏览器的兼容问题⽐较麻烦，问题的诞⽣伴随着技术的兴起，在web发展的这⼏年，出现了预处理语⾔，让css彻底变成了⼀⻔可以使⽤变量、循环、继承、⾃定义⽅法等多种特性的标记语⾔， 逻辑性得以⼤⼤增强。
2022-09-16 19:09:54
272
原创 移动端——布局
前面我们学习了HTML和CSS了，PC 端的基本内容就算是写完了，今天跟大家分享一个新的知识，那就是我们的移动端移动端最常见的开发布局方式就是流式布局，flex弹性布局，rem适配布局，响应式布局bootstrap 和vw/vh布局。
2022-09-14 16:24:32
690
1
原创 CSS——动画和弹性盒子（旋转相册，城市动画，WC3导航条，骰子（附源码））
旋转transform: rotate();1. 默认情况下是绕着中⼼点进⾏转动的；2. 默认的单位是deg，⽐如rotate（45deg） 3. 如果这个值为正值，则是元素对原点中⼼顺时针旋转；
2022-09-08 20:49:09
315
原创 CSS——动画{旋转按钮}
动画和过渡类似，都是可以实现⼀些动态效果，不同的是过渡需要在某个属性发⽣变化时才能触发， 例如hover，acitve时，动画可以⾃动触发动画transform（元素变形）可选值：transform（x,y）,平移 单位px或%（设置的是元素自身高度的%），一个值代表x轴；scale（x,y）缩放 无单位，是相对于原图片的，一个值代表x,y同时缩放旋转，顺时针，rotateX 以X轴旋转，rotateY 同理，以Y轴旋转skew（X，Y）,倾斜，单位deg过渡。
2022-09-07 19:49:31
4014
原创 CSS——弹性盒子
通过设置display属性值为flex或flex item将其定义为弹性容器，设置flex布局以后，子元素的float，clean和vertical-align属性将会失效，那么具体怎么使用呢，我一起来看看叭~常见问题1.当设置display：flex时，width：100%,不能完全与父元素一致原因，应为父元素设置了弹性盒子，使子元素等比例缩放2.若父元素设置display：flex，子元素的高度和宽度失效，可将子元素设置flex-shrink为0。
2022-09-06 16:35:12
4548
8
原创 CSS——定位
今天就跟大家分享布局的另一种手段——定位！定位是一个高级的布局手段，通过left、right、top、bottom设置偏移，一般使用设置二个位置偏移量，一个水平，一个垂直定位元素：position值非static的元素提示：以下是本篇文章正文内容，下面案例可供参考static 默认值，元素没有定位relative 相对定位，相对于自己偏移。
2022-09-05 15:20:54
787
原创 CSS——插入背景（免费抢先体验）
有不清楚的小伙伴可以发私信给我，这边有两个知识点，一个就是，一定要分清楚这个背景是相对于谁的背景，不要跟我一样，放错了盒子哦；还有一个就是这渐变色，background-color的渐变应该怎么写，包括渐变的百分比又是怎么算的。好啦，今天的分享就到这里啦，如果文档中有什么错误，欢迎指正，也欢迎各位大佬一起探讨呀，最后，祝愿屏幕前的你，生活愉快，万事胜意呀~~...
2022-09-01 17:24:12
212
2
原创 HTML+CSS——阿里云注册页
今天分享的是，阿里巴巴的注册页面，学习要不断坚持，我在这个过程中，就经常会有想倦怠的时候，但是一看身边的人都在努力，我又压力山大，诶，总而言之，继续加油咯，emm，屏幕前的你，也偶尔放松一下吧，别太累，最后，祝你生活愉快呀!!!......
2022-08-31 20:24:39
861
1
原创 知识点解析
这就是今天要跟大家分享的内容呀，最近在复习原来的知识呀，发的博客也是一些总结，我个人认为学习就是要不断复习的呀，emm，过两天学习新知识，也会来跟大家分享的呀，最后，祝屏幕前的你，生活愉快，万事胜意~~~...
2022-08-30 16:55:39
85
原创 js跨平台的脚本语言（预习篇）
学习，先预习，再复习就能达到事半功倍的效果！提示：以下是本篇文章正文内容，下面案例可供参考以上就是今天要分享的内容，我只是粗略的了解了一下js的循环，后续还要等进一步学习才有更多的内容分享呀！最后，祝屏幕前的你，生活愉快，万事胜意~...
2022-08-29 20:15:28
345
原创 表单（人人网）
以上就是今天要和大家分享的内容呀，因为确实不知道怎么说，就写了一个小小的页面，大家可以对照这看一下，有什么不清楚的可以私信我呀，最后，祝屏幕前的小伙伴们，生活愉快，万事胜意！！！...
2022-08-26 16:45:35
190
原创 表单和表格
今天学习了新知识，用HTML写表单表格，一起来看看吧！提示：以下是本篇文章正文内容，下面案例可供参考以上就是今天要讲的内容，本文仅仅简单讲解了表格的制作，期待我们明天的遇见呀!最后，祝愿屏幕前的你，生活愉快！
2022-08-25 15:55:09
274
原创 .CSS总结（san）
a:alpha 透明度，alpha表示像素不透明性的值，像素越不透明，则隐藏越多的呈现图像的背景，取值[0 1]，0完全透明的像素，1完全不透明的像素。css的基本模型之一，所有元素都包含在盒模型里面，由元素内容（content），内边距（padding），边框（border），外边距（margin）组成。：元素高度默认为内容高度撑开，如果高度没有设置定值，则元素高度是内容高度，如果设置定值，元素高度为定值。1.opacity：设置元素的不透明级别，从0.0（完全透明）到1.0（完全不透明），会继承。
2022-08-19 20:15:15
123
1
原创 CSS总结篇（一）
网页分成三个部分 结构 20个左右标签，先用一段时间 表现 外在显示的样子 行为 css -层叠样式表 -网页实际上是一个多层的结构，通过css可以分别为网页的每一层来设置样式 而最终我们能看到的只有最上边的一层 -设置网页中元素的样式。——将CSS样式编写到head中的style标签里,通过CSS选择器选中指定元素。4:将样式编写到外部的css文件中，可以使用到浏览器的缓存机制，——声明块紧跟在选择器的后边，使用一对{}括起来，——声明块中实际上就是一组一组的名值对结构，一组一组的名值对我们称为声明，..
2022-08-18 20:10:48
373
原创 小米商城第一页
当然学到的知识肯定不止这些啦，但是对于我来说却是一个里程碑，是我在前端路上的一个莫大的鼓励，我会继续努力哒，最后，祝大家生活愉快，万事胜意！
2022-08-17 18:50:49
242
原创 html篇（总结）
学习就是要经常总结，吾日三省吾身才是正确的学习态度，历时三个星期，我来总结一下这大半个月的收获！以上就是今天要分享的内容，我只是简单的总结了一下入门该熟识和背诵的知识点，学无止境，要多反思多总结，这是我对自己的要求，总结下来的文章，写的不够成熟，有甚者可能会有错误，欢迎各位大佬的指正，我会继续端正我的学习态度，最后，祝屏幕前的你，生活愉快，万事胜意！...
2022-08-16 19:00:56
489
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人