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

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

Vue2.0开发风格指南本文是对Vue官方风格指南的注解，过滤了极少数我认为重要性很低的项目，并将其余项按照作用相关性重新归类，便于读者针对性的选择某一方面进行参考。框架或规范约束组件名推荐统一使用kebab-case(连字符式)，因为HTML对
js 实现多重罗盘转动引子这几天一直在忙一个可滑动的转盘的demo，网上也有类似的例子，但是根据老板的需求来改他们的代码，还不如重新写个完全符合需求的插件。想法很美好，但是新手上路… 效果链接文末需求image 这个demo给的非常简单，能转动的地方有三处，内盘、外盘和指
用webpack搭建多页面项目最基本的单入口配置之前使用webpack1.x的可以读读这篇文章《webpack升级指南和特性摘要》 module.exports={ entry:'./src/index.js' output:{ path:__dirname+'/bu
Vue 项目中接入sentry Vue 项目中接入sentry 最近在公司的内部Vue项目中接入sentry技术栈，跟踪运行时错误。针对这件事分享下，有不完整或者错误的地方欢迎交流。 (https://github.com/daipeng7/vue_sentry_demo)一、s
TypeScript CheetSheat TypeScript 风靡全球后不懂 TypeScript 的前端绝对不是一个好前端。TypeScript 的设计来源于大多数的静态语言，如果曾经有静态语言的开发经验，TypeScript 一整个下午就能上手。这里记录一下 TypeScript 常用的一些语
《SVG 实现动态模糊动画效果》今天我们将向大家展示如何制作SVG动态模糊效果，并将其应用于HTML元素的常规JS或CSS动画。（by 码农网 – 小峰）
Vue2 源码漫游（一） Vue2 源码漫游（一）描述：Vue框架中的基本原理可能大家都基本了解了，但是还没有漫游一下源码。所以，觉得还是有必要跑一下。由于是代码漫游，所以大部分为关键性代码，以主线路和主要分支的代码为主，大部分理解都写在代码注释中。一、代码主线文件结构1–&g
两句话理解js中的this this 前言: 一直都搞不清javascript中this的指向,<你不知道的javascript(上卷)>这本书中有3章都是在讲解this,去年第一次看完还是觉得似懂非懂的,一深入的问还是不清楚,现在在看一遍,真心觉得这本书里将的是真好,想深入
web端iphonex的各种浏览器适配问题和解决方案新的iphonex因为没有实体home按键,多了一个虚拟home按键导致大量的适配问题。现在iphonex的web端适配基本不用考虑头部的问题，主要需要关注的fiexd底部定位的问题。先看看所遇到的问题下面是未经适配iphonex下的各浏览器的展示情况: s
深入理解 ES6 中的反射原文： ponyfoo.com/articles/es…为什么需要反射 ?很多强类型语言长期以来都有其反射(Reflection)API（如 Python 或 C#），而 JavaScript 作为一种动态语言，则几乎用不着反射。在 ES6 特性里引
编写web组件的6个建议 “组件化”是近几年web前端开发的趋势，关于如何设计出好的组件，本文总结了6点经验，希望对读者有所帮助。减少依赖尽量不要和其它组件共享变量，保持原子性，依赖过多会影响组件的可复用性和稳定性。尤其不要从路由中取参数（导航栏等本身就依
ES6 中的元编程：第一部分 —— Symbol，了不起的 Symbol 原文地址：Metaprogramming in ES6: Symbols and why they're awesome 原文作者：Keith Cirkel 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：yoyoy
搭建一套好用前端构建工具的方法作者 | 京东成都研究院-前端工程师陈礼强最近一直在折腾构建工具，主要针对以前的工程进行改造，尝试着能搭建一套比较好用的构建工具，在这个过程中也做了一些新的实践。下面我就来谈谈在这次改造中的心得体会，内容不局限于某一款构建工具，不管用 webpack 、grunt、JDF 还是我比较喜欢的 fis…
#JavaScript#【移动前端：在手机上隐藏地址工具栏】手机网站消除地址栏的代码，可以用JavaScript代码，IOS支持启用全屏标签隐藏地址栏 #前端开发博客#
ES6 中的元编程：第二部分 —— 反射（Reflect）原文地址：Metaprogramming in ES6: Part 2 – Reflect 原文作者：Keith Cirkel 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：yoyoyohamapi 校对者：Iri
React.Children.forEach 源码分析关于为什么会有 React.Children.forEach 而不直接用 this.props.forEach 的问题, 我在 React.Children.xxx 的作用已经说得很明白了. 本文我们要更进一步, 分析一下 React.Children