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

用 JavaScript 画光：基础；vue-cli 中使用 TypeScript；20171211 前端开发日报；iPhone6的CSS3媒体查询；JS中的柯里化及精巧的自动柯里化实现；前端面试准备指南（英）；玩转 React（七）- 组件之间的数据共享；vue中v-model父子组件通信

用 JavaScript 画光：基础 Any application that can be written in JavaScript, will eventually be written in JavaScript. – Atwood’s Law 本文来源于我在看了 Milo Yip 在知乎专栏里的这篇文章：《用 C 语言画光（一）：基础》之后的一个想法，能不能将原文中 C 语言版本程序改成 JavaScript 版本的。动手之后发…
vue-cli 中使用 TypeScript 学以致用，这篇文章是对在 vue-cli 中使用 TypeScript 的一次小结。环境 npm webpack.base.conf.js 创建一个 .d.ts 文件让 TypeScript 识别 .vu
【20171211 前端开发日报】简单易懂的 webpack 打包后 JS 的运行过程；Hydux: 一个 Elm-like 的全功能的 Redux 替代品；我还是想谈谈JS里面的闭包；JS时间处理插件MomentJS；20171210 前端开发日报；React Native 是如何让 JS 代码 “变成” Andr…详情→
【iPhone6的CSS3媒体查询】@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {/*iPhone 6 Portrait*/}@media only screen and (min-device-width: 375px) and (max-de…详情→ #前端开发博客#
JS中的柯里化及精巧的自动柯里化实现什么是柯里化？在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数且返回结果的新函数的技术。这个技术由 Christopher S…
#IT职场#【前端面试准备指南（英）】详见：本指南旨在帮助前端面试者提前做好面试的准备，以便在面试中能更好的发挥。这份列表中的学习资源多集中在 JS 上，但实践问题涵盖了整个前端领域。转需收藏！
玩转 React（七）- 组件之间的数据共享上一篇文章玩转 React（六）- 处理事件介绍了在 React 中如何处理用户事件，以及 React 事件机制与原生 DOM 事件的差异和注意的问题，同时也介绍了事件处理函数中 this 的指向问题以及处理的几种方式及其优缺点…
vue中v-model父子组件通信前言我们在vue项目中，经常有这样的需求，父组件绑定v-model，子组件输入更改父组件v-model绑定的数值。很多朋友对这种操作不是很清楚，这需要对v-model有比较深入的了解，今天谈谈v-model。 vue的双向数据绑定这个问题在很多前端面试中，会提及。面试官问你，vue的双向数据绑定原理是什么？当然，这个也是耳熟…
希望是最淺顯易懂的 RxJS 教學關注 RxJS 已經好一段時間了，最早知道這個東西是因為 redux-observable ，是一個 redux 的 middleware，Netflix 利用它來解決複雜的非同步相關問題，那時候我連 redux-saga 都還沒搞懂，沒想到就又有新的東西出來了。半年前花了一些時間，找了很多網路上的資料，試圖想要搞懂這整個東西。可是對我來說，很多教學的…
【20171211 前端开发周报】大佬谈谈越来越难做的前端，为什么很多人低下了头；CSS 实现左右交换的效果；JavaScript 权威面试指南；说说 ParcelJS；2017 前端大事件和趋势回顾，2018 何去何从？；如何更好的管理前端环境变量；宣布 Parcel：一个…详情→
es6 Generators详解翻译自 github 概述什么是generators？我们可以把generators理解成一段可以暂停并重新开始执行的函数 {代码…} function*是定义generator函数的关键字，yield是一个操作符，generator 可以通过yield暂停自己执…
webpack编译vue项目生成的代码探索前言往 main.js 里写入最简单的 vue 项目结构如下 import Vue from ‘vue’; import App from ‘./App.vue’; new Vue({ el: ‘#app’, template: ‘<App/>’, components: { App } }) App.vue 如下 <template> <div id="app"> <h1>{{ m…
WebRTC 音频引擎实现分析 WebRTC的音频引擎作为两大基础多媒体引擎之一，实现了音频数据的采集、前处理、编码、发送、接收、解码、混音、后处理、播放等一系列处理流程。本文在深入分析WebRTC源代码的基础上，学习并总结其音频引擎的实现框架和细节。 1. WebRTC音频引擎整体架构 WebRTC音频引擎的实现代码主要分布在如下几个源码目录…
塔防游戏中的敌人如何沿路径前进 (JavaScript 实现)如果开发一个塔防游戏，很自然的会遇上这么两个名字很像的问题： Path-finding: 如果知道起点和终点，如何在其间找到一条路径 Path-following: 已知从起点到终点的路径，物体如何才能沿着它行进本文将要讨论的是…