- 博客(34)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 16-3d和盒阴影和遮罩
3d动画3d立体空间 css3的属性,让我们非常简单的开发3d的应用反观我们的2dtransform只是在平面上进行操作.电脑上游览器绘制的不是真正的3d,而是游览器模拟出来的3d,是3d空间在屏幕当中的投影我们的双眼是怎么看见立体空间的?1.双眼,物体呈现的画面左右不同2.大脑:近大远小(景深),绘画领域:透视法则如果我们能够模拟这样的效果,我们就可以欺骗我们的大脑,让大脑以为这是一个真实的3D空间,最终我们可以实现3D效果如何出现3d的盒子,一个普通的盒子旋转(rotate),
2020-06-17 19:43:55
423
原创 15-transform
变化样式tansform变形主体:页面中的元素(盒子),方式:旋转,平移,拉伸和压缩,倾斜.核心概念:使其物体发生形状和位置的变化过渡和2d变化的最本质的区别transition:描述了物体在变化过程中的方式.transform描述了物体形变的一个结果平移:translate(x,y)两个参数,第一个参数为X轴的平移,第二个参数Y轴平移只写一个参数默认就是x轴的平移前端平面直角坐标系 左上为顶点 水平向右x+ 竖直向下Y+.box{ width: 300px;
2020-06-17 19:42:07
383
原创 14-动画样式
过渡给岁月以文明,而不是给文明以岁月—出自三体,有了时间才会产生变化.我们玩游戏.例如英雄联盟的时候你无论是传送还是释放技能是不是也需要一个施法时间.过渡是一种动画,可以从一种状态过渡到另一种状态.比如按钮从常规状态变成被按下的状态,正常情况下,这种变化是瞬间完成的.至少是游览器会尽快的完成这种状态变换.在点击或者按下按钮的时候.游览器会重新计算页面新外观,在几毫秒之内进行重绘.而我们在应用过渡的时候,我们要告诉游览器完成各种变换需要多长时间.然后游览器再计算在此期间屏幕上该显示哪些过渡
2020-06-17 19:41:10
714
1
原创 13-高级选择器和伪元素
伪类:hover :focus :foucswithin我们给任何选择器加上冒号就叫做我们的伪类,这种伪类的存在的意义是什么?他会凭空去多出来元素或者选择其他的元素?其实是不会..box{ width: 100px; height:100px; background-color: black; } .box:hover{ background-color: green; /*打开控制台,页面的结构不会发生改变,元素也不会发生增加或者减少.*/ } <div
2020-05-09 11:35:45
295
原创 12-表格
表格表格其实就是很多的小单元格，而这些小单元格很有次序的排列着，它们有很多行，很多列。这些很多行列组成的东西，就叫表格.表格是标签来定义的。而标签中的行就是标签，而列就是标签，必须先定义行才能定义列。因为html中，每一列是在一行当中的。表格:在15年前的时候是非常火爆的页面所有的内容都是用表格制作的:排版布局,天生有优势,随着开发发展被淘汰了,现在网站几乎没有用表格开发目前，在大多数开发环境中，已经基本不用table元素来做网页布局了，取而代之的是div+css，那么为什么不用tab
2020-05-09 11:34:40
312
原创 11-表单
表单大家有没有街上去填写过调查问卷.这些各式各样的调查问卷的问题就想网页上一个个的表单元素.这些问题都是为了收集你的个人信息,或者为了各类面试考试等等.这些填写自己的个人信息,任何情况,前端收集用户信息会用到表单表单----单词MDN—前端API文档 w3c非前端了解前端知识我们网页用户输入内容,填写信息,填写收货地址,或是抢购按钮等都是表单.这些都是很有价值的活动但很多网站设计不好主要是因为表单的控件众多,不好设计和应用样式.表单作用 :数据采集;在form表单里填写表单,发
2020-05-09 11:33:22
258
原创 10-定位
定位(确定元素的位置)相对定位(position:relative)我们以前学过几种布局方式浮动 从左往右依次排列正常布局 从上往下依次排display:inline-block 看上去水平排列,本质上还是文本,有解析空格和垂直对齐的问题这些能解决掉布局的很多问题,但是对于某些特殊情况 ul{ border: 2px solid pink; } li{ width: 100px; height: 100px; background-color: s
2020-05-09 11:31:45
321
原创 09-浮动
浮动普通流布局从上到下,从左往右;块级盒子独占一行 ul>li{ width: 100px; height: 100px; background-color: skyblue; margin: 10px 0; } <ul> <li>1</li> <li>2</li> <li>3</li> </ul>/*这就是普通流的布局,从上往下依次排列,普通流的流就像一
2020-05-09 11:29:45
138
原创 08-圆角渐变
圆角样式长时间以来,圆角都是开发者最期盼的效果,很多网页设计的老手都投入几十甚至上百个小时,就是为了通过图片来实现可以可以缩放,同时由兼容各种游览器的圆角效果,现在并不用考虑那么多兼容问题也就ie8及ie8以前和opera mini不支持.况且圆角也只是锦上添花的效果,并没有对可用性构成实际影响,所以大家使用标准属性即可.网页的排版,布局内容设置都是矩形,我们圆角只是隐藏了四周的角而已.不...
2020-04-07 01:41:23
946
原创 07-背景样式
背景颜色–漂亮的盒子背景顾名思义就是背后的景物.英文就为background.我们的家里的墙壁刚装修时候是不是白色的墙壁.我们的块级盒子例如div刚创建的时候就相当于一面白色透明墙壁.如果想让这个盒子的背景更加的美观.那我们当一个装修工人,让它背景更加更加丰富把.颜色表示方法关键字表示法RGB函数表示法RGB是光学三原色,R为红色,G为绿色,B是蓝色,我们小时候玩调色盘记不...
2020-04-07 01:39:57
176
原创 03-CSS基本样式和选择器
CSS( Cascading Style Sheets )---- 元素的显示方式层叠样式表层叠:相同的样式的不同值作用到同一元素的时候,会有样式被覆盖.样式生效会有先后重要的顺序.根据样式优先级,如果优先级一样,后写会覆盖先写的.样式表:元素视觉表现的集合.例如我们看到的宽高背景颜色等等样式是依附HTML而存在的,如果没有标签,样式将毫无意义.最小影响法则当我们创建一个标签之...
2020-04-01 23:51:30
163
原创 02-基本标签
基本标签什么是标签?标签是由：小于号+中间字符+大于号组成的代码(注意:代码里所有字符都由英文字符组成)如里面的的冒号: 和分号 引号;建议你们在输入法属性设置里将中文输入时键入英文标点,习惯使用英文的半角标点符号.单标签 (单身标签)<br> <hr> <img> <input> <meta> <link&g...
2020-04-01 23:50:52
670
原创 01-初识前端
前端简介能够直接跟用户打交道的交互界面都可以称之为前端, 前端技术一般分为前端设计和前端开发前端设计就是ui设计部分,界面模板,一般可以理解为网站的视觉设计.前端开发则是网站的前台代码实现, 利用前端设计模块创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript/ajax以及衍生出来的各种技术、框架、解决方案，比如现在最新HTML5,CSS3以及SVG...
2020-04-01 23:50:21
5977
原创 06-显示样式
显示类型转换页面中的所有内容都可以看成块和文字我们去写一个盒子 div{ width: 100px; height: 100px; background-color: skyblue; } <div></div>/*这个盒子能设置宽度,高度和背景颜色. 这时我们去写上文字的时候会发现.*/ 我要忘了你的样子 <div&g...
2020-04-01 23:47:28
151
原创 05-行内盒模型
行内盒模型行内元素具有盒子模型吗行内元素同样具有盒子模型。行内元素的属性设置行内元素的上下内边距和外边距属性设置是无效的行内元素的左右外边距和内边距属性设置是有效的行内元素的padding-top、padding-bottom从显示的效果上是增加的但其实设置的是无效的。并不会对他周围的元素产生任何影响。字体大小(font-size)font-size实际上设置的是字体的高...
2020-04-01 23:45:16
261
原创 04-盒模型
盒模型要在文档首部加了doctype声明，即使用了标准盒模型，而不加，则会由浏览器自己决定内容区(width和height)width和height属性用来设置内容区域的宽和高,也就是元素可渲染内容区的宽高.height属性在默认情况下由内容撑开，也就是随内容多少的变化而变化。内容默认左上角原点开始排列.width:500px; 默认宽度是父级宽度100%height:500px;...
2020-04-01 23:44:31
180
原创 GitHub移动端（附：安卓安装包）
GitHub移动端安装包（安卓）1.GitHub 移动端正式发布！GitHub移动端的主要功能对于开发人员来说，GitHub 移动端的功能主要包括：滑动处理消息，问题反馈、回应评论，以及审查和合并拉取代码需求，适配黑暗模式等。滑动处理消息通知该移动端提供了通知功能，当你被直接@的时候，就能够收到悬浮通知，方便开发者随时随地查看代码、合并更改以及共享协作等。通知会显示在一个类似收件箱...
2020-03-22 01:50:00
3612
4
转载 插入排序算法详解及实现
插入排序原理很简单，讲一组数据分成两组，我分别将其称为有序组与待插入组。每次从待插入组中取出一个元素，与有序组的元素进行比较，并找到合适的位置，将该元素插到有序组当中。就这样，每次插入一个元素，有序组增加，待插入组减少。直到待插入组元素个数为0。当然，插入过程中涉及到了元素的移动。为了排序方便，我们一般将数据第一个元素视为有序组，其他均为待插入组。下面以升序为例进行一次图解：代码为：#in...
2019-11-18 22:47:28
164
转载 冒泡排序算法及其优化
冒泡排序算是排序算法里面的一种较为简单的算法，也是我接触的第一种排序算法，有升序与降序之分，如果面试的时候面试官问道这个题目，一定要问清楚是升序还是降序，这样会给你加分。下面，我以升序来讲一下它的运作。1、比较相邻的元素。如果第一个比第二个大，就交换他们两个。2、对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。3、针对所有的元素重复以上的步...
2019-11-18 22:44:31
110
转载 【C语言】4种方法求最大公约数和最小公倍数及比较它们的运行时间
一、题目要求利用辗转相除法、穷举法、更相减损术、Stein算法求出两个数的最大公约数或者/和最小公倍数。 最大公约数：指两个或多个整数共有约数中最大的一个。 例如：【12和24】12的约数有：1、2、3、4、6、12；24的约数有：1、2、3、4、6、8、12、24。它们共有的约数为：1、2、3、4、6、12，则12和24的最大公约数为12 最小公倍数：两个或多个整...
2019-11-18 22:37:05
1005
转载 C语言求最小公倍数和最大公约数三种算法(经典)----ACM
最小公倍数：数论中的一种概念，两个整数公有的倍数成为他们的公倍数，其中一个最小的公倍数是他们的最小公倍数，同样地，若干个整数公有的倍数中最小的正整数称为它们的最小公倍数。求最小公倍数算法：最小公倍数=两整数的乘积÷最大公约数求最大公约数算法：(1)辗转相除法有两整数a和b：① a%b得余数c② 若c=0，则b即为两数的最大公约数③ 若c≠0，则a=b，b=c，再回去执行①例如求2...
2019-11-18 22:30:00
274
转载 c语言==判断一个数是否为2的整数次方【不使用循环】
对于判断一个数是否为2的N次方问题，通常想到的最为直接的办法就是对这个数不断对2取余，为0就将该数变为该数除以2，直到最后该数为1为止。void judge(int n){while(!(n % 2)){n = n / 2; if(n == 1) { printf("yes!\n); return; ...
2019-11-16 22:53:08
236
转载 c语言==判断一个数是否为2的整数次方【不使用循环】
看到这个问题，直接的想法估计是对这个数直接判断，如果这个数是2的n次方幂，那可以将这个数先对2取模为0，再对2整除，再对2取模，一直到这个数最后为2；如果不能这样做，那么这个整数就不是2的n次方幂，代码如下：int i = 128； //待判断的整数int count = 1； //待判断的整数是2的count次方while (i){if (2 == i){printf(“YES:...
2019-11-16 22:51:35
601
原创 笔记5
一：数组初体验生活中我们经常会用到容器，比如我们去超市购物需要使用购物袋装购买的商品。同样我们在程序中也需要容器，只不过该容器有点特殊，它在程序中是一块连续的，大小固定并且里面的数据类型一致的内存空间，它还有个好听的名字叫数组。可以将数组理解为大小固定，所放物品为同类的一个购物袋，在该购物袋中的物品是按一定顺序放置的。我们来看一下如何声明一个数组：数据类型 数组名称[长度];数组只声明也...
2019-11-14 23:48:10
262
原创 笔记4
一：自创函数C语言提供了大量的库函数（右侧资料下载中有），比如stdio.h提供输出函数，但是还是满足不了我们开发中的一些逻辑，所以这个时候需要自己定义函数，自定义函数的一般形式：注意：1、[]包含的内容可以省略，数据类型说明省略，默认是int类型函数；参数省略表示该函数是无参函数，参数不省略表示该函数是有参函数；2、函数名称遵循标识符命名规范；3、自定义函数尽量放在main函数之前，...
2019-11-14 23:47:24
98
原创 笔记3
一：循环结构之for循环(二)在for循环中，表达式1是一个或多个赋值语句，它用来控制变量的初始值；表达式2是一个关系表达式，它决定什么时候退出循环；表达式3是循环变量的步进值，定义控制循环变量每循环一次后按什么方式变化。这三部分之间用分号(;)分开。使用for语句应该注意：1、for循环中的“表达式1、2、3”均可可以缺省，但分号(;)不能缺省。2、省略“表达式1（循环变量赋初值）”，表...
2019-11-14 23:44:57
1361
转载 三目运算符
三目运算符，又称条件运算符，指的是计算机语言(c,c++,java等)的重要组成部分。它是唯一有3个操作数的运算符，所以有时又称为三元运算符。对于有些选择分支结构,可以使用简单的条件运算符来代替. 如:if(a<b)min=a; else min=b; 其中"(a<b)?a:b"是一个"条件表达式",它是这样执行的: 如果a<b为真,则表达式取a值,否则取b值. ...
2019-11-13 22:47:27
370
转载 GCC 参数详解
gcc 与 g++ 分别是 gnu 的 c & c++ 编译器 gcc/g++ 在执行编译工作的时候，总共需要4步：1、预处理,生成 .i 的文件[预处理器cpp]2、将预处理后的文件转换成汇编语言, 生成文件 .s [编译器egcs]3、有汇编变为目标代码(机器代码)生成 .o 的文件[汇编器as]4、连接目标代码, 生成可执行程序 [链接器ld]参数详解-x languag...
2019-11-10 12:13:21
72
转载 关于int main(int argc,char* argv[])详解
平时在VS的环境下，主函数总会看到这两个参数，今天突然很想知道这两个参数的原理以及作用，因此查了下资料。真心受教了。下面的博文是在百度空间看一位大神的，原文链接：http://hi.baidu.com/sgglong70626/item/8881322b2dce21c1ee10f11eargc是命令行总的参数个数argv[]为保存命令行参数的字符串指针，其中第0个参数是程序的全名，以后的参数...
2019-11-10 12:02:49
492
转载 strlen和sizeof有什么区别?
Sizeof与Strlen的区别与联系(转）1.sizeof操作符的结果类型是size_t，它在头文件中typedef为unsigned int类型。该类型保证能容纳实现所建立的最大对象的字节大小。2.sizeof是算符，strlen是函数。3.sizeof可以用类型做参数，strlen只能用char*做参数，且必须是以’’\0’'结尾的。sizeof还可以用函数做参数，比如：shor...
2019-11-10 12:00:08
145
原创 函数
函数函数的定义和调用定义计算平均值double average (double a,double b){return (a + b) /2;}eg : average(5.1,8.9)为了计算机显示出平均值 可以写成 printf(“Average:%g\n”,average(x,y));average.c#include<stdio.h>double av...
2019-10-31 17:21:13
143
原创 小困惑
冒泡排序 https://blog.csdn.net/weixin_39658178/article/details/88421633冒泡排序是排序算法的一种，思路清晰，代码简洁，常被用在大学生计算机课程中。“冒泡”这个名字的由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端，故名。这里以从小到大排序为例进行讲解。基本思想及举例说明冒泡排序的基本思想就是不断比较相邻的两个数，让较...
2019-10-31 17:19:54
233
原创 笔记1
基本数据类型（记忆）链接：https://www.imooc.com/code/5113!图片：格式化输出语句!] ## 图片链接：https://support.typora.io/Shortcut-Keys/ 【Typora快捷键补充】https://blog.csdn.net/moonclearner/article/details/52842679【Typor...
2019-10-24 14:55:43
179
原创 笔记2
简单Markdown用法插入分支结构之if语句图片那么考试成绩如果为100分，给买玩具。用代码就可以表示为：注意：()后面没有分号，直接写{}分支结构之if-else语句难度（简单）例子 : 判断平年闰年((year%4 == 0 && year%100 !=0) || year%400 == 0)注意：if()后面没有分号，直接写...
2019-10-24 14:55:30
90
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人