- 博客(82)
- 收藏
- 关注
RSS订阅原创 js练习01
原因是我们输入的3000是一个字符串，字符串加上数据得出一个不正确的结果。所以我们要把字符串的3000变成数字的3000 —— 数据类型转换。var performance = prompt('请输入张三的绩效工资');2. 通过prompt弹出的输入框，获取老板输入的绩效工资。alert()展示的工资将是：40003000。 1.先声明一个变量，先存储着基本工资。3. 计算 总工资 = 基本 + 绩效。4. 使用alert() 弹出总工资。如果我们输入的绩效工资是：3000。// 让老板输入绩效工资。
2024-07-20 15:00:48
原创 【无标题】
我们发现，在js的语法中，已经使用了引号来做为格式了，如果我们就是要输出一个引号，不使用特殊的手段是做不到的，如果希望引号里面出现引用。所谓转义字符，就是在想要转义的字符前面加上一 `\`，这样就把带有特殊意思的字符变成了普通的字符，就可以输出了。null —— 空 , 什么都没有 ， 通常也是不会主动使用，而是得到的一个结果是null。> 1.数据是分类型的，JavaScript里面有两种大类型：简单(值)和复杂(引用)undefined —— 未定义 ，一般很少主动使用，知道是未定义的意思就行。
2024-07-20 14:57:49
48
原创 js变量命名规范
大家在学习的过程中，会遇到许多错误，要习惯看控制台中的错误代码，也可以自己准备一个错题集，把常见的错误记录下来，以便以后遇到同样的错误的时候可以借鉴以前解决错误的思路。// 意思是 A 这个变量我们没有定义就使用了，可见a和A是不一样的，不是同一个变量。// 意思是这行有一个语法错误，出现了一个意料之外的标识符 var。// 翻译过来就是： 这行有一个语法错误，你的数字不符合语法要求。// token - 标记，记号，在编程中我们翻译成 '标识符'// Unexpected - 意料之外的。
2024-07-20 14:54:07
34
原创 javascript变量
使用`var`这个单词，告诉浏览器，我们要定义一个变量，使用`=`号告诉浏览器，我们要把左边的数据存储到变量里面。如果我们使用prompt()方法让用户输入了数据，我们又想要把用户输入的数据保存起来，怎么办呢？//计算两个数字的和。在JavaScript中有一种专门用于保存数据的语法：**变量**当我们想使用这个数据的时候，就可以直接使用这个变量代替这个实际数据。上面代码中，`200`被称为变量`b`的`值`变量定义分为两个过程：变量声明和变量赋值。var 变量名 = 数据;变量就是存储数据的容器。
2024-07-20 14:51:56
21
原创 四个常用js方法
作用：这是一个比较早期的时候，浏览器里面提供的一个在页面的body标签里面输出消息的方式，现在很少用了。作用：这个方法可以在开发者工具的 `Console`选项，也就是我们所说的`控制台`里面输出消息。prompt("请输入你的银行卡密码");// 在浏览器控制台窗口显示内容（后期主要用于调试代码）document.write('今天天气真好');alert('不好意思，您的账号输入错误！作用：在浏览器里面弹出一个输入框，让用户输入。console.log('测试一下~')//使用js把内容写入页面。
2024-07-20 14:49:50
72
原创 JavaScript该写在哪里
input type="button" value="按钮" onclick="alert('hello world');// 语法 <script src="js文件的路径" ></script>> 1.使用方式有3中，开发里面外联使用的多，上课多用内嵌，行内几乎不用。> 2.建议js都写在其他的结构标签的后面 —— 后面学习的时候再解释。写在标签的属性里面的，通常都是 onXXX 这些属性里面。在一个固定的标签 —— script , 写js代码。> 3.外联式的script里面不要写代码。
2024-07-20 14:46:01
33
原创 JavaScript起源
本阶段的重点为JavaScript这门语言的各种语法，需要重点掌握的是每种语法的写法，用途，而不是用来熟练语法的题目。 JavaScript就是一门让我们和浏览器交流沟通的语言，我们在写这门语言的时候，要遵循这门语言的固定语法，使用其特定单词，浏览器才能读懂。浏览器不像人，浏览器是认死理的，不会灵活理解我们所写的代码，所以一定要严格按照JavaScript的语法来写代码。 综上所述，我们要学习的，就是JavaScript这门语言的**语法**和里面特有的**单词**
2024-07-20 14:43:48
164
原创 CSS3媒体查询
目前移动端页面主流的处理方式是：pc端用响应式原理来书写，移动端做成自适应的效果（例如: [www.taobao.com](http://www.taobao.com) 和 m.taobao.com）响应式页面原理：**根据浏览器窗口的宽度，来加载不同的样式代码css**，从而使元素在不同分辨率下有完好的展示效果 （需要检测这个宽度）/*在大于等于600px且小于等于1000px的时候，渲染这里的css代码：*//*当浏览器宽度**大于等于1000px**的时候渲染这里面的代码，例如：*/
2024-07-19 23:01:46
127
原创 手机端的适配（重点）
根据W3标准 ，em 单位是相对于使用em单位的元素的字体大小( 也是相对于字体大小，有可能是父亲的元素也有可能是自身的元素字体大小 )每个网页默认都会有一个**视口**，视口其实是一个**虚拟的窗口** ，**移动端**默认的尺寸是**980**像素;使用em单位时，像素值是em值乘以使用em单位的元素的字体大小( `像素px=em值 * fontSize大小`)为了兼容移动设备，一般让**网页视口的宽度和设备的宽度的比例为 1:1 , 并且不允许用户缩放网页**;
2024-07-19 22:55:18
617
原创 手机屏幕（了解）
由于**计算机显示设备**中的最小单位不是墨汁点而是像素，所以用 **PPI**（Pixels Per Inch）值来表示**屏幕每英寸的像素数量**，我们将 **PPI、DPI 都称为像素密度**，但 **PPI** 应用更广泛，**物理像素**，顾名思义，显示屏是由一个个**物理像素**点组成的，通过控制每个像素点的颜色，使屏幕显示出不同的图像，屏幕从工厂出来那天起，它上面的**物理像素点**就固定不变了。而**分辨率**则一般用**像素来度量 px**，表示**屏幕水平和垂直方向的像素个数**，
2024-07-19 22:43:08
486
原创 【无标题】
侧重点：pc端的兼容和适配，pc端的事件（鼠标）用手机端 消费 的人越来越多。1.1、PC端开发 VS 移动web开发。使用的技术：html css js。使用的技术：html css js。侧重点：手机端适配，移动端事件（触摸）京东双十一销售额( 2015 )京东双十一销售额 ( 2016 )3.2、为什么学习移动web。一、移动web介绍(了解)
2024-07-17 17:01:25
195
原创 less的使用
less是一种css 的预处理语言，简化了css的书写，增强了css的功能，赋予css动态语言的特点，是css的升级版。/*书写一个宽300px，高200px的盒子(设计图宽度为75)*///width: @w - 200px;2.2、less嵌套。
2024-07-17 16:58:09
454
原创 animation动画属性
往复运动：表示是否往复执行动画，如是，则值为 `alternate`， 如否，则不写。animation: 动画名称 动画持续时间 运动曲线 重复次数 往复运动;重复次数：没有单位，值为数值。如果是无数次，值为 `infinite`。其中，0%和100%可以写为 `from` 和 `to`。过渡属性 `animation` 是实现css动效的属性。运动曲线：值多为 `linear`。100% { css状态 }@keyframes 动画名称 {50% { css状态 }0% { css状态 }
2024-07-17 16:54:10
200
原创 transition过渡属性
我们可以通过 transform-origin 这个属性配合旋转来控制元素的旋转中心点和旋转轴。配合Transform:rotate()做旋转中心点的设置，两个值，单位可以是px %配合Transform:rotateY()/rotateX()做旋转轴的设置。转换属性 `transform` 可将元素进行旋转、位移和缩放等转换。过渡属性 `transition` 是实现css动效的属性。值为数值，值与值之间以空格隔开，无单位。值与值之间以空格隔开，单位为deg。值与值之间以空格隔开，单位为px。
2024-07-17 16:49:59
283
原创 CSS3新属性
往复运动：表示是否往复执行动画，如是，则值为 `alternate`， 如否，则不写。如果是无数次，值为 `infinite`。转换属性 `transform` 可将元素进行旋转、位移和缩放等转换。过渡属性 `transition` 是实现css动效的属性。其中，0%和100%可以写为 `from` 和 `to`。过渡属性 `animation` 是实现css动效的属性。值为数值，值与值之间以空格隔开，无单位。运动曲线：值多为 `linear`。值与值之间以空格隔开，单位为deg。
2024-07-17 16:46:08
375
原创 滑动门又叫推拉门
为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页面，使各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用性更强。制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，比如微信导航栏，有凸起和凹下去的感觉，最大的问题是里面的字数不一样多，咋办？核心技术就是利用CSS精灵（主要是背景位置）和盒子padding撑开宽度, 以便能适应不同字数的导航栏。2. span 设置背景右侧， padding撑开合适宽度 剩下由文字继续撑开宽度。
2024-07-17 16:40:33
125
原创 vertical-align 垂直对齐
vertical-align 不影响块级元素中的内容对齐，它只针对于 行内元素或者行内块元素，特别是行内块元素， **通常用来控制图片/表单与文字的对齐**。vertical-align 垂直对齐， 这个看上去很美好的一个属性， 实际有着不可捉摸的脾气，否则我们也不会这么晚来讲解。但是我们从来没有讲过有垂直居中的属性， 我们的妈妈一直很担心我们的垂直居中怎么做。以前我们讲过让带有宽度的块级元素居中对齐，是margin: 0 auto;以前我们还讲过让文字居中对齐，是 text-align: center;
2024-07-17 16:36:57
209
原创 web额外补充
我是小白</li><li style="cursor:pointer">我是小手</li><li style="cursor:move">我是移动</li><li style="cursor:text">我是文本
2024-07-17 16:35:10
254
原创 CSS3新属性初步认识
:nth-of-type` 和 `:nth-child` 选择器，两者都是选择作为第几个子元素某标签，但是又有区别。.father>div{ /*只选择到 .father 标签的第一级子级div标签， 子级的子级不会被选中*/-- 这一个就是变粉色的盒子 -->`:nth-of-type` 选中的是同类型的第几个，前提在于同类型。`:nth-child` 选中的是同级中的第几个，前提在于同级。过渡属性 `transition` 是实现css动效的属性。值为数值，值与值之间以空格隔开，无单位。
2024-07-17 16:31:19
370
原创 web-css伪元素
::before和::after前面的双冒号，也可以写为单冒号。- content是必备属性，里面可以填写简单的文字内容。- 伪元素产生时，默认是行内元素，无法指定宽高。- JavaScript无法操作伪元素。
2024-07-17 16:16:09
104
原创 HTML表单标签
<input type="text" name="txt" id="txt" value="" placeholder="请输入文字">
2024-07-16 15:33:37
891
原创 表格 table(会使用)
</td>即可。在上面的语法中包含三对HTML标签，分别为 <table></table>、<tr></tr>、<td></td>，他们是创建表格的基本标签，缺一不可，下面对他们进行具体地解释。03.td /td：用于定义表格中的单元格，必须嵌套在<tr></tr>标签中，一对 <tr> </tr>中包含几对<td></td>，就表示该行中有多少列（或多少个单元格）。01. <tr></tr>中只能嵌套<td>
2024-07-16 15:29:19
366
原创 叠放次序（z-index）
在CSS中，要想调整重叠定位元素的堆叠顺序，可以对定位元素应用z-index层叠等级属性，其取值可为正整数、负整数和0。1. z-index的默认属性值是0（IE为0，FF为auto），当对多个元素同时设置定位时，定位元素之间有可能会发生重叠。，其余标准流，浮动，静态定位都无此属性，亦不可指定此属性。只有相对定位，绝对定位，固定定位有此属性。取值越大，定位元素在层叠元素中越居上。
2024-07-16 15:21:30
111
原创 固定定位fixed
当对元素设置固定定位后，它将脱离标准文档流的控制，始终依据浏览器窗口来定义自己的显示位置。不管浏览器滚动条如何滚动也不管浏览器窗口的大小如何变化，该元素都会始终显示在浏览器窗口的固定位置。固定定位是绝对定位的一种特殊形式，它以浏览器窗口作为参照物来定义网页元素。当position属性的取值为fixed时，即可将元素的定位模式设置为固定定位。2. 固定定位完全脱标，不占有位置，不随着滚动条滚动。1. 固定定位的元素跟父亲没有任何关系，只认浏览器。
2024-07-16 15:17:26
231
原创 定位(position)
定位是我们CSS算是数一数二难点的了，但是，你务必要学好它，我们CSS离不开定位，特别是后面的js特效，天天和定位打交道。就是说， 子级是绝对定位，父亲只要是定位即可（不管父亲是绝对定位还是相对定位，甚至是固定定位都可以），就是说， 子绝父绝，子绝父相都是正确的。相对定位是将元素相对于它在标准流中的位置进行定位，当position属性的取值为relative时，可以将元素定位于相对位置。首先， 我们说下， 绝对定位是将元素依据最近的已经定位绝对、固定或相对定位）的父元素（祖先）进行定位。
2024-07-16 15:12:43
284
原创 圆角属性border-radius: 50%；与不透明度opacity和rgba（opacity:0.5---半透明）
*圆角效果 推荐大家给50%*/ 可以给盒子宽度的一半，如果盒子宽度变了还要来改值，比较麻烦，推荐给50%代表盒子一半。2. opacity能够让背景和内容同时透明，rgba只能给元素自身（color）或者背景（background）透明。1. opacity是元素的属性，而rgba是颜色的属性值。，取值范围0-1 （最小值是0，最大值是1。opacity和rgba都有不透明的效果。
2024-07-16 12:51:03
144
原创 ps的快捷键
z 放大镜工具 按住鼠标左键，向右下拖拽就是放大(ctrl + =)，向左上拖拽就是缩小(ctrl + -)通过 M 按键 选框工具 量取想要的距离， 可通过F8快捷键，查看信息面板得到想要的距离数值。鼠标停留在标尺上，向标尺外部按住拖拽， 把参考线拖拽到想要的位置，安装空格键的情况下，按住鼠标左键拖拽可以移动这个页面。ctrl+alt+0 把页面缩放回正常的比例。ctrl+r 展示与隐藏标尺。在标尺上右键，选中像素。移动辅助线的工具是 v。
2024-07-16 12:47:14
151
原创 浮动(float)【float:left；左浮动（左浮动）】
用来专门让网页中**同级下**不能并排的盒子**实现并排效果**。**同级下哪些盒子要并排，就给它们都加上浮动**。浮动不要乱用，一般在同级盒子中实现并排，float:left;没有浮动居中的写法。
2024-07-16 12:44:54
126
原创 网页布局的三大流派
就是网页中元素默认的排列方式，自上而下，从左到右，我们前面所学习的就是标准流布局。标准流（文档流）、浮动流，定位流。在后面的学习中会讲到。
2024-07-16 12:41:00
192
原创 字居中用text-align:center；盒子居中用margin: 0 auto；
文字居中用text-align:center;盒子居中用margin: 0 auto;一、文字居中和盒子居中。
2024-07-16 12:39:44
98
原创 外边距合并（外边距塌陷）
第一种情况：如果是并列的两个盒子，那么他会以最大的那个外边距来计算。正常----所有浏览器都是以最大那个来算。第二种写法：overflow:hidden;----很强大 推荐大家用这一种。我们只是给了小盒子一个外边距，它既然把父盒子给带走了，会出现错位的bug。使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。第二种：嵌套的两个盒子就真的出现bug。早期写法给父盒子加一个白色的边框,外边距合并（外边距塌陷）
2024-07-16 12:38:16
73
原创 溢出隐藏1、overflow:hidden；溢出隐藏--把多余的部分给掉。2、overflow:auto； 把多余的部分以滚动条的方式来显示。
把多余的部分以滚动条的方式来显示。溢出隐藏--把多余的部分给掉。
2024-07-16 12:36:21
93
实时更新Visual Studio Code工具与浏览器HTML修改同步更新-live-server的使用
2024-07-16
python安装步骤，可以参考步骤
2023-12-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人