![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生javascript
Crazy_Oranges
做人如果没有梦想,那跟咸鱼有什么分别?!
展开
-
用原生JavaScript造轮子(1)——分页器 、(vue插件版本)
日常工作中经常会发现有大量业务逻辑是重复的,而用别人的插件也不能完美解决一些定制化的需求,所以我决定把一些常用的组件抽离、封装出来,形成一套自己的插件库。 JavaScript模块化 要开发一个JavaScript的插件,首先要从JavaScript的模块化讲起。 什么是模块化?简单的说就是让JavaScript能够以一个整体的方式去组织和维护代码,当多人开发时可以互相引用对方的代码块又不...转载 2018-08-03 11:06:11 · 527 阅读 · 0 评论 -
用原生JavaScript造轮子(2)——密码框
一个类似支付宝/微信支付时候的密码输入框,这种输入框需要判断很多,只能输入数字,并且从第一位输入,如果输入字母会不显示(也就是没输入,为空,直到输入数字才可以),第一位输入完成之后光标进入第二位,以此类推,并且删除又要从输入的最后一位开始删除,不能指定某个位置来进行删除...具体效果: 效果用于手机端最佳,样式可修改。 html代码: <body> ...原创 2018-08-29 23:43:58 · 268 阅读 · 0 评论 -
常用Jquery ajax, Axios, Fetch请求区别
1 JQuery ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {} }); 是对原生XHR的封装,除此以外还增添了对JSONP的支持。 缺点: 本身是针对MVC的编...原创 2018-08-29 13:08:17 · 282 阅读 · 0 评论 -
前端JS的加载方式?JS的异步加载
过多js加载会影响页面效率,一旦网速不好,那么整个网站将等待js加载而不进行后续渲染等工作。 有些工具方法需要按需加载,用到再加载,不用不加载。默认正常模式下,JS是同步加载的,即优先加载JS,只有当JS文件下载完,dom和css才开始加载,当某些时候我们需要JS异步加载,我们可以设置异步加载。 不同情况下选取不同方式即可。 一:同步加载 我们平时使用的最多的一种方式。 <sc...原创 2018-08-29 02:05:02 · 879 阅读 · 0 评论 -
低版本IE运行HTML5+CSS3、Media Query的解决方案
条件注释: <!DOCTYPE html> <!--[if lt IE 6 ]> <html class="ie6" lang="en"> <!--[endif]--> <!--[if IE 7 ]> <html class="ie7" lang="en"&g原创 2018-08-31 01:07:56 · 243 阅读 · 0 评论 -
数组去重的几种方法
1.遍历数组法 最简单的去重方法, 实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中;注意点:判断值是否在数组的方法“indexOf”是ECMAScript5 方法,IE8以下不支持,需多写一些兼容低版本浏览器代码,源码如下: // 最简单数组去重法 function unique1(array){ var n = [ ]; //一个新的临时数组 //遍历当前...原创 2018-08-03 14:27:15 · 211 阅读 · 0 评论 -
给网站中图片实现一个懒加载的方法
大部分网站,都会给部分文章图片或者封面图片添加一个懒加载效果,从而减少一次性向服务器进行大量请求。 懒加载:首先将图片的src链接设为同一张图,并将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。 顾名思义,简单理解就是 当页面打开,首先所有数据引进来的图片先不显示,所有图先加载自己指定的某一张图...原创 2018-08-03 14:17:35 · 1586 阅读 · 0 评论 -
javascript原型到原型链
构造函数创建对象 我们先使用构造函数创建一个对象: function Person() { } var person = new Person(); person.name = 'Kevin'; console.log(person.name) // Kevin 在这个例子中,Person 就是一个构造函数,我们使用 new 创建了一个实例对象 person。 很简单吧,接下来进入正题...转载 2018-08-03 11:38:23 · 178 阅读 · 0 评论 -
深入了解let 和 const
块级作用域的出现 通过 var 声明的变量存在变量提升的特性: if (condition) { var value = 1; } console.log(value); 初学者可能会觉得只有 condition 为 true 的时候,才会创建 value,如果 condition 为 false,结果应该是报错,然而因为变量提升的原因,代码相当于: var value; if...转载 2018-08-03 11:33:40 · 262 阅读 · 0 评论 -
jquery-遍历的使用 学习。
1.is()遍历 is() 根据选择器、元素或 $对象 来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。 与其他筛选方法不同,.is() 不创建新的 jQuery 对象。相反,它允许我们在不修改 jQuery 对象内容的情况下对其进行检测。 举个栗子: 向 <ul> 元素添加 click 处理程序,然后把代码限制...原创 2018-09-21 15:37:28 · 170 阅读 · 0 评论