兰考微信公众号开发【兰考网络推广】兰考建站、兰考网站维护、兰考网页制作、兰考微信小程序代运营公司

兰考微信公众号开发【兰考网络推广】兰考建站、兰考网站维护、兰考网页制作、兰考微信小程序代运营公司

兰考，河南省开封市下辖县 [1-2]  ，河南省直管县 [2]  ，位于九曲黄河最后一道弯 [3]  ，总面积1116平方公里 ，总人口85.91万人。 [4]  是河南省“一极两圈三层”中“半小时交通圈”的重要组成部分。 [5]  兰考县在春秋时为户牖邑，秦朝于县北置济阳县是兰考建县之始。公元前5年，汉光武帝刘秀生于县北济阳宫。 [6-7]  9年，改东昏县为东明县。1218年，东明县城被废为通安堡，新县城迁至黄河之北冤句县旧地。1232年，以黄河之南地析置为兰阳县、仪封县两县。1783年3月，考城县县城首次迁至兰考县境内。1825年，仪封县并入兰阳县，称兰仪县，仪封以乡隶之。1909年，为避溥仪帝讳，改兰仪县为兰封县。1954年6月，兰封县与考城县西部合并，以二县首字为名，称兰考县。 [6] 

陇海铁路、郑徐高铁穿境而过设兰考站、兰考南站，兰考至菏泽菏兰城际铁路、兰考至菏泽至青岛董家口港铁路、兰考至开封郑开兰城际铁路等即将开工建设。国道G220、G310、G106在县城交汇，连霍高速公路、日南高速公路、兰焦高速公路（规划）在境内交叉而过。距离新郑机场仅1小时，距离连云港仅4小时。 [5] 

兰考是泡桐之乡 [5]  、国家园林县城 、国家卫生县城 [8]  、全国文明城市提名城市 [9]  、省级生态县、全国双拥模范县、国家新型城镇化试点县 [10]  、首批国家级生态保护与建设示范区、全国社会信用体系建设综合性示范试点县 [11]  、全国首个普惠金融改革试验区 [12]  、省级可持续发展实验区 [13]  、河南改革发展和加强党的建设综合试验示范县、2019年全国村庄清洁行动先进县 [14-15]  、县城新型城镇化建设示范县。 [16] 

元素偏移量offset系列

可以动态的得到该元素的位置（偏移），大小等。

获得元素距离带有定位父元素的位置

获得元素自身的大小（宽度/高度）

注意：返回的数值都不带单位

常见属性

element.offsetParent 返回作为该元素带有定位的父级元素 如果父级都没有定位则返回body

element.offsetTop 返回元素相对带有定位父元素上方的偏移

element.offsetLeft 返回元素相对带有定位父元素左边框的偏移

element.offsetWidth 返回自身包括padding，边框，内容区的宽度，返回数值不带单位

element.offsetHeight 返回自身包括padding，边框，内容区高度，返回数值不带单位

offset与style的区别

offset （获取元素大小位置）

可以得到任意样式表中的样式值

获得的数值没有单位

offsetWidth包含padding+border+width

offsetWidth等属性只是只读属性，只能获取不能赋值

style （元素更改值）

只能得到行内样式表中的样式值

style.width获得的1是带有单位的字符串

style.width获得不包含padding和border的值

style.width是可读写属性，可以获取也可以赋值

元素可视区client系列

可以动态的得到该元素的边框大小，元素大小等。

常见属性。

element.clientTop 返回元素上边框的大小

element.clientLeft 返回元素左边框的大小

element.clientWidth 返回自身包括padding，内容区的宽度，不含边框，返回数值不带单位

element.clientHeight 返回自身包括padding，内容区的高度，不含边框，返回数值不带单位

立即执行函数：

不需要调用，立马自己进行执行的函数

写法：（function（）{}) () (function(){}())

独立创建了一个作用域，里面变量都是局部变量，不会有命名冲突的情况。

pageshow事件

在页面显示时触发，无论页面是否来自缓存。在重新加载页面中，此事件会在load事件触发后触发，根据事件对象中的persisted来判断是否是缓存中的页面触发的pageshow事件

注意：此事件是给window添加

元素滚动scroll系列

可以动态的得到该元素的大小，滚动距离等

常见属性

element.scrollTop 返回被卷上去的上侧距离，返回数值不带单位

element.scrollLeft 返回被卷上去的左侧距离，返回数值不带单位

element.scrollWidth 返回自身实际的宽度，不含边框，返回数值不带单位

element.scrollHeight 返回自身实际的高度，不含边框，返回数值不带单位

页面被卷去的头部

如果浏览器的高（或宽）度不足以显示整个页面时，会自动出现滚动条。当滚动条向下滚动时，页面上面被隐藏掉的高度，我们就称为页面被卷去的头部。滚动条在滚动时会触发onscrool事件。

mouseenter和mouseover的区别

当鼠标移动到元素上时就会触发mouseenter事件。

类似于mouseover

mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发

mouseenter不会冒泡

跟mouseenter搭配鼠标离开mouseleave同样不会冒泡

封装简单动画函数

**动画实现原理：**通过定时器setInterval（）不断移动盒子位置

实现步骤：

获得盒子当前位置

让盒子在当前位置加上1个移动距离

利用定时器不断重复这个操作

加一个结束定时器的条件

注意此元素需要添加定位，才能使用element.style.left

动画函数简单封装

动画函数给不同元素记录不同定时器

如果多个元素都使用这个动画函数，每次都要var声明定时器。我们可以给不同的元素使用不同的定时器（自己专门用自己的定时器）

核心原理：利用JS给当前对象添加属性

**缓动效果原理：**缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来。

思路：

让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。

核心算法：（目标值-现在的位置）/10 做为每次移动的距离步长。

停止的条件：让当前盒子位置等于目标位置就停止定时器。

动画函数添加回调函数

回调函数原理：函数可以作为一个参数，将这个函数作为参数传到另一个参数里面，当那个函数执行完毕之后，再执行传进去的这个函数，这个过程就叫做回调。

回调函数写的位置：定时器结束的位置

每日一句

真诚是美酒，年份越久越醇香浓型；真诚是焰火，在高处绽放才愈是美丽；真诚是鲜花，送之于人手有余香。

兰考微信公众号开发【兰考网络推广】兰考建站、兰考网站维护、兰考网页制作、兰考微信小程序代运营公司