东北玛丽的CSDN

原创 小程序商品详情页底部弹出框

WXML <!--屏幕背景变暗的背景 --> <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view> <!--弹出框 --> <view animation="{{animationData}}" class="com...

原创 ajax中get与post区别

post和get两种方式的整体思路一致，只是细节上有所差别使用open准备请求时，参数1需要设置为post，参数2只需要设置后端程序地址。将需要传递到后端的数据拼接成一个独立的字符串，字符串的格式为 ==var str = ‘key=value&key=value&....’;== （内部结构跟get传参时的结构一致）调用setRequestHea...

原创 常用的http状态码

200 请求成功302 重定向304 缓存403 没有权限404 找不到页面500 服务器内部错误

原创 get和post区别

（1）提交方式get会将数据显式的拼接到url地址栏中 (字符串)例如： form.php==?id=10001&amp;username=heiheihei&amp;==passwd=123456&amp;key=value…key=value方式传参，多个参数之间使用&amp;符号隔开post不会显示出来（2）传递数据量大小post最小值是2M，默认8M，可以通过修改php配置...

翻译 每种表单域的提交方式

原创 cookie sessionStorage localStorage

cookie：（1）存储数据大小：4kb（2）有效期：关闭浏览器消失，如果设置了有效期，在有效期内有效（3）是否在请求报文中携带：会（4）存储键值对个数：限制20个，不同浏览器支持个数不同localStorage（1）存储数据大小：20mb左右（2）有效期：永久有效，手动删除（3）不会在报文中携带（4）存储键值对个数：没有限制sessionStorage（1）存储数据大小：5...

原创 客户端存储 换肤案例

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;select n

原创 私有前缀

