我不是小梅子-CSDN博客

原创杂谈如何学习JS 如果学起来很吃力怎么办！

Js给初学者的印象总是那么的“杂而乱”，相信很多初学者都在找轻松学习Js的途径。在这里给大家总结一些学习Js的经验，希望能给后来的学习者探索出一条“轻松学习Js之路”。Js给人那种感觉的原因多半是因为它如下的特点：A：本身知识很抽象、晦涩难懂（真的难懂），如：闭包、内置对象、DOM。B：本身内容很多，如函数库、对象库就一大堆。（内容五花八门）C：混合多种编程思想。它里面不但牵涉面向过程...

2019-12-01 21:46:22 626

原创变量提升和函数提升，举例说明！

首先来段总结：引擎在读取js代码的过程中，分为两步。第一个步骤是整个js代码的解析读取，第二个步骤是执行。在读取代码的过程中，就产生了将所有声明提升到顶端，然后再从上往下执行。由此产生了变量提升和函数提升。1.变量提升只会提升变量名的声明，而不会提升变量的赋值初始化，同理，函数声明也是如此。2.函数提升的优先级大于变量提升的优先级，即函数提升在变量提升之上。记住这两句话，就可以从容不迫的...

2019-12-01 21:34:03 190

原创无敌 JS 函数大全 (可能很全吧！)

（暂时找来看大部分不懂）js函数大全js函数集·字符串(String)1.声明var myString = new String(“Every good boy does fine.”);var myString = “Every good boy does fine.”;2.字符串连接var myString = "Every " + "good boy " + “does fi...

2019-12-01 21:18:01 182

运算符主要用于连接简单表达式，构成一个复杂的表达式，而表达式是为了得到返回值，js中，表达式必定会返回一个值。（js中，预期为值的地方都可以使用表达式）JS的运算符：1.有一些运算符可以用于任何数据类型的计算，比如typeof运算符2.大部分运算符希望操作数是特定的类型，然后计算出特定的类型值（因此，运算符会根据需要对操作数进行数据类型转换，比如*号，只能用于操作数值，那么运算符两边是字符串...

2019-12-01 21:01:32 189

原创 for 循环各类案例题目附答案

1.求1-100的寄数和？ //2.奇数求和 var ppt=0 for(var i=1;i<=100;i+=2){ ppt+=i }2.求1-100的偶数和？ var num=0 for(var i=0;i<=100;i+=2){ //i+=2 意思为i=i+2 ...

2019-12-01 20:58:39 4372

原创 JS 数据类型分类

JS数据类型分类和判断在前端笔试面试中“JS数据类型的分类和判断”是高频的基础考点，今天总结一下，对正在准备找工作的小伙伴应该有所帮助～JavaScript中有6种数据类型：数字（number）、字符串（string）、布尔值（boolean）、undefined、null、对象（Object）。其中对象类型包括：数组（Array）、函数（Function）、还有两个特殊的对象：正则（RegE...

2019-11-23 14:09:48 302

原创仿bootstrap的栅格系统支持移动端和 pc 端

栅格系统 .col栅格系统是横向布局的处理提示如果父容器：不使用.row 那么自己清除浮动计算父容器高度容器 .row将.row 容器等分为 12 份屏幕.col-xs-xx < 768 屏幕尺寸.col-sm-xx >=768 >992 屏幕尺寸.col-md-xx >=992 >1200 屏幕尺寸.col-lg-xx >=...

2019-11-23 11:39:03 744

原创 JS 用for来求小球从 100 米高度自由落下，每次落地后反跳回原高度的一半；再落下，求它在第 10 次落地时，共经过多少米？第 10 次反弹多高？

运用for循环来实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-11-23 11:22:51 2975

原创 js if else 是什么

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-11-23 11:18:08 248

原创 Js 什么是 for循环

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-11-23 11:14:22 111

转载 css笔记转载

点击链接后退页面：回到上一个网页——修改placeholder提示的样式：1.除IE外通用写法类名或标签名::placeholder {color: red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-space: nowrap）、省略号（text-overflow:...

2019-11-11 20:26:46 291

原创定位

定位(position)staticstatic 默认值，无定位，不能当作绝对定位的参照物，并且设置标签对象的left、top等值是不起作用的的。relative（相对定位）相对定位是相对于该元素在文档流中的原始位置，即以自己原始位置为参照物。有趣的是，即使设定了元素的相对定位以及偏移值，元素还占有着原来的位置，即占据文档流空间。对象遵循正常文档流，但将依据top，right，bottom...

2019-11-11 20:16:59 74

原创边框盒子和内容盒子的区别

CSS 盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：不同部分的说明：Margin(外边距) - 清除边框外...

2019-11-11 20:09:18 1242

原创 CSS 文本样式设置

css 常用文本样式color设置文字的颜色font-size 设置文字的大小，如font-size：12pxfont-family 设置文字的字体，如font-family：‘微软雅黑’font-style 设置文字是否倾斜，如font-style：‘normal’，设置不倾斜，‘italic’设置文字倾斜font-weight 设置文字是否加粗，如font-weight：bold...

2019-11-11 19:54:43 133

原创清除所有CSS默认样式

通常的清除默认样式*{ margin:0; padding:0}li{ list-style:none}img{ vertical-align:top; border:none}设置默认字体body,button, input, select, textarea /* for ie */ { font: 14px/1.5 taho...

2019-11-11 19:47:17 3681

原创浮动与清除浮动

float在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。关于浮动的两个特点：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。**<!DOCTYPE html><html lang="en"><hea...

2019-10-24 21:13:37 142

原创 web常见的五种前端布局方式

web大前端布局web大前端布局常用的布局常用的布局一般分为一下几大类：文档布局（text）文档流本质是 nomal flow （普通流、常规流）元素在文档中的特点块级元素，和内联元素。块级元素：是自带有这行效果，在文档中独占一行的效果，块状元素会自上而下的排列且在默认宽度是父元素的100%而高度默认被内容撑开。内联元素：内联元素在文档流中只占自身的大小，会默认从左向右排列，如果...

2019-10-23 21:19:57 3287 2

原创 css盒模型设置盒子阴影