20171114 前端开发日报

那些不明觉厉的一行javascript代码;不吹不黑聊聊前端框架:尤雨溪 Live 整理;CSS居中的各种实现方式;Git的4个阶段的撤销更改;使用 JavaScript 实现分屏视觉效果;“好” 维护的 NodeJS 应用;Vue router 如何使用params query传参,以及有什么区别;实例感受-ES6的常用语法和优越性

  1. 那些不明觉厉的一行javascript代码 Recently my friend sent me a very interesting JS snippet, which he found in one open-source library: addressParts.map(Function
  2. 不吹不黑聊聊前端框架:尤雨溪 Live 整理 最近买了尤雨溪大大的Live:不吹不黑聊聊前端框架,这场Live让我的前端思维到了前所未有的高度:当我们身为前端开发萌新,在前端人才金字塔的浮动与挣扎中思考该学什么框架、该如何入门前端、又遇到学习瓶颈怎么办的时候,正是这些业界大牛们用自己的行动引导着我们,有如尤大所说:多思考场景需求,多看看技术到底做了...
  3. CSS居中的各种实现方式 CSS中如何完美做到居中,一直是令前端工程师头疼的问题。最近读到CSS-TRICKS中的一篇帖子,将居中问题的解决方案策略化。感觉收获很大,翻译过来供大家交流学习。当我们书写CSS时,让元素居中,是抱怨的爆发点之一:为什么会这么难?我认为问题的关键,不在于怎么
  4. Git的4个阶段的撤销更改虽然git诞生距今已有12年之久,网上各种关于git的介绍文章数不胜数,但是依然有很多人(包括我自己在内)对于它的功能不能完全掌握。以下的介绍只是基于我个人对于git的理解,并且可能生编硬造了一些不完全符合gi...
  5. 使用 JavaScript 实现分屏视觉效果 上篇文章10个独特的CSS背景视觉效果中有提到分屏的视觉效果,今天这篇文章就来讲讲使用JavaScript来实现这种分屏的视觉UI效果。现在在网站上这种分屏视觉效果应用的也非常广泛,比如 Corsair website。 HT
  6. “好” 维护的 NodeJS 应用 得益于前端社区的活跃,近年来 NodeJS 应用的场景越来越丰富,JS 慢慢变得这也能做,那也能做,笔者也在这波潮流中,上了 NodeJS 全栈应用的这波车,也曾做出过日均访问千万级的 NodeJS 应用,本文将大概总结一下其中的一些「知识点」: 分层设计 可测试性设计 进程管理(少量谈及...
  7. vue router 如何使用params query传参,以及有什么区别 写在前面:传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 本文首发于我的个人blo 写在前面:传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 本文首发于我的个人blo 写在前面:传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 本文首发于我的个人blo
  8. 实例感受-es6的常用语法和优越性 1.前言前几天,用es6的语法重写了我的一个代码库,说是重写,其实改动的并不多,工作量不大。在重写完了的时候,就个人总结了一下es6常用的一些常用的语法和比es5优越的方面。下面提到的语法可能也就是es6新特性的10%-20%,但是开发上占了80%左右的。下面
  9. CSS 实用 Tips 作为前端,日常开发充满了各种挑战与乐趣,我们穷尽一切在奇葩的需求中提升用户体验。本文将列举一些前端开发中碰到的小众需求,并提供解决方案以供参考。 一、修改鼠标手势图标 很多童鞋可能都用过: cursor: pointer | wait | hand | text | move | not-allowed; 但是,它还支持...
  10. [英] GitLab 使用 Vue 一年的经验总结 It's been a while since we wrote about Vue. We've been using Vue for over a year now and life has been very good. Thanks @lnoogn f It's been a while since we wrote about Vue. We've been using Vue for over a year now and life has been very good. Thanks @lnoogn f It's been a while since we wrote about Vue. We've been using Vue for over a year now and life has been very good. Thanks @lnoogn f
  11. React.js 小书 Lesson14 - 实战分析:评论功能(一)React.js 小书 Lesson14 - 实战分析:评论功能(一) 本文作者:胡子大哈本文原文:http://react.huziketang.com/blog/lesson14 转载请注明出处,保留原文链接以及作者信息 在线阅读:http://huziketang.com/book...
  12. 『好』维护的 NodeJS 应用 得益于前端社区的活跃,近年来 NodeJS 应用的场景越来越丰富,JS 慢慢变得这也能做,那也能做,笔者也在这波潮流中,上了 NodeJS 全栈应用的这波车,也曾做出过日均访问千万级的 NodeJS 应用,本文将大概总结一下其中的一些「知识点」:
  13. 10集视频让你入门React构建和路由操作 文章前言: 这套课程不是从零开始的,你需要React基础知识,在我的博客中是有写的,我会在前言最后给出链接。因为我还是一线奋战的程序员,也经常加班,所以更新不会很快,但只少会保证一周三集的更新,本教材包括视频都可以在我的博客(jspang.co
  14. Web Worker在项目中的妙用 最近在项目中遇到了一些性能问题,为了防止图片一张一张加载而影响体验和为了提高效率,需要不断的提前加载数据和大量图片,当时我们在项目中使用worker来做性能优化,把计算量比较大和图片的预加载放入worker中操作。 什么是 worker通过使用web Wor
  15. 出去就餐并且理解 Express.js 的基础知识 原文:Going out to eat and understanding the basics of Express.js 译者:neal1991 welcome to star my articles-translator , providing you advanced articles translation. Any suggestion, please issue or contact me LICENSE: MIT 如果你曾经去过一个坐下来就餐的餐厅...
  16. 移动端常用alert、confirm、toast等弹窗插件,兼容 jQuery/Zepto 内容审核中 - SegmentFault 该用户首次发布内容,正在审核中,请稍后再来查看 回首页 1024 © SegmentFault
  17. WebVR 开发:使用 Gamepad API WebVR场景渲染发离不开WebVR API,但除了渲染一个双屏全景是远远不够的,因为这样的场景“可远观二不可亵玩”。随着大部分VR平台提供了VR游戏手柄,如今用户可以对VR物体进行操纵了,本文将探讨如何使用手柄实现我们的WebVR应用。 GamePad手柄交互 现在大部分VR平台都搭配VR手柄支持,用户通过手持手柄可以与...
  18. 根据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局 在数学中, 矩阵是以行和 列排列的数字,符号 或表达式的矩形阵列, 任何矩阵都可以通过相关字段的 标量 乘以元素。矩阵的主要应用是表示 线性变换,即f( x)= 4 x等线性函数的推广。 例如,旋转的 载体在三维空间是一个线性变换,这可以通过一个表示
  19. 500行代码实现迷你版vuejs,麻雀虽小,五脏俱全 What is this? 中文版文档 There is several detailed articles show how to write tiny-vue (in Chinese) Write tiny-vue in 8
  20. 客栈说书:CSS遮罩CSS3 mask/masks详细介绍 客栈说书:CSS遮罩css3 mask/masks详细介绍 这篇文章发布于 2017年11月6日,星期一,22:32,归类于 css相关。 阅读 380 次, 今日 130 次
  21. 使用 Typescript 踩 react-redux 的坑 背景最近在看antd源码,也在自学一些typescript的语法以及使用,然后准备带在学校的师弟做一个音乐播放器作为typescript的练习踩踩坑; 然后竟然没想到在项目刚开始就深陷大坑--搭建react-redux项目流程,一下内容就是记录我是怎样从这个深 背景最近在看antd源码,也在自学一些typescript的语法以及使用,然后准备带在学校的师弟做一个音乐播放器作为typescript的练习踩踩坑; 然后竟然没想到在项目刚开始就深陷大坑--搭建react-redux项目流程,一下内容就是记录我是怎样从这个深 背景最近在看antd源码,也在自学一些typescript的语法以及使用,然后准备带在学校的师弟做一个音乐播放器作为typescript的练习踩踩坑; 然后竟然没想到在项目刚开始就深陷大坑--搭建react-redux项目流程,一下内容就是记录我是怎样从这个深
  22. 初探 Node.js Stream 中 Readable 类的内部实现 写在最前 本次试图浅析探索Nodejs的Stream模块中对于Readable类的一部分实现(可写流也差不多)。其中会以可读流两种模式中的paused mode即暂停模式的表现形式来解读源码上的实现,为什么不分析flowing mode自然是因为这个模式是我们常用的其原理相比暂停模式下相对简单(其实是因为笔者总是喜欢关注一些边边...
  23. #前端开发那些事#【CSS3 Loading 动画之打字效果】详见: 本篇作者分享了利用 CSS 实现 Loading 动画之打字效果的思路与过程。(作者:白吟灵)
    CSS3 Loading 动画之打字效果
  24. #CSS#【CSS LINT,优化你的CSS样式表】CSS Lint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题,使用方法很简单,只需要把 CSS 内容复制贴上,最后按下 LINT!按钮就可以检查。底下有一些设定项目可以调整检测的...请戳→ #前端开发博客# ​​​
    CSS LINT,优化你的CSS样式表

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

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

原创文章:20171114 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20171114.html)

发表评论

请登录后发表评论: