<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[input_form_value的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/input_form_value</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; input_form_value]]></copyright><item><title><![CDATA[JavaScrip作用域]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124531445</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124531445</guid><author>input_form_value</author><pubDate>Sun, 01 May 2022 19:52:34 +0800</pubDate><description><![CDATA[作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期

变量的作用域有两种

全局作用域

局部作用域





一，全局变量





二，局部变量





三，闭包

闭包就是为了 访问函数内部的变量

在函数的内部，再定义一个函数

函数2被包括在1内部，1内部的所有局部变量，对2都是可见的

JS特有的"链式作用域"结构（父对象的所有变量，对子对象都是可见的，反之则不成立）

把内部函数作为返回值



闭包的缺点 ★闭包会在父函数外部，改变父函数内部变量的值



...]]></description><category></category></item><item><title><![CDATA[Math对象]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124480540</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124480540</guid><author>input_form_value</author><pubDate>Thu, 28 Apr 2022 18:57:13 +0800</pubDate><description><![CDATA[ceil

对小数进行上舍入（向大的数跑）





floor

对小数进行下舍入（向小的数跑）





round

把数四舍五入为最接近的数

★ 在负数的情况下，当小数位是5的时候，不会五入，会舍去





random

返回0.0~1.0之间的随机数（包括0，不包括1）





pow

底数,几次方法

Math.pow(2,3) ==&gt; 2*2*2=8



Math.floor(Math.random() * (max - min+1)) + min; //含最大值，含最小值.]]></description><category></category></item><item><title><![CDATA[String的其他方法]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124457300</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124457300</guid><author>input_form_value</author><pubDate>Wed, 27 Apr 2022 18:20:17 +0800</pubDate><description><![CDATA[一，toLowerCase

把字符串转换为小写





二、toUpperCase

把字符串转换为大写





三， substring





四，slice(start,end)





五，substr(start,length）





六，es6 模板字符串

整体用 ` ` 反引号包裹 字符串正常写 遇到变量用${}包裹一下即可




...]]></description><category></category></item><item><title><![CDATA[String常用方法与属性]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124434453</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124434453</guid><author>input_form_value</author><pubDate>Tue, 26 Apr 2022 19:41:19 +0800</pubDate><description><![CDATA[使用构造函数String实例化出一个字符串对象 

使用这种方式创建的是字符串对象 是对象类型 







concat

可以把两个字符串拼接起来生成一个新的字符串







replace

用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串

let nstr = str.replace('l','-');



split

把以-分割的字符串，转成数组









lastIndexOf()

返回一个指定的字符串值最后出现的位置



...]]></description><category></category></item><item><title><![CDATA[Js中Date对象的使用]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124412346</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124412346</guid><author>input_form_value</author><pubDate>Mon, 25 Apr 2022 19:38:36 +0800</pubDate><description><![CDATA[一，Date





二，Date常用方法

1.getFullYear()



2. getMonth()



3.getDate()



4.getDay()



5.getHours()



6.getMinutes()



7.getSeconds()





二， 时间戳

第一种获取毫秒数的方式

let oDate = new Date();

document.write( '1970年1月1日到现在的毫秒数：'+oDate.getTime() +'&lt;br&...]]></description><category></category></item><item><title><![CDATA[JavaScrip对象和数组]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124371094</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124371094</guid><author>input_form_value</author><pubDate>Sat, 23 Apr 2022 22:02:14 +0800</pubDate><description><![CDATA[一，obj[key]







小练习obj[key]

      一个按钮 点击 弹出prompt 猜猜保时捷的颜色

用户输入之后 给obj添加属性color 值就是用户输入的颜色

开始循环对象，如果color的值是红色，则alert('恭喜你猜对了')

否则就提示 alert('你猜错请刷新页面继续猜')





二，concat

合并两个数组并生成一个新数组（不会改变原数组）





关于concat的小练习



原来有个数组 let arr = ['奥迪','...]]></description><category></category></item><item><title><![CDATA[JavaScrip对象]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124343583</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124343583</guid><author>input_form_value</author><pubDate>Fri, 22 Apr 2022 13:43:21 +0800</pubDate><description><![CDATA[JS中的所有事物都是对象

内置对象：

Array：用于在单独的变量名中存储一系列的值

Date：用于操作日期和时间

String：用于支持对字符串的处理

Math：用于执行常用的数学任务，它包含了若干个数字常量和函数



自定义对象

对象是带有属性和方法的特殊数据类型

对象名.属性名称

对象名.方法名称(参数表)







1.删除一个对象的属性



2.利用构造函数Array的方式来创建一个数组



3.arr.push向末尾添加一个或者更多元素



4.使用jo...]]></description><category></category></item><item><title><![CDATA[JavaScript循环]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124321425</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124321425</guid><author>input_form_value</author><pubDate>Thu, 21 Apr 2022 14:45:28 +0800</pubDate><description><![CDATA[金字塔作业





一，break

break语句用于终止某个循环，使程序跳到循环块外的下一条语句

在循环中位于break后的语句将不再执行

break 语句不仅可以用在for循环中，也可以用在其他循环中

break用于终止循环

在break后的语句不再执行





二，continue

用于循环continue语句只能用在循环结构中

continue退出本次循环，继续后面的循环



九九乘法表






...]]></description><category></category></item><item><title><![CDATA[JavaScript函数]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124302463</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124302463</guid><author>input_form_value</author><pubDate>Wed, 20 Apr 2022 17:27:48 +0800</pubDate><description><![CDATA[一，do-while循环

特点：先执行，再判断 至少执行一次

循环的优势

解决重复操作

减少代码编写量，使代码结构清晰

增强代码的可读性





二，函数

函数的含义：程序的基本单元，是完成特定任务的代码语句块

函数分类：系统函数（如parseInt()）、自定义函数（如luck()）

函数的特征：实现一定的功能  可以返回一个结果 return   可以有参数





定义一个fn函数

a和b 叫做形式参数

形式参数可以理解为是变量的意思



函数是一等公民



...]]></description><category></category></item><item><title><![CDATA[JavaScript中var、let和const的区别]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124282900</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124282900</guid><author>input_form_value</author><pubDate>Tue, 19 Apr 2022 20:53:46 +0800</pubDate><description><![CDATA[一.var

后一个变量会把前一个变量的覆盖



二.let

变量不会被重复声明









三.const

常量是不可以被改变的值





For循环



小练习：

你使用prompt 让同学输入一个想学习的科目 你输入前端 如果里面有前端这个科目

 就返回 恭喜这个科目可以学习，没有这个科目 ，例如你输入物理，页面显示

不好意思这个课程没有开展




















...]]></description><category></category></item><item><title><![CDATA[JavaScript条件语句]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124256026</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124256026</guid><author>input_form_value</author><pubDate>Mon, 18 Apr 2022 18:40:07 +0800</pubDate><description><![CDATA[一， 逻辑运算符

&amp;&amp;(与号) 可以理解为都的意思



||(或号)



输出语句



if语句





条件一满足就执行JavaScript语句1，然后程序停止；不满足条件一，则继续比对条件二，满足就执行JavaScript语句2，不满足继续向下找；如果前面的条件都不满足，则输出最后的else里面的JavaScript语句。

switch语句







还有一个小知识点






...]]></description><category></category></item><item><title><![CDATA[JavaScript]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124232714</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124232714</guid><author>input_form_value</author><pubDate>Sun, 17 Apr 2022 17:26:19 +0800</pubDate><description><![CDATA[一，使用方法

1.内置



2.直接在html中使用







3.外部引入js





二，数据类型

undefined 默认值



null 空值



number 数字类型



bollean 布尔型： true和false



string 字符串类型





三，赋值运算






...]]></description><category></category></item><item><title><![CDATA[CSS中居中显示的方式]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124200423</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124200423</guid><author>input_form_value</author><pubDate>Fri, 15 Apr 2022 17:54:19 +0800</pubDate><description><![CDATA[1.行内元素实现水平和垂直居中的方式



2.使用弹性模型实现水平 垂直居中





3.可以采取绝对定位配合margin的方式实现

这种方式有缺陷 需要知道固定的宽度和高度才行





4.可以采取借助css3的变形属性Transform来完成






...]]></description><category></category></item><item><title><![CDATA[CSS样式之响应式布局（媒体查询）]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124177685</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124177685</guid><author>input_form_value</author><pubDate>Thu, 14 Apr 2022 17:57:31 +0800</pubDate><description><![CDATA[1.媒体查询

媒体查询（Media queries）

1.移动设备的快速普及完全颠覆了Web设计领域。 用户不再仅在传统桌面系统上查看Web内容，他们越来越多地使用具有各种尺寸的智能电话、平板电脑和其他设备。
2.Web设计人员的挑战是确保他们的网站不仅在大屏幕上看起来不错，在小型的电话以及介于它们之间的各种设备上看起来也不错。（说白了就是不同大小显示器web适配问题。CSS2中也有媒体查询，CSS3在此基础更加丰满）


1.1语法规范



1.用@media开通 注意@符号

2.screen表.]]></description><category></category></item><item><title><![CDATA[CSS Flex布局部分属性补充]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124154656</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124154656</guid><author>input_form_value</author><pubDate>Wed, 13 Apr 2022 18:47:15 +0800</pubDate><description><![CDATA[1.定义项目排列顺序（order）

order 定义项目的排列顺序。数值越小，排列越靠前，默认为0









2.align-self

交叉轴上对齐方式，允许单个项目有与其他项目不一样的对齐方式

align-self：flex-start；单个水平居上对齐 默认水平对齐方式





align-self: flex-end;单个水平居下对齐





3.Flex-grow

flex-grow定义项目的放大比例，默认值为0.即如果存在剩余空间，也不放大，主要作用，分配剩...]]></description><category></category></item><item><title><![CDATA[CSS中flex样式]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124124511</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124124511</guid><author>input_form_value</author><pubDate>Tue, 12 Apr 2022 15:29:45 +0800</pubDate><description><![CDATA[Flex是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性

采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”

水平主轴（main axis）

垂直交叉轴（cross axis）

项目默认沿主轴排列

作用：

1.它能够更加高效方便的控制元素的对齐、排列

2.可以自动计算布局内元素的尺寸，无论这个元素的尺寸是固定的还是动态的

3.控制元素]]></description><category></category></item><item><title><![CDATA[CSS animation 属性]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124109548</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124109548</guid><author>input_form_value</author><pubDate>Mon, 11 Apr 2022 21:36:18 +0800</pubDate><description><![CDATA[animation 属性

animation实现动画主要由两个部分组成通过类似Flash动画的关键帧来声明一个动画

在animation属性中调用关键帧声明的动画实现一个更为复杂的动画效果

六个属性

1.animation-name 由@keyframes创建的动画名称

2.animation–duration 过渡时间

3.animation-timing-function 过渡方式

4.animation-delay 延迟时间

5.animation-direction 动画的播放方向
]]></description><category></category></item><item><title><![CDATA[CSS动画中的样式中的过渡属性]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124086769</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124086769</guid><author>input_form_value</author><pubDate>Sun, 10 Apr 2022 22:15:58 +0800</pubDate><description><![CDATA[1.什么是过渡属性？

过渡属性是一个不需要web前端使用js语言去编写程序，直接使用css样式就可以实现简单的动画效果。在该属性的加持下，可以让一些动画效果看起来更加顺滑。

transition CSS属性其实是 transition-property（过渡或动态模拟的CSS属性） ， transition-duration（完成过渡所需要的时间） ，transition-timing-function （指定过渡函数） 和 transition-delay（过渡开始出现的延迟时间） 的一个简写属性。
]]></description><category></category></item><item><title><![CDATA[css的定位解析]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124047489</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124047489</guid><author>input_form_value</author><pubDate>Fri, 08 Apr 2022 18:16:57 +0800</pubDate><description><![CDATA[1.相对定位（relative）

格式：position: relative;

相对自身原来位置进行偏移

偏移设置：top、left、right、bottom

通过指定偏移，到达新的位置后，定位的盒子还在原先的文档流里，对它的父级以及相邻的盒子都没有影响，它原来的位置也会保留下来

举个例子：

先设置三个div的盒子，这样会更直接感觉到区别，然后再给a1设置相对定位，但是注意第三没有把第二的位置给占掉，说明它原来的位置也会保留下来







2.绝对定位（absolute）

格式：po...]]></description><category></category></item><item><title><![CDATA[CSS3的变形属性]]></title><link>https://blog.youkuaiyun.com/input_form_value/article/details/124021185</link><guid>https://blog.youkuaiyun.com/input_form_value/article/details/124021185</guid><author>input_form_value</author><pubDate>Thu, 07 Apr 2022 17:28:03 +0800</pubDate><description><![CDATA[CSS3变形是一些效果的集合如平移、旋转、缩放、倾斜效果每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化



设置变形函数，★ 可以是一个，也可以是多个，中间以空格分开

transform:[transform-function] ;

1.translate（2D位移）

平移函数，基于X、Y坐标重新定位元素的位置

translate(tx,ty);

      tx X轴（横坐标）移动的向量长度

      ty Y轴（...]]></description><category></category></item></channel></rss>