js25zl19-优快云博客

原创 js的缓存机制——cookie

cookie是用来缓存web页面里的用户信息的，也不只是用户信息还有一些其他的web页面信息*cookie具有时效性JavaScript 可以使用 document.cookie 属性来创建、读取、及删除 cookie一.【创建cookie】document.cookie="username=renjun";1.【加密】汉字加密可以直接使用escape 或者encodeURIComponent直接加密解密用 unescape或者decodeURIComponentconsole.lo

2021-01-30 23:26:02 238

原创原生ajax的请求接口跨域的问题

解决资源不共享问题在请求接口的时候出现错误No ‘Access-Control-Allow-Origin’涉及到跨域资源共享的问题【会跨域的几种情况】：1.协议不同协议有 http:// 和 https:// 两种例如http://www.abc.com/a/b 调用 https://www.abc.com/d/c2.主机名称不同主机名称有 localhost 或者127.0.0.1（主机ip）或者jingdong 、baidu等例如http://www.bai

2021-01-23 23:17:53 380

原创 js中几种常见的继承

1.【原型链继承】核心：将父类的实例做为子类的原型对象*每个函数都有prototype 属性，prototype 指向函数的原型对象*原型对象都有一个默认的constructor属性。constructor属性指向与之关联的构造函数*每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针*实例通过内部指针可以访问到原型对象，原型对象通过constructor指针可以找到构造函数 function Student(name,sex) {

2021-01-23 21:15:58 160

原创原生ajax——五步法写ajax、兼容

局部刷新技术ajax请求：请求后端接口，返回数据到前端，前端根据需求渲染到界面【五步法写ajax】1.创建ajax对象 var http=new XMLHttpRequest();2.建立服务器连接open（）的参数（1）发送请求的参数 get post（2）api路径（3）async 同步或者异步值为：true异步/false同步 ·（可写可不写）其中同步指的是等待请求完成之后再执行后续代码；异步则是请求和后续代码同时执行；（4）连接接口的账号（5）密码 h

2021-01-19 21:54:13 221

原创 js使用函数来创建对象

【直接使用函数创建对象】使用new替换this指针-----实例化//构造函数function pet(name,sex,age){ this.name=name; this.sex=sex; this.age=age; this.play=function(){ return"玩耍"; }; this.eat=function(){ return"吃饭";

2021-01-19 19:22:19 157

原创 js算法题（3）

1、【去除一个数组中的重复的，且按升序排序】 function pai(arr) { var result = []; var i; for (i=0;i<arr.length; i++) { if ( result.indexOf(arr[i]) == -1 ){ result.push(arr[i]); } } return result

2020-12-25 14:18:33 176

原创 js算法题（2）

1.【字符串原位反转】例如：将“I have a dream”反转变为 “I evah a maerd”。 function reverseInPlace(str){ return str.split(' ').reverse().join(' ').split('').reverse().join(''); } console.log(reverseInPlace('I have a dream'));其中：以“I have a dream为

2020-12-25 12:48:46 264

原创 js中常见的四种排序

【插入排序】第一个元素默认是已排序元素，取出下一个元素和当前元素比较，如果当前元素大就交换位置。那么此时第一个元素就是当前的最小数，所以下次取出操作从第三个元素开始，向前对比，重复之前的操作。var arrdata = [1, 9, 4, 2, 5, 3, 0, 8, 6, 7]; function charu(arr) { if (Array.isArray(arr)) { if (arr.length == 1) { r

2020-12-17 23:38:08 256

原创 12.6日面试题例子

递归函数自己调用自己迭代利用原值推算出变量的新值有递归就一定有迭代，有迭代不一定有递归console.time("exp");//方法是开始计算时间console.timeEnd("exp");//是停止计时，输出脚本执行的时间。这两个结合起来可以测量一个javascript脚本程序执行消耗的时间。【问题一】：输入两个字符串，从第一个字符串中删除第二个字符串中的所有字符串，不可以使用replace例如：输入“They are students” 和“aeiou”。则删除之后的第一个字

2020-12-11 11:48:52 315

原创 dom元素的操作

一.dom元素属性的获取操作属性的获取例如：console.log(btnlist.style);console.log(btnlist.style.width);console.log(btnlist.style.height);属性的设置【class的设置】btnlist.className="btn pink";//设置类名，覆盖原先的类名console.log(btnlist.classList);//返回元素的class 列表btnlist.classList.add("d

2020-12-04 11:31:48 113

原创 dom元素的获取

dom指整个网页元素一 .dom元素获取【两个固定获取（静态获取）】1、querySelector 获取；返回的对象为单个对象2、querySelectorAll 获取；返回的是多个对象集合类型NodeList var btnone=document.querySelector(".btn"); var btnall=document.querySelectorAll(".btn"); console.log(btnone); console.log(b

2020-12-04 08:55:09 85

原创 js初级学习第一课

Javascript编程语言的嵌入方法一：内嵌写法在head body里面以script标签的方式去写入方法二：外部引入在head，body 内部进行引入script标签**其中执行代码写在script标签内es5语法的数据类型：（ 6个数据类型）1、数字： Number2、字符串：String3、真假型：Boolean4、对象型：Object对象型细分为以下四类函数类型：Function日期类型：Date数组类型：Array自定义对象：{}5、空值引用：Null （

2020-11-27 16:34:42 89

原创 js学习第一课——函数&闭包

函数（方法）函数的声明一、声明模板function 函数名称（）{/** 代码区域* */}二、函数声明的分类1.具名函数 ——（这种函数具有声明提前） function method(函数的参数列表){ /* * 代码区域 * */ } method()其中method()是执行具名函数执行：函数名称();2.不具名函数（匿名函数） ——（没有声明提前）形式一： var fun

2020-11-27 16:34:32 88

原创 css3的基础应用

css3是css2的升级，相较于css2多了动画，2D/3D的转化，这是两者最大的区别一、css3边框(border)1、border-radius 圆角div{border:2px solid;border-radius:25px;} 也可对四个角设定不同的值，例如;border-radius: 10px 20px 30px 40px;border-radius: 10px 20px 30px;也可以单独对某一个角设角度,例如:border-bottom-left-radius:

2020-11-12 21:22:09 138

原创第三周: Html5新增元素

html5是基于html4的升级版，他的优点在于同时适用于移动端和pc端，其在移动端中可以实现flex(弹性布局) 和多列布局。可以做到移动端自适应浏览器不识别html5时的处理方法进行左兼容性处理，使用csshack来写 <!--[IF lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <!-- 下面这个是国内的静态资源

2020-11-12 21:21:56 150

原创学习第二周——css相关补充

盒子模型盒子包括：边距（外边距margin，内边距padding),边框border，内容（content）；由于浏览器给网页body元素默认一个margin外间距值8px，故一般会在style中首先加入： *{ margin: 0; padding: 0; }BFC：是指元素相对独立，自身的结构和位置不会影响周边元素一下情况具有BFC属性body 根元素浮动元素：float 除 none 以外的值绝对定位元素：position (absolut

2020-11-05 21:49:14 168

原创第二课---css入门

【网页分的种表现形式：视图层（html层）表现层（css层）行为层（js）】CSS定义：指层叠样式表 (Cascading Style Sheets)CSS的样式属性写法：属性：值；CSS分为三种样式：行内样式（内联样式）：直接在元素的行内去写样式写在元素的style属性上内嵌样式（内部样式表）：可以内嵌到网页的 head或者body元素之内写在style标签之内外部样式：在网页的外部建立css文件在文件之内去写css 引入到页面引入位置是head或者body之内

2020-10-29 09:36:12 189

原创 web前端第一课--HTML

HTML定义:HTML是超文本标记语言HTML的基本样式`：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>此处写网页标题</title></head><body>此处写网页内容</bo

2020-10-27 21:49:58 136

qq_44741877的博客