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