JavaScript
文章平均质量分 85
心谭
公众号搜索:「心谭博客」
专注前端与算法,一起 day day up!
展开
-
「超全」手写Promise的相关方法
原文发布在:手写Promise的相关方法。摘要Promise 作为 JS 社区的异步解决方案,为开发者提供了.then()、Promise.resolve()、Promise.reject()等基本方法。除此之外,为了更方便地组合和控制多个的 Promise 实例,也提供了.all()、.race()等方法。本文会在 Promise 的基本方法上,手动实现更高级的方法,来加深对 Promis...原创 2019-12-13 16:45:59 · 278 阅读 · 0 评论 -
MathJax: 让前端支持数学公式
文章图片存储在GitHub,网速不佳的朋友,请看《MathJax:让前端支持数学公式》 或者 来我的技术小站 godbmw.com1. 必须要说1.1 开发背景博主使用Vue开发的个人博客,博文使用markdown语法编写,然后交给前端渲染。为了更方便的进行说明和讲解,需要前端支持LaTex的数学公式,并且渲染好看的样式。1.2 效果展示数学公式分为行内公式和跨行公式,当然都需要支持和渲...原创 2018-10-04 20:35:46 · 2981 阅读 · 1 评论 -
《前端面试手记》之常考的源码实现
? 内容速览 ?手动实现call/apply/bind实现一个完美的深拷贝函数基于ES5/ES6实现双向绑定instanceof原理与实现?查看全部教程 / 阅读原文?手动撸个call/apply/bind实现call来看下call的原生表现形式:function test(arg1, arg2) { console.log(arg1, arg2) console.l...原创 2019-03-20 23:14:34 · 301 阅读 · 0 评论 -
《前端面试手记》之ES6重难点整理
? 内容速览 ?let和constSet和MapGenerator和yieldPromise、async/await介绍Proxy代理器…?查看全部教程 / 阅读原文?let和constES6新增了let和const,它们声明的变量,都处于“块级作用域”。并且不存在“变量提升”,不允许重复声明。同时,const声明的变量所指向的内存地址保存的数据不得改变:对于简单类型的...原创 2019-04-19 20:17:46 · 336 阅读 · 0 评论 -
《前端面试手记》之谈谈promise/async/await的执行顺序
? 内容速览 ?题目和答案输出解释再谈谈async/await最新的v8和谷歌浏览器的正确输出?查看全部教程 / 阅读原文?1. 题目和答案故事还是要从下面这道面试题说起:请问下面这段代码的输出是什么?console.log('script start')async function async1() { await async2() console.log('...原创 2019-03-22 23:53:28 · 425 阅读 · 0 评论 -
【笔记】微信网页登录逻辑与实现
现在的网站开发,都绕不开微信登录(毕竟微信已经成为国民工具)。虽然文档已经写得很详细,但是对于没有经验的开发者还是容易踩坑。所以,专门记录一下微信网页认证的交互逻辑,也方便自己日后回查:加载微信网页sdk绘制登陆二维码:新tab页面绘制 / 本页面iframe绘制用户扫码登陆,前端跳入回调网址回调网址进一步做逻辑处理,如果是页内iframe绘制二维码,需要通知顶级页原创 2019-04-29 13:57:47 · 702 阅读 · 0 评论 -
HTML5原生拖放事件的学习与实践
前言之前学习了HTML5的拖放事件,开发中也用到了拖拽组件。为了厘清整体的逻辑,专门做了一个小例子。具体实现的效果也很简单:元素可以在容器中任意拖动,元素被移入容器的时候,还会有相关样式的改变已达到更好的展示效果。例子基本运用了拖放事件的全部事件,并且尽量简洁的展示了出来。特此记录。原创 2019-04-20 22:08:40 · 188 阅读 · 0 评论 -
canvas学习和滤镜实现
最近学习了 HTML5 中的重头戏–canvas。利用 canvas,前端人员可以很轻松地、进行图像处理。其 API 繁多,这次主要学习常用的 API,并且完成以下两个代码: 实现去色滤镜 实现负色(反色)滤镜 欢迎入群:857989948 。IT 技术深度交流和分享,涉及方面包括但不限于:网站制作、运营、UI 设计、算法分析、大数据、人工智能等。本群主打有深度...原创 2018-08-20 21:22:41 · 248 阅读 · 0 评论 -
canvas离屏技术与放大镜实现
教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步>>> (原文)canvas 离屏技术与放大镜实现。更多讨论或者错误提交,也请移步。 利用canvas除了可以实现滤镜,还可以利用离屏技术放大镜功能。为了方便讲解,本文分为 2 个应用部分:实现水印和中心缩放实现放大镜1. 什么是离屏技术?canvas 学习和滤镜实现介绍过d...原创 2018-08-30 20:19:37 · 866 阅读 · 0 评论 -
websocket学习和群聊实现
WebSocket协议可以实现前后端全双工通信,从而取代浪费资源的长轮询。在此协议的基础上,可以实现前后端数据、多端数据,真正的实时响应。在学习WebSocket的过程中,实现了一个简化版群聊,过程和代码详细记录在这篇文章中。本篇文章来自董沅鑫的个人网站,引用、转载请指明出处。查看更多知识,或者技术交流:请访问yuanxin.me1 概述1.1 WebSocket ...原创 2018-08-19 19:34:44 · 469 阅读 · 0 评论