20170503 前端开发日报

JavaScript 数组和对象就像书和报纸一样;React还是Vue?;头部组件header.vue;利用css3的animate实现点点点loading动画效果(一);前端工程师做事的三重境界:我的进阶之路;星星组件star.vue;JavaScript深入之bind的模拟实现;深入理解 HTTPS 原理、过程与实践

  1. JavaScript 数组和对象就像书和报纸一样 简评:作者将 JavaScript 的数组和对象比喻为书和报纸,数组更注重顺序,而标签则对对象更重要。 如果你读书、看报,那么你会理解 JavaScript 的数组和对象之间的不同之处。 当你刚开始学 JavaScript 时,用哪一种方式组织和存储数据更好往往会让人困惑。 一方面,你可能在学习 “for” 循环的时候…
  2. React还是Vue?原文链接:React or Vue: Which Javascript UI Library Should You Be Using? | Codementor作者:Anthony Gore译者:sunny转载需提前联系译者,未经允许不得转载。本文首发于前端指南 2016年,React巩固了它JavaS…
  3. 头部组件header.vue五.Header.vue 弹层制作 vue动画效果配置和弹层css sticky footer原理 使用css sticky footer技术 vue的v-for遍历 vue的v-show和事件监听 vue动画处理 header和公告栏制作 text-overflow:ellipsis的使用 font-siz…
  4. 利用css3的animate实现点点点loading动画效果(一)实现如图所示的点点点loading效果: 一:CSS3 animation实现代码 html代码: {代码…} css代码: {代码…} 出现的就是如图所示的结果。注意点: 1.IE10+以及其他浏览器,点点点动画消失,IE6-IE9是普通的点点点…
  5. 前端工程师做事的三重境界:我的进阶之路 共 2835 字,读完需 5 分钟。写作本文的目的:构建自己关于前端工程师成长过程的认知模型,从自己的视角来分析 Programmer、Developer、Enginner 的能力结构与工程师成长过程的关联,并分享出来给大家,期望能对入门的前端同学有所借鉴和启发。需要提前说明的是,文中用到的工程师的不同叫法并不是要给工程师分类…
  6. 星星组件star.vue整个流程是: 绑定星星类型的class(48,36,24尺寸),使用starType 使用class来显示星星,有3种类型,全星,半星,无星,使用star-item代表星星本身,然后分别使用on,off,half代表三种不同类型的星星 一个span代表一个星星…
  7. JavaScript深入之bind的模拟实现bind 一句话介绍bind: bind()方法会创建一个新函数。当这个新函数被调用时,bind()的第一个参数将作为它运行时的 this, 之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于MDN) 由此我们可以首先得出b…
  8. 深入理解 HTTPS 原理、过程与实践 引言 HTTP是不安全的,我们的页面也被运营商插入过小黄图广告(数据被篡改),对于HTTP来说,再简单不过,只需要设定相应的DNS,做一个中间人攻击,再将修改后的数据返回,这一方面可能泄露用户隐私数据,同时也对我们的品牌形象产生恶劣影响。 然而,当我们切换HTTPS时候,运营商的这些小九九就施展不开了…
  9. vue-router 图文视频教程 全面解读 vue-router 的用法,循序渐进让你一步步学会 vue-router。 —— 由胜洪宇分享
  10. 用原生 js 写一个 “多动症” 的简历 最近在知乎上看到 @方应杭用 vue 写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生 js 来实现。 —— 由谦龙分享
  11. 从event loop规范探究javaScript异步及浏览器更新渲染时机本文转自blog 转载请注明出处 异步的思考 event loops隐藏得比较深,很多人对它很陌生。但提起异步,相信每个人都知道。异步背后的“靠山”就是event loops。这里的异步准确的说应该叫浏览器的event loops或者说是j…
  12. 手摸手,带你用 vue 撸后台 系列一 项目地址 前言 说好的教程终于来了,第一篇文章主要来说一说在开始写业务代码前的一些准备工作吧,但这里不会教你webpack的基础配置,热更新怎么做,webpack速度优化等等,有需求的请自行google。 目录结构 ├── build
  13. CI Weekly #18 | flow.ci iOS 最佳实践出炉,正式支持 Git@OSC 构建如大家所期待,flow.ci 现已支持开源中国的代码仓库 - 码云,可以直接构建 Git@OSC 的项目了,点击创建项目-选择代码仓库-选择码云-绑定 OSChina 账户-选择要构建项目,教程看这里哟! 最近,我们在征集 flo…
  14. 2道面试题:输入URL按回车&HTTP2 通过几轮面试,我发现真正那种问答的技术面,写一堆项目真不如去刷技术文章作用大,因此刷了一段时间的博客和掘金,整理下曾经被问到的2道面试题 从浏览器输入URL按回车到页面显示都发生了什么 说说你了解的HTTP/2 笔者才疏学浅,如有错误欢迎各位dalao指正
  15. 服务端渲染 react+mobx+webpack+express 实战(同时也支持客户端渲染) 目前绝大多数网站还是一个多页的结构,但其实一个网站已经完全可以做成一个 spa,比如 youtube 就是一个 spa,最近公司项目都是采用 react+mobx 服务端渲染的单页面应用的形式,踩了一些坑,有一些自己的体验,所以把项目抽了出来去掉了业务代码,留了一个架子分享一下。 —— 由LxC_____分享
  16. 使用 ReactJS 的 Presentation 库 展示 VUE.JS 实例代码 重点不是 vue 实例,关键是我觉得 Spectacle 和 spectacle-code-slide 这两个库结合在一起太酷了~ 线上讲课新利器 —— 由月野兔兔兔分享
  17. redux-on 更精准的 subscribe 一个 redux 的 store enhancer,为 store 扩展了 `on` 和 `once` 两个新的监听方法,用来更加精准的监听我们想要的状态变化。 —— 由toplan分享
  18. 浏览器开始支持 ECMAScript 模块系统 可以通过 来加载模块了,Safari 10.1, Chrome 60, Firefox 54 和 Edge 15 开始支持 —— 由kalasoo分享
  19. co.js 异步回调的原理 co.js 作为 koa 框架的核心库,利用 es6 Generator 新特性来解决 callback hell 已经非常流行 。 本文将剖析 co.js 是为何用同步的写法,就可以解决异步回调的问题。 —— 由niu_zhuang分享
  20. Angular 4.x Router Link Directives RouterLink 指令可以让你链接到应用程序的特定部分。 —— 由彷梓分享
  21. 解剖 WebGL & Three.js 工作原理 本文主要通过两方面来解剖 WebGL & Three.js :WebGL 背后的工作原理和以 Three.js 为例,讲述框架在背后扮演什么样的角色,希望对大家学习有所帮助。 —— 由腾讯云技术社区分享
  22. 你真的懂 JavaScript 的正则吗? 本文内容主要出处为《JavaScript权威指南》(第六版),笔者只是在搬砖的同时整理思路,有误望及时指出,感谢! 定义正则表达式 概述 对于正则表达式的概念我们就不多费口舌了…在JavaScript中使用正则表达式进行模式匹配离不开RegExp对象,
  23. vue-loop 利用 Vue 实现无限循环页面 体验很特别,感觉网站永远刷不完 —— 由kalasoo分享
  24. JavaScript字符串所有API全解密 关于 我的博客:louis blog SF专栏:路易斯前端深度课 原文链接:JavaScript字符串所有API全解密 本文近 6k 字,读完需 10 分钟。 字符串作为基本的信息交流的桥梁,几乎被所有的编程语言所实现(然而c、c++没有提供)。多数开发者

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

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


关注我

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

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

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