20171114 前端开发日报-前端开发博客

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

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