首页_猿客奇谈

动态加载JS与CSS

一、动态加载js开发过程中经常需要动态加载js和css，今天特意总结了一下常用的方法。方法1： // 动态加载js脚本文件 function loadScript(url) { var script = document.createElement("script"); script.type = "text/javascript"; &n 查看全文

YuanKe 2018年06月15日 00:59:08 210 0

原理：js对象的特性 : 在js对象中 key 是永远不会重复的1 把数组转成一个js的对象2 把数组中的值,变成js对象当中的key3 把这个对象再还原成数组// 把数组转成对象function toObject(arr){var obj = {}; // 私有的对象var j;for(var i=0,j=arr.length;i<j;i++){ obj[arr[i]] = true; }return obj; }// 把这个对象转成数组function key 查看全文

YuanKe_S 2018年07月07日 21:05:20 144 0

主流包管理工具npm、yarn、cnpm、pnpm之间的区别与联系——原理篇

接触 node 之后，一直使用npm包管理工具， cnpm 一开始会用一些，但是并没有觉得比 npm 快得多，使用 cnpm 的时候还经常安装不成功，只能再用 npm 安装一遍，渐渐的就弃用了 cnpm 。最近在看《MongoDB高级技术栈全覆盖前端 Vue+Node+MongoDB高级全栈开发》课程，才知道还有其他包管理工具，借此机会，好好的整理一下各个包管理工具之间的区别和联系。NPMnpm 是 Node.js 能够如此成功的主要原因之一。npm 团队做了很多的工作，以确保 npm 保持向后兼容，并在不同的环境中保持一致。npm是围绕着语义版本控制（semver）的思想而设计。给定一个版本号：主版本号.次版本号.补丁版本号，以下这三种情况需要增加相应的版本号：主版本号：当API发生改变，并与之前的版本不兼容的时候次版本号：当增加查看全文

YuanKe_S 2018年07月07日 21:06:49 325 0

JS DOM

1、Tips1） return false; 取消a标签的默认行为2）在body最后调用script3）事件三要素事件源——事件的触发者 id 事件处理程序——匿名函数 == onclick 事件名称 click 查看全文

YuanKe_S 2018年07月16日 16:13:44 151 0

JavaScript--判断页面是否存在某个类名

// 无地址时，图片固定不能滑动 var lengthNoaddress = $(".noAddress").length; console.log(lengthNoaddress); if(lengthNoaddress > 0) { console.log("无地址"); $('body').css("position", 'fixed'); } else { console.log("有地址"); } 查看全文

YuanKe_S 2018年07月17日 15:37:48 99 0

javascript--匿名函数

var f = function(name){ console.log(name); } f("zhangsan");匿名函数无须指定函数名，而是将参数列表紧跟关键字 function .通过这种创建函数的方式，实际上就是定义了一个函数对象（即Function实例），然后将它赋值给一个变量。然后我们可以通过变量 f 来调用这个函数。优点： ● 可读性好注意： var f = function getName(name){ console.log(name); } f("zhangsan");当我们的函数这样写的时候，我们只能通过变量 f 来进行调用，而不能同查看全文

YuanKe_S 2018年07月17日 15:41:48 169 0

js 系统教程-03-数据类型概览

目录目录数据类型数据类型原始类型混合类型对象typeof 运算符typeof实际使用原文地址目录导航数据类型数据类型JavaScript 语言的每一个值，都属于某一种数据类型。JavaScript 的数据类型，共有六种。数值（number）：整数和小数（比如1和3.14）字符串（string）：文本（比如Hello World）。布尔值（boolean）：表示真伪的两个特殊值，即true（真）和false（假）undefined：表示“未定义”或不存在，即由于目前没有定义，所以此处暂时没有任何值null：表示空值，即此处的值为空。对象（object）：各种值组成的集合。原始类型通常，数值、字符串、布尔值这三种类型，合称为原始类型（primitive type）的值，即它们是最基本的数据类型，不能再细分了。混合类型对象则称为合成类型（complex t 查看全文

YuanKe_S 2018年07月17日 16:01:55 83 0

JS Promise的实现原理

转载自 JS Promise的实现原理　在前端开发过程中，会经常使用到 Promise 模式，可以使异步代码看起来如同步般清新易读，从而从回调地狱中解脱出来。ES6中已原生支持 Promise，但在未支持的浏览器中还需要通过 polyfill 模拟实现。下面介绍一下自己的实现过程，此实现可通过 Promise/A+测试集的所有测试。　　Promise 是一个关联了执行任务的承诺，当你的任务完成时，会根据任务的成功与否，执行相应的操作。所以创建 promise 对象时，构造函数中需要传递一个函数类型的参数（Chrome 的实现中，参数名叫resolver，我觉得叫task或worker也许会直观一些。但此处采用它的命名，谁叫我是 Chrome 粉呢），来作为与此 promise 对象关联的任务。因此，现在查看全文

YuanKe_S 2018年07月17日 16:21:44 83 0