- 博客(28)
- 收藏
- 关注
原创 javascriptES6 -let 经典面试题
面试题1:var arr=[]; for (var i=0;i<2;i++){ arr[i]=function(){ console.log(i); } } arr[0](); //2 arr[1]();//2在上面的代码中可以看出 arr0和arr1可以看成console.log(i);那么代码就变成了var arr=[]; for
2020-10-14 21:52:46
265
原创 javascript递归函数求阶乘
代码如下:function fn(n){ if(n==1){ return 1; } return n*fn(n-1);}console.log(fn(5));运行结果:120
2020-10-06 20:48:30
1023
原创 js中let、const、var 的区别
使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象。使用let声明的变量,其作用城为该语句所在的代码块内,不存在变量提升。使用const声明的是常量,在后面出现的代码中不能再修改该常量的值。...
2020-10-05 22:58:27
138
原创 js中匀速动画和缓慢动画
缓动动画函数封装obj目标对象 target 目标位置 思路:让盒子每次移动的距离慢慢变小, 速度就会慢慢落下来。核心算法:(目标值 - 现在的位置) / 10 做为每次移动的距离 步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器缓动动画就是 盒子当前的位置 + 变化的值(目标值 - 现在的位置) / 10)function animate(obj,target0){ //step是变化的值 //步长取整 var step=Math.cei.
2020-09-21 19:49:50
306
原创 js中匀速动画和缓慢动画
缓动动画函数封装obj目标对象 target 目标位置 思路:让盒子每次移动的距离慢慢变小, 速度就会慢慢落下来。核心算法:(目标值 - 现在的位置) / 10 做为每次移动的距离 步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器缓动动画就是 盒子当前的位置 + 变化的值(目标值 - 现在的位置) / 10) function animate(obj,target0){ //step是变化的值 //步长取整 var step=Math..
2020-09-18 17:55:06
243
原创 js简单发表留言
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> textarea {
2020-09-17 21:03:18
136
原创 js中常用属性和方法
常用的:e.target//e.target是指向我们点击的对象,那个触发了事件,点那个li你们a.target就指向li //this是指向绑定的对象,绑定了ul那么this指向ul var ul=document.querySelector("ul"); ul.addEventListener("click",function(e){ console.log(e.target); console.log.
2020-09-16 19:34:24
265
原创 DOM简介-DOM树
DOM简介1.DOM树文档:一个页面就是一个文档,DOM 中使用 document 表示元素:页面中所有的标签都是元素,DOM 中使用 element 表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM 中使用 node表示...
2020-09-12 19:49:38
220
原创 用js计算方差
公式如下:代码实现:function fc(arr){ var sum=0; var s=0; for(var i=0;i<arr.length;i++){ sum+=arr[i] } ave=sum/arr.length; for(var j=0;j<arr.length;
2020-09-11 18:45:47
2037
1
原创 用js验证哥德巴赫猜想
案例:验证哥德巴赫猜想哥德巴赫猜想:任何偶数都可以拆成两个素数的和 从6开始,前面的口算就能算出来 封顶值:100000For(varn=6;n<=100000;n+=2){ xxxxxxxxxxxxxxxx }vvar num,s; var sum=0,count=0; for(var n=6;n<=Math.pow(10,5);n+=2){ //从6开始判断,直到100000结束 for( var a=2;a<=n;a++){
2020-09-10 18:34:04
372
原创 JavaScript循环结构案例
一、讨厌的数字3要求:输出不含3的三位数,还不能是3的倍数,例如143的个位是3不可以,141是3的倍数也不可以。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>讨厌数字三</title></head><script type="text/javascript"> var a; a=
2020-09-08 18:34:17
222
原创 JavaScript中while和do-while的区别
循环结构循环结构的基本概念循环:重复干一件事情重复执行一块代码While循环案例:GDP预测2000年美国的GDP是142562.75亿美元,而中国是49089.82亿美元假设美国的经济赠长率为2%,而中国是8%,预测中国什么时候能超过美国<script type="text/javascript "> var china=49089.82; var america=142562.75; var year=2009; while(china<
2020-09-07 20:19:03
1846
原创 javascript中得到两个整数中随机一个整数的方法
function getRandom(min,max){ return Math.floor(Math.random()*(max-min+1))+min; } console.log(getRandom(1,10));
2020-09-05 19:13:58
418
原创 CSS—伪类与伪元素选择器
伪类(不存在的类,特殊的类)伪类用来描述一个元素的特殊状态 比如:第一个子元素、被点击的元素、鼠标移入的元素…伪类一般情况下都是使用:开头:first-child 第一个子元素:last-child 最后一个子元素:nth-child() 选中第n个子元素:only-child 特殊值: &n
2020-08-28 09:01:55
156
原创 盒子模型—外边距折叠
垂直外边距的重叠(折叠)相邻的垂直方向外边距会发生重叠现象兄弟元素- 兄弟元素间的相邻垂直外边距会取两者之间的较大值(两者都是正值)- 特殊情况:如果相邻的外边距一正一负,则取两者的和如果相邻的外边距都是负值,则取两者中绝对值较大的兄弟元素之间的外边距的重叠,对于开发是有利的,所以我们不需要进行处理父子元素- 父子元素间相邻外边距,子元素的会传递给父元素(上外边距)- 父子外边距的折叠会影响到页面的布局,必须要进行处理...
2020-08-27 18:07:32
179
原创 2020 8 26 笔记整理
一、背景相关属性background-color 设置背景颜色background-image 设置背景图片可以同时设置背景图片和背景颜色,这样背景颜色会成为图片的背景色如果背景的图片小于元素,则背景图片会自动在元素中平铺将元素铺满如果背景的图片大于元素,将会一个部分背景无法完全显示如果背景图片和元素一样大,则会直接正常显示background-repeat 用来设置背景的重复方式可选值:repeat 默认值 ,背景会沿着x轴 y轴双方向重复repeat-x 沿着x轴
2020-08-26 20:09:15
106
原创 2020 8 25 笔记整理
CSS基本概念:CSS(Cascading Style Sheet) 层叠样式表一、选择器元素选择器作用:根据标签名来选中指定的元素语法:标签名{}例子:p{} h1{} div{}id选择器作用:根据元素的id属性值选中一个元素语法:#id属性值{}例子:#box{} #red{}类选择器作用:根据元素的class属性值选中一组元素语法:.class属性值{}通配选择器作用:选中页面中的所有元素语法: * {} 1.行内样式(内嵌样式):<h1 st
2020-08-25 15:31:39
165
转载 CSS的class常用命名规则
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索
2020-08-25 09:32:51
7843
原创 2020-08-24 笔记整理
Table表格表格的组成部分:标题、头部、主体、底部table:定义一个表格caption:定义表格的标题thead:头部部分tbody:定义表格的主体(数据)部分·tfoot:定义表尾,一般显示汇总信息tr 定义一行th td 来定义数据项(单元格) th 一般用于表头,有加粗的样式。td 一般用于主体部分,没有加粗的样式td rowspan和colspan 分别定义了单元格的行的行数,跨列的列数。cellpadding:数据与表格之间的距离cellspacing:表格与表格之间的
2020-08-24 17:50:59
111
原创 2020 8 23 笔记整理
基础标签标题标签 h1~h6h1~h6 语义越来越轻页面上只有一个 h1 标签段落标题 p一段一段文字的时候使用<h3>登鹳雀楼</h3><p>白日依山尽,</p><p>黄河入海流;</p><p>欲穷千里目,</p><p>更上一城楼。</p>链接标签 a页面间的跳转页面内的跳转<a href="http://www.baidu.com" title="我
2020-08-23 20:58:41
72
原创 html中的单标签与双标签
单标签:只有一个<>组成,例如<br/>双标签:由<></>组成,有始有终,<>表示标签开始,</>表示标签结束,例如<div>...</div>常见的单标签有<br/><hr/><img/><input><link>常见的双标签有<html><head><title><body&g.
2020-08-23 20:40:32
3572
原创 块元素、行内元素和行内块元素的区别以及转换
块元素(block)可以设置其宽度、高度,内外边距,独占一行默认宽度为100%不受空格影响可以容纳行内元素和其他块元素常见的块元素:div,h1~h6,ul,li,p,table等行内元素(inline-level)不支持宽高(宽高根据内容大小自动撑开),自左向右排列受空格影响默认宽度是自身内容的宽度不独占一行常见的行内元素:span,i,a,b,strong,em,sub,sup等行内块元素(inline-block)支持宽高,自左向右排列受空格影响不独占一行具备
2020-08-23 19:58:11
662
1
原创 浅谈post与get的区别
1、url可见性:get,参数url可见;post,url参数不可见2、数据传输上:get,通过拼接url进行传递参数;post,通过body体传输参数3、缓存性:get请求是可以缓存的post请求不可以缓存4、后退页面的反应get请求页面后退时,不产生影响post请求页面后退时,会重新提交请求5、传输数据的大小get传送的数据量较小,一般传输数据大小不超过2k-4k(这主要是因为受URL长度限制;)post传送的数据量较大,一般被默认为不受限制。6、安全性get是不安全的,
2020-08-23 15:24:14
129
原创 你好,我的博客
你好,我的博客:今天是我开通博客的第一天,也是我在嘉兴为期三个月的第一天正式学习,感觉真的不一样,要尝试很多不敢尝试的东西,会是值得回忆的三个月吧。在博客呢,会总结一些学习上问题,还有点点滴滴的进步。。。...
2020-08-22 19:33:22
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人