20171118 前端开发日报

Vue2.0开发风格指南;js 实现多重罗盘转动;用webpack搭建多页面项目;Vue 项目中接入sentry;TypeScript CheetSheat;SVG 实现动态模糊动画效果;Vue2 源码漫游(一);两句话理解js中的this

  1. Vue2.0开发风格指南 本文是对Vue官方风格指南的注解,过滤了极少数我认为重要性很低的项目,并将其余项按照作用相关性重新归类,便于读者针对性的选择某一方面进行参考。 框架或规范约束 组件名推荐统一使用kebab-case(连字符式),因为HTML
  2. js 实现多重罗盘转动 引子 这几天一直在忙一个可滑动的转盘的demo,网上也有类似的例子,但是根据老板的需求来改他们的代码,还不如重新写个完全符合需求的插件。想法很美好,但是新手上路... 效果链接文末 需求image 这个demo给的非常简单,能转动的地方有三处,内盘、外盘和指
  3. 用webpack搭建多页面项目 最基本的单入口配置 之前使用webpack1.x的可以读读这篇文章《webpack升级指南和特性摘要》 module.exports={ entry:'./src/index.js' output:{ path:__dirname+'/bu
  4. Vue 项目中接入sentry Vue 项目中接入sentry 最近在公司的内部Vue项目中接入sentry技术栈,跟踪运行时错误。针对这件事分享下,有不完整或者错误的地方欢迎交流。 (https://github.com/daipeng7/vue_sentry_demo)一、s
  5. TypeScript CheetSheat TypeScript 风靡全球后不懂 TypeScript 的前端绝对不是一个好前端。TypeScript 的设计来源于大多数的静态语言,如果曾经有静态语言的开发经验,TypeScript 一整个下午就能上手。 这里记录一下 TypeScript 常用的一些语
  6. SVG 实现动态模糊动画效果》今天我们将向大家展示如何制作SVG动态模糊效果,并将其应用于HTML元素的常规JSCSS动画。 (by 码农网 – 小峰) ​​​

    SVG 实现动态模糊动画效果
  7. Vue2 源码漫游(一) Vue2 源码漫游(一)描述:Vue框架中的基本原理可能大家都基本了解了,但是还没有漫游一下源码。 所以,觉得还是有必要跑一下。 由于是代码漫游,所以大部分为关键性代码,以主线路和主要分支的代码为主,大部分理解都写在代码注释中。 一、代码主线文件结构1--&g
  8. 两句话理解js中的this this 前言: 一直都搞不清javascript中this的指向,<你不知道的javascript(上卷)>这本书中有3章都是在讲解this,去年第一次看完还是觉得似懂非懂的,一深入的问还是不清楚,现在在看一遍,真心觉得这本书里将的是真好,想深入
  9. web端iphonex的各种浏览器适配问题和解决方案 新的iphonex因为没有实体home按键,多了一个虚拟home按键导致大量的适配问题。现在iphonex的web端适配基本不用考虑头部的问题,主要需要关注的fiexd底部定位的问题。 先看看所遇到的问题下面是未经适配iphonex下的各浏览器的展示情况: s
  10. 深入理解 ES6 中的反射 原文: ponyfoo.com/articles/es…为什么需要反射 ?很多强类型语言长期以来都有其反射(Reflection)API(如 Python 或 C#),而 JavaScript 作为一种动态语言,则几乎用不着反射。在 ES6 特性里引
  11. 编写web组件的6个建议 “组件化”是近几年web前端开发的趋势,关于如何设计出好的组件,本文总结了6点经验,希望对读者有所帮助。 减少依赖 尽量不要和其它组件共享变量,保持原子性,依赖过多会影响组件的可复用性和稳定性。 尤其不要从路由中取参数(导航栏等本身就依
  12. ES6 中的元编程:第一部分 —— Symbol,了不起的 Symbol 原文地址:Metaprogramming in ES6: Symbols and why they're awesome 原文作者:Keith Cirkel 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:yoyoy
  13. 搭建一套好用前端构建工具的方法 作者 |  京东成都研究院-前端工程师  陈礼强 最近一直在折腾构建工具,主要针对以前的工程进行改造,尝试着能搭建一套比较好用的构建工具,在这个过程中也做了一些新的实践。下面我就来谈谈在这次改造中的心得体会,内容不局限于某一款构建工具,不管用 webpack 、grunt、JDF 还是我比较喜欢的 fis...
  14. #JavaScript#【移动前端:在手机上隐藏地址工具栏】手机网站消除地址栏的代码,可以用JavaScript代码,ios支持启用全屏标签隐藏地址栏 #前端开发博客# ​​​

    在手机上隐藏地址工具栏
  15. ES6 中的元编程:第二部分 —— 反射(Reflect) 原文地址:Metaprogramming in ES6: Part 2 - Reflect 原文作者:Keith Cirkel 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:yoyoyohamapi 校对者:Iri
  16. React.Children.forEach 源码分析 关于为什么会有 React.Children.forEach 而不直接用 this.props.forEach 的问题, 我在 React.Children.xxx 的作用 已经说得很明白了. 本文我们要更进一步, 分析一下 React.Children

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

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

原文:20171118 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20171118.html)