weixin_50272302的博客

原创 移动端笔记

在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备一． Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小：document.documentElement.clientWidth移动设备上

原创 2020-10-06

什么是AjaxAjax=异步处理javascript和XML（Asynchronous JavaScript and XML）在不重新加载网页的情况下，Ajax通过后台加载数据，并且在网页上显示Load（）方法语法:$(选择器).load(url,data,callback)url.服务器的地址，获取数据或者推送的地方（必须写）data:需要给服务器的数据，需要去添加，比如说登录的接口需要传递“用户名和密码”，获取货品信息，则不需要传递任何的参数。数据类型键值对，键值对的“键”和服务器保持完全

原创 2020-10-05

■Ajax←语法$.ajax(SON)←JSON常用的参数←url,服务器的地址，获取数据或者推送的地方data,需要给服务器的数据，需要去添加，比如说登录的接口需要传递用户名和密码”，获取货品信息，则不需要传递任何的参数。数据类型键值对，键值对的“键”和服务器保持完全一致，包括键名的大小写←type:数据提交的方式GET/POST←timeout:请求等待的时间，时间为毫秒，一般10秒←success:请求成功，做返回处理←error:请求失败←datatype:预期的服务器相应的数据类

原创 2020-09-30

一.显示、隐藏jQuery 中显示方法为:.show()，隐藏方法为:.hide()。在无参数的时候，只是硬性的显 示内容和隐藏内容。$(’.show’).click(function () { //显示$('#box').show();});$('.hide').click(function () { //隐藏$('#box').hide(); });二.滑动、卷动jQuery 提供了一组改变元素高度的方法:.slideUp()、.slideDown()和.slideToggle()

原创 2020-09-29

基本选择器：（1）id选择器KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲idName”)(2)类选择…(“.className”)(3)元素选择器(“TagName(标签名)”)(4)选择所有元素(“TagName(标签名)”)(4)选择所有元素(“TagName(标签名)”)(4)选择所有元素(“*”)(5)选择器分组$(“选择器1，选择器2，选择器N”)层次选择器：（1）后代元素 (“祖先元素后代元素”)(2)

转载 cookie详情

npm install js-cookie -Simport Cookies from 'js-cookie'写入Cookies.set('键名','键值')Cookies.set('键名','键值',{expires:1}) //0.01约为25分钟获取Cookies.get('键名')删除Cookies.remove('键名')

原创 2020-09-18

常用对象Window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法：Window.innerWidthWindow.innerHeight常用的方法：Open：打开一个新的窗口，要传三个参数；第一个为将要打开的窗口路径第二个：打开的方式 ； 第三个为对于新打开浏览器的描述（宽，高等等）var myWindow = window.open(“https://www.baidu.com/”,"_b

原创 2020-09-17

DOM概念DOM（Document Object Model）:文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点（2）节点名称就是属性名，节点值就是属性值Txt1是一个文本节点（3），节点

原创 2020-09-16

转载 2020-09-14

参考：https://blog.csdn.net/bobobocai/article/details/78028497用到js 的sort()方法 定义和用法sort() 方法用于对数组的元素进行排序。参数 描述 sortby 可选。规定排序顺序。必须是函数。  返回值对数组的引用。请注意，数组在原数组上进行排序，不生成副本。 说明如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序

转载 Js声明数组的四种方法

//第一种var A=[12,78,78,78,89]console.log(A) //第二种var B=new Array();B[0]=12B[1]=34B[2]=56console.log(B) //第三种var C=new Array(3);C[0]=12C[1]=34C[2]=56console.log(C) //第四种 var D=new Array(45,78,89,45);console.log(D) ...

原创 2020-09-11

6数组6.1 数组的概念案例：计算五名同学的平均分这个程序非常简单，但是如果要计算100人的呢？要复制100编吗？我们要用到循环但是循环好像做不了，因为无法去控制变量a1，a2，也就是说无法将循环变量和变量a1，a2联系起来这段代码能够实现同样的功能，而且如果是100人的话，只需要把循环的条件改成i<100即可，整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢，因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了，改变成名称加序号的方式（a[0]

原创 参数传递

参数传递参数传递，就是将实参的值传给形参。通过调试我们可以看键，形参在函数被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给形参参数传递有两种方式：值传递与引用传递值传递A的值并没有显示预期中的6，还是5，这是因为形参x与实参a是两个不同的变量，x的变化与a没有任何的关系引用传递a. value没有被显示修改，但是a.value确实加了1，因为x就是a，或者说x是a的别名 专业一点就叫引用常规类型的参数采用的是值传递，比如Number，String,Boole

原创 今日笔记

函数5.1 函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的？不用管，只要用在主程序中，我们一直调用isSXH就可以了函数给我们的思想，对一个规模大，难度高的问题提供一个解决问题的思路，将问题拆分，分解成规模小，难度小的问题，如果说，分解之后问题依然很难，那么接着分解从，直到最后的问题足够小，总之就是“大事化小”（1） 需要找出1-100之内所有的素数，假设班里有个同学可以帮你判断一个数是否是素数，那么这个同学就是函数（数字需要自己提供）（2） 你想吃小龙虾

原创 JavaScript（循环）

Else if案例：成绩评语输入一个零到一百的成绩90-100：666，真厉害80-90：还不错了70-80：还有很大的进步空间60-70：要小心，马上就快挂了<60：孩子多半是废了。。。。。var score = prompt("请输入你的成绩！"); if(score>90&&score<=100){ alert("666，真厉害！"); }else if(score>80&&score<=

原创 JavaScript笔记案例

选择结构程序中有三大结构，顺序，选择，循环顺序：代码从上到下一行一行的执行选择：代码有分支，有选择的循环：重复执行某一段代码为什么需要选择结构刚刚的计算三角形面积的案例，如果说，当输入的三条边不能构成三角形时，就不能使用公式计算在生活中，也有很多的选择比如说明天放假，有对象的和对象出去玩没有的在寝室长蘑菇再比如说看看这个月还剩下多少天，口袋里还剩下多少钱钱多天天大鱼大肉钱少只能吃泡面基本if语法If 如果else 否则案例：绝对值输入一个数，如果这个数是正数，那么输

原创 2020-09-04

变量Var variable的简写，声明一个变量变量的命名规则：（1） 一般情况下，变量名由大小写字母与数字组成，也可以使用 $ , _特殊字符；（2） 但是呢，变量名是不能以数字开头的，这样会与八进制或十六进制冲突（3） 关键字不能用，关键字这个名字已经被JavaScript内部使用了规范：（1） 起名要见名思义，看到名字就知道这个变量是用来干嘛的（2） 要使用英文单词，不要去使用拼音，也不要使用中文（3） 小驼峰：第一个单词以小写字母开始；从第二个单词开始以后的每个单词的首字母

原创 定位

定位默认的文档流很多时候不能满足我们的要求，那么我们就需要更多的、更丰富的布局手段，这个时候就需要定位了定位方式有static、fixed、relative、absoluteStatic静态定位（默认）无定位，元素正常出现在流（文档流）中不受left，right，top，bottom的影响< !DOCTYPE html><html><head><meta charset="utf-8"><title></title&g

原创 选择器

1.1元素选择器用标签名来作为选择器，选中所有相应的元素<ID0CTYPE html><html><head><meta charset="utf-8"><title></title><style type-"texts">div{font-size: 30px;font-family:楷体;}</sty1e></head><body><div>元

原创 css基础属性

1.颜色RGB（red greed bule）（0，10，256）#0010FFCSS中颜色的表示方法预定义颜色：bule ，red，black。。。十六进制颜色：#0f0f0fRGB颜色（128，0，0）全红RGBA，在RGB的基础上又添加了表示透明度的AlphaHSl：用色调，饱和度，和透明度三个分量来表示颜色HSLA：在HSL的基础上又添加了表示透明度的Alpha代码实现：<p style="color: blue;">预定义颜色</p>

原创 CSS的基本概念

CSS简介CSS分为两部分——CSS选择器和CSS属性。Cascading Style Sheet层叠样式表标签：<p> <div>…之类的标签 使用方式：直接输入标签名类（class）：class名字 使用方式：输入点+class名ID:ID名 使用方式：输入#+id名一般来说我们写CSS文件的时候用的都是第二种方法，class名这是因为ID名一般被用作JS的选择器给cla...

原创 Table和div

table表格的组成部分：标题 表头 主体 表尾<table> <caption>The table</caption> /*表单标题，默认显示上方*/ <tr> ／*行*／ <th>City</th> ／*表头*／ <th>Date</th> <th>Temperature</th> </tr>...

原创 2020-08-23

一、列表标签（1）无序列表语法格式： <ul> <li>文本1</li> <li>文本2</li> <li>文本3</li> </ul> （2）有序列表语法格式： <ol> <li>文本1</li> <li>文本2</li>

原创 HTML单双标签的

一、单标签1：<hr /> <!-- 创建一条水平线 -->2：<meta /> <!-- 元信息 --> 3：<img /> <!-- 图片标签 --> 4：<br> <!-- 换行标签 --> 5：<input> <!-- 用于搜集用户信息 --> 6：<link> <!-- 引入标签 --.

原创 2020-08-23

HTML行内元素： a - 锚点； abbr - 缩写； b - 粗体(不推荐)； big - 大字体； br - 换行； cite - 引用； code - 计算机代码(在引用源码的时候需要)； dfn - 定义字段； em - 强调； font - 字体设定(不推荐)； i - 斜体； img - 图片； input - 输入框； kbd - 定义键盘文本； .

转载 Get和Post的区别

这里 Get和Post的区别是什么？ Get和Post的区别是什么？ <!--文章类型--> <!--原创--> <img class="article-ty

原创 2020-08-22

HTML基本知识web基本概念web: 网页、公众号、动画、小程序h5：html5URL:就是一个地址，网络资源的ID（地址）服务器：服务器是计算机的一种，它比普通计算机运行更快、负载更高、价格更贵。服务器在网络中为其它客户机（如PC机、智能手机、ATM等终端甚至是火车系统等大型设备）提供计算或者应用服务。云服务：阿里云、腾讯云、百度云、华为云有专门的团队提供维护工作浏览器：能帮我们打开网页，Google Chrome、IE、火狐、欧朋、safa...