20180316 前端开发日报

canvas实现的前端压缩裁剪工具;Typescript : 类 vs 接口;我的前端成长回顾;简单理解JavaScript异步与回调;Javascript正则速查表;饥人谷2018前端面试押题(讲义);从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系;彻底弄懂Javascript中的this

  1. canvas实现的前端压缩裁剪工具 最近项目中应用到canvas,见识到了canvas技术的强大,突然想到之前用过的开源的裁减库,大多数都是划出一个裁剪框,将坐标点和长宽传到服务端,由后台做裁剪,正好有空,做了个基于canvas的纯前端裁剪压缩工具,支持pc和移动端平台。 实现原
  2. 我的前端成长回顾 背景 转眼间,学习前端也有两年半了,从开始的不知js/css/html是什么,到一年前感觉自己工作比较重复觉得有点迷茫,再到现在重新充满激情,也获得了一些大公司的录取机会,也是多少找到了一点成为优秀前端的方向了。 不经意发现知乎上我两年前的零基
  3. Javascript正则速查表 自己收集了一套针对工作中所需的正则表达式. 多适用于字符串处理、表单验证、日志数据分析等场合,实用高效, 将长期维护。 Tips:在本文找想要的正则时,可以尝试使用浏览器的快速查询功能。Ctrl + F输入关键字能提高查询的效率哟~
  4. 从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系 前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正。 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目。 关于这道题目的吐槽暂且不提(这是一道被提到无数次的题,得到不
  5. 阅读前端项目源码的正确姿势这篇文章主要介绍下笔者看源码的一些心得和方式,由于笔者看的大部分是前端项目,当然也看过一些其它领域的源码,不过不多,所以内容主要还是以前端项目为主 了解和熟悉 在准备看一个开源项目源码的时候先去熟悉…
  6. Weex 的 recycle-list 诞生记关注 Weex 开发进展的同学,可能会知道 Weex 前段时间发布了 v0.18.0 版本(release note),其中包含了一个叫 <recycle-list> 的组件,它是一个带有回收复用功能的列表容器,据说是有史以来最特别的组件,…
  7. nodejs的用户权限管理——acl.md acl文档 说明 Q: 这个工具用来做什么的呢 A: 用户有不同的权限,比如管理员,vip,普通用户,每个用户对应访问api,页面都不一样 nodejs有两个比较有名的权限管理模块 一个是acl 一个是rbac 综合对比了一下最终在做项目的时候选择了acl 使
  8. 从setTimeout-setInterval看JS线程最近项目中遇到了一个场景,其实很常见,就是定时获取接口刷新数据。那么问题来了,假设我设置的定时时间为1s,而数据接口返回大于1s,应该用同步阻塞还是异步?我们先整理下js中定时器的相关知识,再来看这个问…
  9. JS 异步发展流程 异步介绍 异步简单来说就是做一件事时,做到一半可能需要等待系统或服务处理之后才会得到响应和结果,此时可以转去做另一件事,等到获得响应之后在去执行剩下一半的事情。反之同步就是一直等到响应然后接着做事,中间不会跳去做别的事。 异步发展史 异步发展史可以简单归纳为:
  10. typescript-react-webpack4 起手与踩到的坑 前言 webpack4正式版发布也有一段时间了, 为了从实际中感受变化, 于是以typescript, react, 结合之前翻译的一篇文章webpack-4.0更新日志(翻译), 搭建一个可供项目使用的框架. 项目状况 github 前往 项目已使用 we
  11. 前端面试必考之http状态码有哪些 背景 http状态码有哪些,这也是一个很高频的面试问题。一般大家都知道404页面不存在,500服务器错误,301重定向,302临时重定向,200ok,401未授权啥的。 如果只是简单的这样答,可能只能让面试官给你的答案打个五六十分,不足以给面试
  12. WEB网站国际化的一种解决方案 场景 这里简单用一个详情页面开始我们的国际化讲解 这个场景中,logo需要国际化,tab以及面包屑的文字需要国际化,详情需要国际化,动态详情以及动态详情中的文字需要国际化。 经过总结,国际化数据会有四种类型 后台管理配置的动态数据 服务端渲染的静态的文字
  13. 阅文前端技术选型 本文为阅文体验设计 YUX 成员出品,请尊重原创,转载请联系阅文体验设计微信公众号 ( id: YUX_design ) 获取授权,并注明作者、出处和链接。 介绍阅文,了解阅文,包括团队,包括技术。 一、技术选型总策略「 企业收益最大化」 对于前端团队,可以实
  14. 身份证号码的正则表达式及验证详解(JavaScript,Regex) 简言 在做用户实名验证时,常会用到身份证号码的正则表达式及校验方案。本文列举了两种验证方案,大家可以根据自己的项目实际情况,选择适合的方案。 身份证号码说明 居民身份证号码,正确、正式的称谓应该是“公民身份号码”。根据【中华人民共和国国家标准 GB 1164
  15. JS解出最近比较火的刑侦推理题 最近网上出了一个比较火的刑侦推理题,王二比较感兴趣,于是抽空做了做。 一、推理题如下 二、遇到的问题 刚开始,王二写下了如下代码: &lt;script&gt; var arr = new Array(10).fill("A");
  16. 娓娓道来Promise 1.概述 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在Promise之前,我们js解决异步的方式是采用回调函数的方式,但是这种方式有个问题,就是当业务比较复杂时,很容易出现回调地狱,使得代码很难理解和维护。所以,Promise就是
  17. 5月19-20日的上海 来一次纯粹的WebRTC之旅 经历了起跑、 热炒、失落的7年长跑后,随时1.0版定稿,获得iOS端支持,WebRTC具备了打通主流生态系统和端的能力,2018年也将是WebRTC落地的最好时机。由LiveVideoStack音视频技术社区出品,WebRTCon 2018将于5月在上海举行,

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流