小程序的填坑小技巧之Canvas

这周接到一个这样的坑爹需求,小程序需要实现一个图片分享的功能。让用户可以把图片发送到朋友圈或者其他渠道。 刚开始拿到这个需求,觉得还好,没有太大的感觉, 第一个感觉想把锅甩给后端,调用一个接口让后端传回来一个URL,前端只负责显示就好。^_^ 当然这么天真的想法基本上不…

前端基础面试题@CSS篇

最近出去面了一次试。去之前信心满满,去之后灰头土脸,因为连最简单的“css居中方式有多少种”、“说说js数据类型”这种入门问题竟然回答的支支吾吾,也怪不得面试官20分钟就优雅的把我送了出来。 1、使用伪类。 也可以在父级标签最后添加一个div,div中的属性同伪类。原理其实和伪…

js异步编程发展

在最开始的时候,js异步编程是一件很痛苦的事,不过随着技术发展,现在写异步已经可以像写同步一样舒服了。 promise最大的好处就是实现了链式调用的写法,而且可以用catch来捕获异常。 Generator 函数是协程在 ES6 的实现,最大特点就是可以交出函数的执行权,注意它…

浅谈前端安全以及如何防范

随着互联网的发达,各种WEB应用也变得越来越复杂,满足了用户的各种需求,但是随之而来的就是各种网络安全的问题。作为前端开发行业的我们也逃不开这个问题。所以今天我就简单聊一聊WEB前端安全以及如何防范。 XSS是一种经常出现在web应用中的计算机安全漏洞,它允许恶意web用户将代…

关于js的bind牌胶水,了解一下?

今天聊一聊js中的bind方法,主要从三个维度来阐述:why——>what——>how。文章虽经个人多次校验,对语言表述、代码书写等进行了认真审核,但仍免不了有疏漏之处,如若发现,还望指出,鄙人将审而改之,如若有不爽之处,还望轻喷,理性交流,共同进步也。 1. 背景讲解bind…

JavaScript开发区块链只需200行代码

JavaScript开发一个简单的区块链只需200行代码。通过JavaScript的开发实现过程,你将理解区块链是什么:区块链就是一个分布式数据库,存储结构是一个不断增长的链表,链表中包含着许多有序的记录。 然而,在通常情况下,当我们谈到区块链的时候也会谈起使用区块链来解决的问…

「ReStory」在 Markdown 中自由书写 React 组件 (Beta)

我们在开发一个小小的 React 组件库,但是我们遇到了一个大难题,那就是为我们的组件库书写一个合理的文档。 作为组件文档,我们非常希望我们的组件用例代码能够展现出来,是的我们在书写文档的时候,能够有直观的交互体验。 为了达到这一点,我开发一款文档构建工具 ReStory。如果…

深入ES6——箭头函数

箭头从一开始就一直是JavaScript的一部分。第一个JavaScript教程建议在HTML注释中包装内联脚本。这会阻止不支持JS的浏览器错误地将JS代码显示为文本。你会写这样的东西: 旧的浏览器会看到两个不支持的标签和评论;只有新的浏览器会看到JS代码。 为了支持这种奇怪的…