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

如何更好的管理前端环境变量；CSS 实现左右交换的效果；CSS float相关详解；javascript项目开发规范实例；使用vue-cli的webpack模板的一次优化；iOS 与 JS 交互手册 – JavaScriptCore；JavaScript 工作原理：内存管理 + 处理常见的4种内存泄漏；CSS VS JS Animation: 哪个更快?

如何更好的管理前端环境变量 2017-10-10 如何更好的管理前端环境变量本文主要分析使用环境变量管理前端项目时会遇到的问题，并介绍常用工具给出解决方案。如何使用环境变量在搭建基于 webpack 前端项目时（或任意
CSS 实现左右交换的效果鞋厂的 App 有这么一个效果，而我的小伙伴刚好要做这样一个效果，于是就开始研究到底是怎么做的，Emmmm，大家都知道我平时糊设计图的功底为 0，所以好好研究了一下。：首先布局用 flex 可以实现，而动画可以用 transform 或者
CSS float相关详解 float属性是CSS常用的一个属性，应用场景广泛，同时也是一个难点，涉及到一些相关细节及注意点。因此，就特别整理总结一下。一、float介绍 float元素也称为浮动元素，设置了float属性的元素会根据属性值向左或向右浮动。浮动元素会从普通文档流中脱离
javascript项目开发规范实例首次发表在个人博客总结一下个人在开发及review同事代码的过程中遇到的因为一些项目规范带来的问题及认为比较好的解决方法; 由于个人经验和认知水平有限,下面仅代表我的个人观念,欢迎各位大佬多给我提建议; 以本人最近写的一个项目(技术栈为Meteor + React + MongoDB)为例 readme的使用因为一个项目往往需要…
使用vue-cli的webpack模板的一次优化使用过vuejs的开发者一定对vue-cli不陌生，这个命令行工具提供了几个常用的搭建项目的模板，目前官方支持6个模板： webpack webpack-simple browserify browserify-simple pwa simple 而使用得最多也是Github上start数最多的模板则是 webpack 这个模板，它包含的内容也非常丰富：语法校验、c…
iOS 与 JS 交互手册 – JavaScriptCore 在前端快速发展的今天，JavaScript 在移动端的应用也越来越广泛，作为 iOS 开发者来说，与 JavaScript 进行交互也是不大不小的一个方面，尤其是一些 web 内嵌页， UIWebView 和 WKWebView 对 JavaScript 语言来说就像一个黑盒，出现问题使用 Objective-C 和 Swift 很难进行调试。我最近就遇到一个这方面…
JavaScript 工作原理：内存管理 + 处理常见的4种内存泄漏几周前，我们开始了一系列旨在深入挖掘 JavaScript 及其工作原理的研究。我们的初衷是：通过了解 JavaScript 代码块的构建以及它们之间协调工作的原理，我们将能够编写更好的代码和应用程序。本系列的第一篇文章着重于提供引擎概览, 运行时, 以及堆栈调用。第二篇文章仔细审查了 Google 的 V8 JavaScript 引擎的内…
CSS VS JS Animation: 哪个更快? CSS vs. JS Animation: 哪个更快? 基于JavaScript的动画竟然已经默默地比CSS的transition动画快了？而且，Adobe和 Google竟然一直在发布可以媲美原生应用的富媒体移动站点？这篇文章将会逐点讲解基
Vue 模板编译原理 Vue 模板编译原理关于vue的内部原理其实有很多个重要的部分，变化侦测，模板编译，virtualDOM，整体运行流程等。之前写过一篇《深入浅出 – vue变化侦测原理》讲了关于变化侦测的实现原理。那今天主要把模板编译这部分的实现原理单独拿出来讲一讲。本文我可能不会在文章中说太多细节部分的处理，我会…
撸js基础之函数前言前端这两年的新技术铺天盖地，各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础，夯实的基础才是学习新技术的基石。本文作为读书笔记简单的总结下 js 函数的基础知识。本系列另外还有两篇：
一步一步将支付宝集成 react-native 应用现在很多 APP 都有集成第三方支付平台的需求，用来支付自己的产品，但是官方一般都没有介绍如何集成到 react-native 的应用中，本篇文章将基于官方提供的集成文档，介绍如何将支付宝集成到 react-native 应用中。场景介绍
#前端技术#【CSS 新特性总结】详见：本文针对 CSS 的新特性与基础用法进行了总结。通过示例，帮助你快速了解 CSS.
100 行 JS 代码实现一个跨平台的图片搜索 App 本文教你怎么用React Native用100行代码实现一款能同时运行在iOS和Android下的图片搜索APP。 React Native介绍 React Native是Facebook2015年开源的一款APP开发框架，采用了React的基本思想，将React的虚拟DOM渲染成原生组件，既保证了运行效率，又大大提高了开发效率以及代码复用。React Native …
与JDReact的第一次亲密接触 ——加油卡项目总结 JDReact 平台是在 Facebook ReactNative 开源框架基础上，进行了深度二次开发和功能扩展。不仅打通了 Android/iOS/Web 三端平台，而且对京东移动端基础业务能力进行了 SDK 级别的封装，提供了统一、易于开发的 API 。基
JavaScript 框架的探索与变迁（下）AngularJS：脏检查我不知道什么更新了，所以当更新的时候，我只能检查所有的东西。 AngularJS 类似于 Ember，当状态改变的时候，必须人工去处理。但不同的是，AngularJS 从不同的角度来解决问题。当你在 Angula…
#开源项目#【开源 HTML5 流媒体播放器：PearPlayer.js】详见： PearPlayer 是一款纯 JS 写的开源 HTML5 流媒体播放器，它融合了 HTTP（包含 HTTPS、HTTP2）、WebRTC 的多协议，具备多源、低延迟、高带宽利用率等特性，在保证用户流畅视频体验的前提下最大化 P2P 率。
【开源工具Emscripten，让C++秒变JavaScript】近日，Mozilla 的开发人员 Alon Zakai 成功将一个他曾经用 C++ 编写的游戏转换为 JavaScript 代码并在 Web 上运行。详见
Vue 2.0重构G买卖项目经验分享 G买卖H5是运行在多端的游戏交易平台。基于产品层面的功能升级以及提高开发效率的需求，前段时间我用Vue和Webpack对项目进行了一次渐进式的重构。所谓渐进式，即每个周期仅对部分页面进行改造，不影响其他业务的开展。这次我改造的是我买到的/我卖出的订单列表以及订单详情。此次分享主要有以下几个点：核心技…
OpenHub：开源的 GitHub Android 客户端一个开源的GitHub Android客户端，快速简洁。酷安下载从已发布版本中下载特点 App 两种登录方式，(Basic Auth) 和 (OAuth) 支持夜间模式，多重主色调支持Markdown和代码高亮支持英文、简体中文和希伯来语支持离线模式支持32种…
[前端工坊]正则表达式-从模糊到清晰文章来自微信公众号：前端工坊(fe_workshop)，不定期更新有趣、好玩的前端相关原创技术文章。如果喜欢，请关注公众号：前端工坊版权归公众号所有，转载请注明出处。作者：京东商城-成都研究院-JSHOP研发部卢兴…