20180805 前端开发日报

Promise 的误区;常用JS方法整理;JavaScript数据结构04 – 链表;【Vue.js】Vue官方文档学习-组件;通过一个计数器来了解react-redux及其用法;前端进阶之 JS 抽象语法树;js跨站脚本;原来浏览器原生支持JS Base64编码解码

  1. Promise 的误区 Essentially, a promise is a returned object to which you attach callbacks, instead of passing callbacks into a function. 一直在用Promise,但一直感觉自己没有真正彻底弄明白Promise,总差那么一点。 最后发现原因很简单,是我脑内对 Promise 建立的模型错误了。于是写一篇短文。 误区 const a = new Pro…
  2. 常用JS方法整理 本篇目录: 1.截取指定字节数的字符串 2.判断是否微信 3.获取时间格式的几个举例 4.获取字符串字节长度 5.对象克隆、深拷贝 6.组织结构代码证验证 7.身份证号验证 8.js正则为url添加http标识 9.URL有效性校验方法 10.自定义jsonp方法 11.cookie操作 12.生成随机字符…
  3. JavaScript数据结构04 – 链表前面我们学习了数组这种数据结构。数组(或者也可以称为列表)是一种非常简单的存储数据序列的数据结构。在这一节,我们要学习如何实现和使用链表这种动态的数据结构,这意味着我们可以从中任意添加或移除项,它…
  4. 【Vue.js】Vue官方文档学习-组件一、注册组件 Vue.component(‘my-component-name’, { / … / }) 组件名称 在组件的祖册中,第一个参数为组件的名称。 命名方案: 串联式命名 驼峰式命名 在引用其自定义元素时,两种方案都可以使用。但直接在DOM…
  5. 通过一个计数器来了解react-redux及其用法 react之前在看看的时候工作过,后面到了TX就一直使用vue,react被忘得一干二净,这几天下了一个决心,想把react文档从头到尾重新看一遍,结果发现东西实在是太多了。react,redux,react-redux,react-router…该怎么破
  6. 前端进阶之 JS 抽象语法树 文章同步于 Github/Blog Babel 与 Babylon Babel 是 JavaScript 编译器 compiler,更确切地说是源码到源码的编译器,通常也叫做 转换编译器(transpiler)。 意思是说你为 Babel 提供一些 Jav
  7. js跨站脚本xss跨站脚本,称为xss这个术语用来表示一类的安全问题,指攻击者向目标web站点注入html标签或者脚本。
  8. 原来浏览器原生支持JS Base64编码解码 这篇文章发布于 2018年08月4日,星期六,01:02,归类于js API。 阅读 36 次, 今日 36 次 byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=7899 本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随意。 一、基础不牢,选型糟糕 糟糕的技术选型往往源自自身技术广…
  9. 可视化搭建前端工程 – 阿里飞冰了解一下 阿里飞冰官方网站 alibaba.github.io/ice 每次新做一个项目,无论大小都要干这些事: 框架选型 初始化脚手架(比如使用 create-react-app 或者 vue-cli) 也可能你选择了开源脚手架,克隆仓库 四处找轮子 安装各种依赖
  10. 开发自己的前端工具库(二):函数式编程 前言 本系列文章将通过自己的一个开发工具库的实战经验(踩过的坑)教大家如何开发属于自己的一个工具库,在这里你可以学到Git的使用规范,基础项目的搭建,代码编写的规范,函数式编程思想,TypeScript实战,单元测试,编写文档和发布NPM包等等知识。 阅读文章
  11. 除了cookie,你还可以用jwt(json web token) 1. 认识jwt(json web token) jwt是为了在网络应用环境传递声明而执行的一种基于json的开放标准。 jwt被用来在身份提供者和服务提供者间传递被认证的用户身份信息,简单来说,就是用来验证身份的手段,例如登录校验,像我们之前用的cooki
  12. 符合SEO的HTML布局规范注:在<body>..</body>标签区中的罗列,都是一些基础的HTML标签,这些标签出现的次序是可以变化的。但head里面的标签最好不要变动!
  13. 如何优雅地结合Rxjs和WebWorker 在项目中同时使用rxjs和webworker的场景并不多,所以相关的资料也较少,恰巧我在开发项目时遇到了很适合使用这两项技术的场景,所以尝试着将其结合起来使用,也收到了很不错的效果,所以分享一下自己的使用经验和心得。 同时也专门写了将两者相结合的插件rxjs-
  14. 网页程序迁移至微信小程序web-view详解》小程序之前开放了webview功能,可以说是网页应用的一大福音了,但是微信的webview有一些坑,这篇文章就是列举一下我在开发过程中遇到的一些问题以及我找到的一些解决方案。 (by NeoPasser) ​​​

    网页程序迁移至微信小程序web-view详解
  15. ajax&&nodeajax的全称:Asynchronous Javascript And XML。异步传输+js+xml。所谓异步,在这里简单地解释就是:向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果它自己会根据设定进行后…
  16. CSS三角形和饼图 关注公众号:前端读者(fe_duzhe),每日推文… 三角形 .triangle{width:0;height:0;border-width:50px;border-style:solid;border-color:red blue green yel
  17. 实现基于React的全局提示组件Toast 前戏 API风格参考 Ant Design 的 Message 全局提示 正文 需求分析 Toast不需要同页面一起被渲染,而是根据需要被随时调用。 Toast是一个轻量级的提示组件,它的提示不会打断用户操作,并且会在提示的一段时间后自动关闭。 Toas
  18. 服务器端渲染与Nuxt.js 从前端发展史来看服务器端渲染 前段时间在知乎上看到一篇提问,说的是为什么现在又开始流行服务器端渲染html了。整理了网上一些评论,结合自己的想法,整理出了一段前端发展史。 早在1989年,HTML的诞生是一个物理学家为了方便学术文档的分享而创造,这个也是前端起
  19. ES6的Proxy和Reflect 一:ProxyProxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,
  20. 采用20/80原则学习 CSS Grid 布局本文不会覆盖Grid 布局的所有细节,而是面向那些想快速用起来并看到效果的你们。我将会向你介绍 Grid 技术的20%,学会了这些你就掌握了Grid 功力的80%了,开心不。
  21. Es6中的模块化Module,导入(import)导出(export) 前言 如果你想阅读体验更好直戳链接Es6中的模块化Module,导入(import),导出(export) 在Es6之前,javascript没有模块系统,它无法将一个大程序拆分成若干个互相依赖的小文件,然后在用简单的方法拼装起来.为了做到模块
  22. JavaScript实现简单二叉查找树前两天接到了蚂蚁金服的面试电话,面试官很直接,上来就抛出了三道算法题。。。 其中有一道关于二叉树实现中序遍历的,当时没回答好,所以特意学习了一把二叉树的知识,行文记录总结。 二叉树&二叉查找树 树…
  23. 从 AV1、AVS 到 WebRTC,他们将告诉你技术标准的未来趋势 从编解码到 WebRTC,实时互联网技术标准的演进,影响着行业里每个公司的战略与技术选型。尽管 H.264 仍然是覆盖最广的主流标准,但 HEVC 、VP9、AV1 在编码效率上都更具优势。 在过去一年里,H.265/HEVC 正式推出已是第5年个年头,尽管 Apple 将它添加到 HLS,但其还会面对哪些机遇?今年3月以草案形式发布的A…
  24. 前端每日实战:97# 视频演示如何用纯 CSS 创作一组昂首阔步的圆点效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  25. 深入分析Node.js事件循环与消息队列 多数的网站不需要大量计算,程序花费的时间主要集中在磁盘 I/O 和网络 I/O 上面 SSD读取很快,但和CPU处理指令的速度比起来也不在一个数量级上,而且网络上一个数据包来回的时间更慢: 一个数据包来回的延迟平均320ms(我网速慢,ping国内网站会更
  26. CSS深入理解:overflow:hidden——溢出,坍塌,清除浮动 overflow:hidden是overflow属性的一个神奇用法,它可以帮助我们隐藏溢出的元素,清除浮动和解除坍塌。当某一个属性拥有这么多的功能时,难免使人难以把握,不过不要怕,只要信:看完这篇文章,我相信你绝对能对overflow:hidden的用法熟练掌
  27. 如何写一个js模块打包器(翻译) 前言 在看阮一峰老师的每周分享后,看到了一篇关于如何写一个模块打包器的一篇英文文章,之前基本没有了解过,只知道如何使用webpack等,所以这一篇对我来讲很及时,好记性不如烂笔头,所以先尝试着把它翻译出来。 人生已如此艰难,有些事情就不要拆穿(其实使用goog
  28. 一起动手实现一个js帧动画库 就是通过一张图片切换background Position,或者通过多张图片的切换src来进行的动画效果 相当一部分的浏览器的显示频率是16.7ms,所以在进行帧动画的时候选用16.7ms的频率或者是16.7ms的倍数,避免丢帧。所以我们采用requestAnimationFrame来执行动画的操作。 动画库的接口设计 animation(imgList) // animation …

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

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


关注我

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

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

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