![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
webshitian
这个作者很懒,什么都没留下…
展开
-
NodeList 和 HTMLCollection对象的区别
**数组:**可以调用数组自身的方法。proto__处的值为Array伪数组:具备数组的一些属性,但是不能调用数组自身的方法(虽然不能调用自身的方法,但是我们可以把伪数组赋值给一个变量,通过变量调用伪数组自身的方法)。__proto__处的值不是Array。我们先设置两个查找元素的方法然后输出:我们可以看到通过querySelectorAll和getElementsByClassNam...原创 2019-08-03 20:29:19 · 555 阅读 · 0 评论 -
console.log() 和 console.dir() 输出元素的区别
console.log()截图console.dir() 截图区别:console.log()无法看到标签对象的属性和方法,能输出多个数据,数据类型颜色有差异。console.dir()以对象形式输出,只能输出一个数据,不能直观识别数据类型,但是可以看到标签对象的属性和方法。...原创 2019-07-31 20:20:44 · 1034 阅读 · 0 评论 -
仿苏宁易购鼠标点击搜索框提示信息
我们先看一下苏宁易购搜索框部分的效果:鼠标没有点击搜索框时显示的效果:鼠标点击搜索框后的效果:我们先看一下运行的效果,这里不会做出与苏宁一模一样的,只是实现一下苏宁搜索框这种效果的逻辑。运行代码显示效果。鼠标点击搜索框的时候,显示出提示盒子也就是提示的信息当你的鼠标移出搜索框外面的时候,盒子就会隐藏起来下面直接上代码:<!DOCTYPE html><ht...原创 2019-08-01 19:10:11 · 358 阅读 · 0 评论 -
forEach ,filter,some三个循环遍历方法的区别
forEach上代码:var nums = [10,20,30,40,50,60,70,80,90]; var res = nums.forEach(function(item,index){ if(item==60){ return; } console.log(item+...原创 2019-08-14 19:54:21 · 739 阅读 · 0 评论 -
实现ajax局部异步刷新的基本步骤
ajax的定义:Ajax是一个异步的javascript请求,用来获取后台服务端的数据,而不是整个页面进行跳转。实现ajax的四个步骤:1.创建XMLHttpRequest对象2.准备发送网络请求3.开始发送网络请求4.指定回调函数我们先新建一个给ajax校验的php文件。内容如下所示:<?phpecho "<div style ='color:red;'>恭喜...原创 2019-06-06 01:40:23 · 1102 阅读 · 0 评论 -
利用js判断屏幕的大小来进行不同页面效果布局
判断屏幕的大小功能:主要是辅助你进行响应式布局的时候,方便你在不同的屏幕大小的时候设置不同的效果。(一般在响应式布局的时候用)响应布局屏幕的参数:xs(小于768px) width:autosm(大于等于768px) width:720+槽宽md(大于等于992px) width:940+槽宽lg(大于等于1200) width:1140+槽宽如下图所示,可以看到浏览器显示页...原创 2019-07-22 19:57:34 · 3262 阅读 · 0 评论 -
node.js中cookie的介绍
首先我们先了解一下http的无状态HTTP协议不能记住用户的操作,在他看来用户每一个请求都是独立 的,没有任何关系的随着动态网站的发展,我们在执行某个操作的时候需要基于之前操作的结果,意味着我们有必要将之前的用户数据存储,方便后续操作使用,因此cookie由此产生了cookie的特性只能存储字符串它是浏览器的默认行为:浏览器会自动的接收和传递它是存储在浏览器的物理空间–相...原创 2019-09-07 17:34:13 · 195 阅读 · 0 评论 -
template.js模板引擎下载和实例
定义:art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器下面是一个实例:我们通过模拟这个data数据是从服务器获取的数据,然后通过template 这个模板引擎渲染出来!第一步:我们把html基本页面写好。<!DOCTYPE html>&l...原创 2019-06-06 16:03:41 · 6012 阅读 · 8 评论