JavaScript
关注
分享
扫一扫
Raaabbit
从入门到精通，脚踏实地
展开
-
JS动画函数的封装
JS动画函数的封装 有很多常用的JavaScript功能实现，我们不妨将它们封装起来，方便以后的使用。 下面是我对JavaScript动画动画函数的封装，参考了其他人的博文，如果有冒犯，请联系我。闲话少说，贴上demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie原创 2017-10-05 23:30:56 · 1733 阅读 · 0 评论 -
初见函数式编程
初见函数式编程在学习 JS 的过程中时常会听到一个名次——“函数式编程”，那么究竟什么是函数式编程，函数式编程又有什么优点，这就在这篇博客进行一个简单的总结吧～主要内容：函数式编程的概念函数式编程的优点与示例什么是函数式编程首先，我们放下编程的概念，我们来看函数。函数的概念来自于数学，数学中的函数 f(x) = y 有一个非常重要的特点对于一个给定的 x，有唯一的 y 与其对...原创 2019-05-08 20:25:11 · 187 阅读 · 0 评论 -
ES6计算属性名-代码优化利器
ES6计算属性名-代码优化利器虽然现在已经是2019年4月了（马上就是5月），ES10的草案也已经诞生很久了，但是 ES6 还是有很多没有研究到的地方，本文就是对 ES6 计算属性名的一个简单梳理本文主要内容：ES6 计算属性名计算属性名的应用场景闲话什么是计算属性名计算属性名是 ES6 的一个很大的增强，事实上可计算属性不是一个很新鲜的东西在 ES5 版本中我们也可以通过...原创 2019-04-30 18:48:00 · 1265 阅读 · 0 评论 -
超简单nodejs静态网页服务器
超简单的nodejs静态网页服务器使用 nodejs 进行后端开发有一个非常方便的地方是它可以不依赖于其他的服务器软件，比如 tomcat 之类的。这里对我使用 nodejs 写的一个静态网页服务器做一个简单的总结在这里使用到了以下模块：http：相应基本的 http 请求fs：读取文件并返回path：获取文件的路径url：解析 url第一步，创建一个最基本的服务器let ...原创 2019-03-24 19:58:59 · 2920 阅读 · 0 评论 -
二叉树
二叉树二叉树的定义，二叉树的链式存储结构，二叉树的顺序存储结构，二叉树的遍历方法注意： 本文不包含平衡树，排序树等特殊的二叉树，敬请期待～什么是二叉树首先我们要明确数据结构中树的概念，树是N个结点的有限集合，这些结点满足下列条件：有且仅有一个特定的结点作为根结点当N>1时，其余的节点构成m个集合，每个集合也构成一棵树树的根结点没有前驱结点树的所有结点有大于等于零个后继结点...原创 2019-03-12 21:10:59 · 162 阅读 · 0 评论 -
栈与队列
栈与队列栈栈是一种很常用的数据结构，是一个 只能在一端进行插入和删除操作 的线性表。栈的一些基本概念栈顶：线性表允许进行操作的一端栈底：线性表不允许操作的一段后进先出：栈中元素的入栈和出栈操作是符合后进先出规则的，如下图1栈的基本操作一般的栈都会用到如下操作，这里列出的操作也会在后面直接以简称的形式出现～初始化空栈: initStack()判断栈是否为空: isEmpt...原创 2019-03-12 21:08:52 · 292 阅读 · 0 评论 -
JS的异步加载
JS的异步加载自觉自己基础不扎实，不应该心猿意马，所以很久没有更新性能优化专栏，回顾总结了一段时间后再来一发吧～在学习前端开发的最开始，就可能有人告诉你，在 body 的末尾再引入 script 标签（收到依赖的jQuery更适合放在前面），书写js代码就提高效率，这到底是为什么呢？引入外部js带来的问题先看一个不好的例子：<body> <!-- body ...原创 2019-03-16 00:20:09 · 178 阅读 · 0 评论 -
前端知识点——Web Sockets
前端知识点——Web Sockets本系列文章是我在实习面试之前的对自己掌握的知识点的总结，就从一直不太熟悉的webSockets开始吧～WebSockets的第一印象：可以创建和服务器进行双向会话的高级技术，取代了曾经使用的轮询方法。APIWebSocket：用于连接WebSocket服务器的对象CloseEvent：关闭连接时WebSocket对象触发的事件MessageE...原创 2019-02-24 22:15:55 · 932 阅读 · 0 评论 -
技术总结——JS是怎么运行的
技术总结——JS的执行顺序最近做了一些大厂的面试题目，才发现对JS的运行机制掌握的还是很浅薄，看了不少文档、博客后在这里做一个简单的总结基础知识我们都知道，为了避免对DOM的操作产生冲突（JS诞生之初只是为了给页面赋予一些动态效果），JS只有一个线程。即便是现在有了webworker来实现多线程进行任务处理，但实际上，JS的多线程其实是单线程模拟出来的。所以，为了保证JS的执行效率，异...原创 2018-09-26 23:01:52 · 195 阅读 · 0 评论 -
表单验证失败阻止提交
表单验证失败阻止提交提交表单的时候往往需要经过验证表单的内容是否符合要求，我们举一个例子&lt;form action="/search" id="search" name="search" method="GET"&gt; &lt;div class="u-search&qu原创 2018-02-09 17:41:33 · 4490 阅读 · 0 评论 -
ES6 Map类型
ES6新数据类型mapset和数组比较类似，而map和对象比较类似和对象的区别 对象的键只能是字符串，而map则突破了这个界限，各种类型的值(包括对象)都可以作为键，是一种更加完善的hash结构的实现 下面是对于对象的演示//创建两个对象let obj1 = {a:1};let obj2 = {b:2,c:3};//打印对象console.log(obj1);//通过.操作符进行访问c原创 2017-11-27 00:58:59 · 769 阅读 · 1 评论 -
ES6新的数据类型set
ES6新的数据类型setset 集合，和数组很类似 特点 数据有唯一性，可以用来去除重复数据 声明声明的方法很经典//空集合let set = new Set();//有内容的集合let set2 = new Set(["one","two"]);由于集合的没有重复元素的特点，所以不管怎么声明，重复元素都会被剔除掉：let set = new Set(["1","2","1","1"]原创 2017-11-24 00:17:04 · 1444 阅读 · 0 评论 -
ES6参数收集与数组展开
ES6参数收集与数组展开参数收集关于函数参数存在这样一个问题： 函数参数个数在函数声明中是写清楚的，当实参个数多于形参的时候，在比较严格的语言中会直接报错，JS虽然不会报错，但是可能没办法进行相应处理。下面举个例子:funciton show(a,b){ console.log(a); console.log(b);}show(1,2,3,4); //控制台打印1，2原创 2017-11-19 17:19:59 · 8633 阅读 · 0 评论 -
ES6箭头函数
箭头函数函数是所有编程语言都拥有的重要部分，ES6版本中出现了一种很特别的函数形式——箭头函数一个小例子let fn = (a,b)=>{ console.log(a+b);};fn(1,2); //控制台打印3上面的定义方法就是箭头函数 箭头函数由三个部分组成 1. 圆括号()，内容物就是函数的参数 2. 箭头=>，我个人理解为参数和函数的链接 3. 花括号{} ，原创 2017-11-19 01:26:28 · 260 阅读 · 0 评论 -
ES6的变量
ES6学习笔记变量let和常量const 在此首先感谢石川老师，本笔记内容均是基于老师的视频教程，如果有照搬老师原话的，请恕本人水平不够。var的问题们在之前的版本中我们怎么来定义一个变量呢？ 作为一个弱类型的语言，没有什么是一个var解决不了的，于是问题来了。我们先看几个之前ES5版本会有的几个问题： 可以重复声明 在一个项目中，如果在版本迭代中或者多人协作中，使用了相同的原创 2017-11-19 00:47:07 · 252 阅读 · 0 评论 -
JS获取DOM节点
DOM节点操作浏览器读取HTML文件并解析后，可以生成页面结构，那么在结构生成之后还可不可以再修改这个结构呢，这就需要用到我们的DOM节点操作节点操作主要有以下内容： * 获取节点 * 创建节点 * 修改节点 * 插入节点 * 删除节点 * innerHTML获取节点父子关系 parentNodefirstChild/lastChild/childNodeschildNodes/原创 2017-11-02 21:17:09 · 270 阅读 · 0 评论 -
js中的setInterval和setTimeout使用实例
setInterval() 定义和用法setInterval() 方法可按照指定的周期（以毫秒计）来执行函数或表达式。该方法会不停地循环调用函数，直到使用 clearInterval() 明确停止该函数或窗口被关闭。clearInterval() 函数的参数即 setInterval() 返回的 ID 值。语法setInterval(code,millisec[,"lang"])cod转载 2017-08-09 09:18:09 · 331 阅读 · 0 评论 -
JS的柯里化与偏应用
在之前的文章中对函数式编程做了一个简单的概述，在这篇文章中对一个大家喜闻乐见的话题——函数的柯里化进行一个总结。** ⚠️注意： ** 柯里化和偏应用的概念经常被混用，在文中会有概念上的简单区分一些基本概念一元函数、多元函数以及变参函数这些概念还是很好理解的，我们的日常开发中总是伴随着这些函数：一元函数：只有一个参数的函数，形如let log = (msg) => {co...原创 2019-06-06 20:11:12 · 401 阅读 · 0 评论