私有前缀当做是解决兼容性问题的一个方案css加私有前缀：-webkit- (谷歌)-moz- (火狐)-o- (欧朋)-ms- (IE)例：.box{ -webkit-transition: all 1s; -moz-transition: all 1s; -o-...

原创 点击按钮全屏操作

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;style&gt;.box{ width: 100px; height: 100px; background-color: red;} &lt;/st

原创 3D切割轮播图

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;div class

原创 3D透视

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt;#tp:hover{ transition: all 3s; //

原创 css3动画

@keyframes 自定义名称{ 0%{ width:100px; } 100%{ width:200px }}需要调用 ： animation 自定义名称 动画时间；animation 动画属性animation-name 动画序列名称animation-duration 动画时长animation-timing-function...

原创 css3转换：缩放 位移 旋转 倾斜

位移：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;style&gt;.box{ width: 100px; height: 100px; background-color: aqua;} .b

原创 过渡

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;style&gt;.box{ width: 100px; height: 200px; background-color: aqua;} .box:h

原创 属性选择器

[attr=value] 选中E元素中属性有attr的且属性值为value的元素[attr^=value] 选中E元素中属性有attr的且属性值以value开头的元素[attr$=value] 选中E元素中属性有attr的且属性值以value结尾的元素[attr*=value] 选中E元素中属性有attr的且属性值包含value的元素例：&lt;!DOCTYPE html&gt;&...

原创 splic

(1)splic(1) 删除索引为1以后的数 var user=['张三','李四','dd','王五']; user.splice(1); console.log(user);执行结果：（2）splic(1,3) 删除索引从1-3的数 var user=['张三','李四','dd','王五','马六']; user.splice(1,3); ...

原创 unshift shift push pop

unshift:向数组的开头添加一个或更多元素，并返回新的长度【原数组会发生变化】 var user=['张三','李四']; user.unshift('王五'); console.log(user);执行结果：push:向数组的末尾添加一个或更多元素，并返回新的长度 【原数组会发生变化】 var user=['张三','李四']; user.push('王五...

原创 简单数据类型和复杂数据类型在内存中的存储

基本数据类型:指的是 简单的数据类型，也叫值类型，有数字Number、字符串String、布尔Boolean、未定义Undefined、空Null引用数据类型指的是 复杂的数据类型， 也叫引用类型，有数组Array、函数Function、对象等存可以分为栈区 和 堆区栈区：用来存储用 基本类型的数据 和 引用类型数据的地址。堆区：用来存储 引用类型数据的数据。基本类型数据传递...

原创 遍历对象的成员

遍历方式：for in语法：for(var key in 对象){ //key 是对象中的每一个键 //对象[key]; }代码：var student = { name:'啊哈', age:17, gender:'男',};for(var key in student){ console.log(student1[key]);}...

原创 new关键字~

作用：通过调用构造函数创建对象new关键字的执行过程：① 在内存中创建了一个空的Object类型的对象（看不见）② 让this关键字指向这个空的对象（看不见）③ 通过this给这个对象添加属性和方法（看的见）④ 将对象 返回给用new关键字调用构造函数的 调用者(看不见)备注：Object在JS中是祖宗类（构造函数），所有不同类型的对象，都直接或间接的继承于它...

原创 创建对象的几种方式

（1）通过 new关键字调用系统提供 Object构造函数var 变量名 = new Object(); //创建一个对象var 变量名 = {}; //字面量，是对new Object(); 的一个简写 推荐使用（2）方式2：通过创建并调用 自定义构造函数// 自定定义的构造函数function 函数名(参数1, 参数2...){ // 构造函数命名首字...

原创 匿名函数和自调用函数

函数创建的第二种方式：函数表达式var 变量名 = function() { //函数体;}自调用函数（自调用函数）自执行函数就是匿名函数 创建后马上调用执行//匿名函数 【常用的方式】 (function(){ //函数体})();//匿名函数 【常用的方式】(function(形参,形参){ //函数体})();自调用函数的优点可以避免全局变量污染（...

原创 预解析

什么是预解析？程序准备→执行。程序在执行之前，有个预备过程。 预备过程要做的事就是预解析。预备过程要做两件事，分别是：把用 var关键字所声明的变量名（ 仅仅是变量名），提升到当前执行环境（作用域）的顶部。把用 函数声明所创建的函数（ 函数整体），提升到当前执行环境（作用域）的顶部。alert(age); // ?此代码的运行结果 答案：报错，因为不存在这个变量alert(...

原创 作用域和作用域链

什么是作用域？变量可访问的范围全局作用域： 函数之外的执行环境全局变量：在全局作用域中用var关键字创建的变量访问范围：程序的任何地方局部作用域： 函数体内的执行环境局部变量：函数定义的形参以及在函数体中用var关键字定义的变量作用域链：当访问一个变量时，会先从本作用域中去找这个变量，若找不到则向上一级作用域中去找，依次类推，就形成了一个作用域链代码：var a = 1;fu...

原创 函数的返回值

return 关键字作用：可以终止函数的执行可以 将数据返回给调用者，调用者 可以用变量接收函数返回的结果语法：// return 关键字，要在函数体内使用function 函数名(形参,形参,形参) { //① 函数体内没有return时; 函数默认返回undefined //② return 数据; //终止函数，并返回数据。 //③ return; //终...

原创 函数的形参和实参

参数可用分为形参和实参形参，在 函数创建时，在小扩号中定义的标识符实参，在 函数调用时，在小扩号中所传入的实际的数据语法：function 函数名(形参,形参,形参...) {//形参，就是一个占位符，命名规则和规范和变量一样 //函数体}函数名(数据,数据,数据...); //实参，就是实际的数据代码：//创建函数function getSum(n,m) { ...

原创 数组的索引，length属性~以及遍历数组

语法：数组名[下标]; 下标 也叫 索引// 下标 0 1 2 3var userNames = ['张三','李四','王五','赵六'];// 获取李四console.log(userNames[1]); // 李四console.log(userNames[4]); // undefined 设置（修改）数组中的元素//...

原创 创建数组的两种方式~

（1）构造函数创建数组代码：var userNames = new Array('张三','李四','王五','赵六');图解：（2）字面量创建数组：代码：var arr=[1,2,3,4];图解：var 变量 = new Array(数字);若小括号中只有一个数字时，表示数组在内存中连续申请了n个空间，每个空间的默认值是 undefined。如： var userN...

原创 break和continue

break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）

原创 循环语句while~do while~ for循环~

while语句基本语法：// 当循环条件为true时，执行循环体，// 当循环条件为false时，结束循环。while (循环条件) { //循环体}代码示例：// 计算1-100之间所有数的和// 初始化变量var i = 1;var sum = 0;// 判断条件while (i &lt;= 100) { // 循环体 sum += i; // 自增...

原创 三元表达式

三元表达式：两个分支，最终的结果是两个分支中的一个，这种情况用三元表达式语法：表达式1？表达式2；表达式3；执行过程：表达式1的结果是true还是false，如果是true，则执行表达式2，然后把结果给变量，如果表达式1的结果是false,则执行表达式3，把结果给变量案例1：求两个数字中的最大值var x=10;var y=20;var result=x&gt;y?w;y;cons...

原创 分支结构 if语句

语法结构：if (/* 条件表达式 */) { // 执行语句}if (/* 条件表达式 */){ // 成立执行语句} else { // 否则执行语句}if (/* 条件1 */){ // 成立执行语句} else if (/* 条件2 */){ // 成立执行语句} else if (/* 条件3 */){ // 成立执行语句} else { ...

原创 一元运算符~前置++后置++

前置++：先加1，后参与运算后置++：先参与运算，后加1同理：前置-- ：先减1，后参与运算后置-- ：先参与运算，后减1

原创 数据类型转换

转换成字符串类型(1) toString()null和undefined值没有这个方法 &amp;lt;script&amp;gt; var num1=1; var num2=&quot;2&quot;; var num3=true; var num=num1.toString(); 数字// var num=num2.toString(); 字符串...

原创 简单的数据类型

简单的数据类型有五种：undefined null number boonlean stringNumber类型（数字类型）：这种数据类型表示整数和浮点数数值字面量：数值的固定值的表示法浮点数：浮点数的精度问题String类型（字符串类型）：字符串字面量：‘程序猿’，‘程序媛’字符串可以由单引号（‘’）或双引号（“”）表示字符串长度：length属性用来获取字符串的长度转义符：...

原创 交换变量小案例

&lt;script&gt; var num1=1; var num2=2; var num; num=num1; num1=num2; num2=num; console.log(num2); &lt;/script&gt;

原创 声名变量以及变量的命名规范

首先，我们来说什么是变量：变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据为什么要使用变量：使用变量可以方便的获取或者修改内存中的数据如何使用变量：var声名变量：``var age;变量的赋值：var age;age = 18;同时声名多个变量：var age, name, gener;\age=40;name=‘lisa’;同时声名...

原创 css初始化

&lt;style&gt; body, ul, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, input, form { margin: 0; padding: 0; } li { list-style: none; } img { /*清除图片底部缝隙*/ vertical-align: middle; /*...

原创 导航栏鼠标移入变色

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt;body,ul{ padding: 0; margin: 0

原创 精灵图（雪碧图）介绍及使用~

目的：为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度本质：CSS精灵图是一种处理网页背景图像的方式，它将一个页面涉及到的所有零星背景图像都集中到一张大图中去，然后将大图应用于网页，这样，当用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来精灵图的使用：CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图），然而，各个网页元素通常只需要精灵...