js
郝鑫芸
耐看
展开
-
Web_cookie(缓存)的使用 及 cookie的增删改查封装
cookie的基本使用什么是缓存?干嘛用的?每次访问网页都得从服务器请求该网页的数据;如果短时间内,多次刷新 那么就要多次反复请求,这样做的问题很明显:增大服务器压力;页面加载缓慢 很卡。所以浏览器本身再带缓存功能。把访问过的数据在本地存储一份,如果短时间内再次请求,那么不去向服务器要数据,而是把本地存储的缓存数据拿出来。这样增加了访问速度,和访问效率,以及用户体验更好。所以缓存的目的:是为了提高页面加载速度。高级缓存分为:一级缓存 二级缓存 三级缓存那么前端有没有缓存的手段?原创 2020-10-16 11:55:04 · 294 阅读 · 0 评论 -
Web_java script基本使用D_面向对象(3)_属性绑定and函数绑定的两方式
对象属性绑定的两种方式:什么方式绑定 什么方式调用!1.对象.属性名=属性值var per={}per.name="大强";2.对象[“属性名”]=属性值per["name"]="强哥";console.log(per.name);或者:对象[字符串变量]=属性值var str="name";str="haha";per[str]="强哥";console.log(per.name);//undefined 因为绑定的属性名是hahaconsole.log(per.hah原创 2020-08-19 10:38:14 · 97 阅读 · 0 评论 -
Web_java script基本使用D_面向对象(2)_创建函数四种方式(构造函数)
一,字面量创建js对象是键值对集合 var obj={ 键1:值1, 键2:值2, 方法名1:function(){}, 方法名2:function(){}}二,new 对象创建new Object();O大写var obj=new Object(); //创建一个空白对象// console.log(obj);obj.name="小白";obj.age=12;obj.show=function () { console.log("秀儿同学");}obj.原创 2020-08-19 10:25:20 · 185 阅读 · 0 评论 -
Web_java script倒计时带界面案例【改进版】
需求:点击按钮时 获取输入框的终点时间 然后跟当前时间作对比 进行倒计时天数的计算步骤:1.获取元素 btn daotime span: day hour minute second ms2.给btn添加点击事件3.获取输入框输入的事件 然后传入new Date里面4.判断时间格式是否正确 如果正确继续5.启动定时器6.把终点时间和当前时间都转换成毫秒值做减法7.求出差值的毫秒值后 转换生天 小时 分 秒 毫秒8.分别设置到页面的span里面去9.判断差值时间 如果小于等于原创 2020-08-19 09:57:50 · 758 阅读 · 1 评论 -
Web_java script_Dom_对象模块化封装(简版)
全局变量如果太多就会造成全局污染 我们可以用对象模块化封装var itszt={}模块化的理解1.什么是模块?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信var itszt={ dom:{ getAllSibling:function (ele) { var siblingArr=[]; var childArr=ele.parentNode.children;原创 2020-08-19 02:46:34 · 175 阅读 · 0 评论 -
Web_java script_Dom_注册事件监听的方式与绑定兼容封装 及 事件解绑与事件绑定兼容封装
系统提供好的注册事件监听的方式给元素添加事件的方式(三种)行内添加事件 —<div onclick="show()"></div>(不推荐);属性绑定的方式 —添加事件: ele.onclick=function(){}有事件层叠覆盖问题添加事件监听的方式 — ele.addEventListener("不带on的事件名称",事件驱动函数,布尔值);没有覆盖问题添加事件监听的方式 — 元素对象.attachEvent("带on的事件名称",事件驱动函数原创 2020-08-19 01:56:02 · 134 阅读 · 0 评论 -
Web_java script基本使用D_面向对象(1)
面试题:怎么理解面向对象面向对象的核心思想:一切皆对象,只会对象最事情。面向对象是基于面向过程的编程思想。面向对象是面向每个步骤。面向对象是把这个步骤封装起来,封装给一个对象,强调对象调用功能。角色发生改变:从执行者变成调用者。js是基于对象的编程语言,并不完全是面向对象的语言。js是脚本语言,不算是编程语言脚本语言:作为补充的语言。编程语言:作为一门独立的语言存,如java虽然是基于对象的,但有面向对象的特点,所以我们要掌握面向对象。面向对象编程思想诞生面向对象这个思想,很早之原创 2020-08-17 17:05:44 · 97 阅读 · 0 评论 -
Web_java script基本使用C_数组
数组是存在诸多变量数据的容器,可以统一管理很多数据,在进行运算。优点:方便统一管理。数组的创建:array1.字面量创建 var arr=[];创建一个空数组 var arr=[2,3,4,5,6,7,8,9];创建一个带初始元素的数组2.new 对象创建 new关键字 动态创建var arr=new Array();创建一个空数组var arr=new Array(33,77,55,44,22);创建一个带初始元素的数组var arr=new Array(3);创建一个具有初始原创 2020-08-17 15:59:58 · 188 阅读 · 0 评论 -
Web_java script基本使用C_函数
函数的基本使用函数:有时候被称为方法,封装一段代码,能够反复使用。调用函数:就是执行函数里面代码。函数就是把一段代码用大括号包起来,然后起个名,然后反复使用。优点:提高代码复用率,什么时候调用时候时候执行。格式:function 函数名(){ 函数体代码;}调用函数:函数名();调用函数就是为了执行里面的代码。函数的参数使用有时候方法里面有一些数据,需要调用者,传入进行使用。这时需用到,函数的参数。格式:function 函数名(参数1,参数2,参数3){ 函原创 2020-08-17 15:54:45 · 230 阅读 · 0 评论 -
Web_java script基本使用B_运算和循环
数学运算符++ 累加, – 递减(单目运算符);+加 -减 *乘 / 除%取模 求余数,保留整数,x%y 是 x对y取模,即x/y的商的余数。js中有单目/双目/三目运算符a+b 双目运算符;+号是运算符;a和b是操作数;常见算数表达式a+b+c (也是双目表达式)a++++是一个运算符,这里面只有一个操作数(即单目运算符)单目 运算符:++ – 格式: ++变量 或 变量++ ++变量自增1 a++相当于a=a+1 a++就是把a的值改变为原创 2020-08-17 15:30:07 · 199 阅读 · 0 评论 -
Web_java script_Date日期对象
Date日期对象创建日期对象:默认是当前时间;var date=new Date(); 获取指定时间日期的date对象(兼容性最强)—推荐 var date=new Date("2020-05-12 14:25:16"); var date2=new Date("2017/01/27 12:00:00");根据时间标准格式获取日期对象(了解)var date=new Date("Sun May 12 2019 14:25:16 GMT+0800 (中国标准时间)");原创 2020-07-08 21:52:41 · 238 阅读 · 0 评论 -
Web_java script基本使用C_数组_数组遍历方法(5种)
数组的其他五种遍历方式:item是数组的每一个元素, index是当前元素的索引值1. [every]对数组中每一项运行以下函数,如果都返回true,every返回true,如果有一项返回false,则停止遍历 every返回false;array.every(function(item,index,arr) {})var arr=["关羽","狼人","张三丰","张无忌","5G","九尾狐"];//arr是当前数组对象var boo=arr.every(function(item,in原创 2020-07-08 21:02:03 · 234 阅读 · 0 评论 -
Web_java script_Date日期对象_日期格式化方法
var date=new Date(); console.log(date.toString()); //标准时间字符串 console.log(date.valueOf()); //距离1970年毫秒值 console.log(date.toDateString()); //拿出标准时间字符串中日期部分 console.log(date.toTimeString()); //拿出标准时间字符串中的时间部分原创 2020-07-08 20:07:00 · 293 阅读 · 0 评论 -
Web_java script冒泡排序法及四次优化详解
冒泡排序法,从小到大排序var arr=[8,1,5,3,7];console.log("操作前原数组:",arr);for(var j=0;j<arr.length-1;j++){ var boo=true; for(var i=0;i<arr.length-1-j;i++){ if(arr[i+1]){ boo=false; var temp=arr[i]; arr[i]=arr[i+1]; arr[i+1]=temp; } console.lo原创 2020-07-07 21:26:15 · 557 阅读 · 1 评论 -
Web_java script基本使用A_引入方式_变量的作用_数据类型_变量命名规则_number和string类型及转换方法
console.log(“在控制台打印输出内容”);console.warn(“在控制台打印警告内容”);console.error(“在控制台打印错误内容”);document.write(“在页面输入内容”);document.write("<h1>标题</h1>");alert(“弹窗显示内容”);prompt(“弹窗输入框”);confirm(“弹窗选择”);var choice=confirm("请选择");console.log("choice");.原创 2020-07-07 21:30:05 · 172 阅读 · 0 评论