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

说说 ParcelJS；宣布 Parcel：一个快速，零配置的 Web 应用打包工具；极速零配置的 Web 应用打包工具 — Parcel.js；Parcel 打包示例 – React HelloWorld；每日一博 | 可能是目前最完整的前端框架 Vue.js 全面介绍；temme：优雅地从 HTML 提取 JSON 数据；Vue 浅析与实践；ES6和Babel你不知道的事儿

说说 ParcelJS 看到 ParcelJS 还是眼前一亮的。新建 index.html 、 index.js 和 index.css ，然后 parcel index.html ，就能拿到可运行的 html、js 和 css 组合。html 可以作为入口正是我期望的，这让前端开发回归到本来的状态，很舒服。 ParcelJS 是以 assets 方式组织的，assets 可以是任意文件，所以…
宣布 Parcel：一个快速，零配置的 Web 应用打包工具宣布 Parcel：一个快速，零配置的 Web 应用打包工具原文： Announcing Parcel: A blazing fast, zero configuration web application bundler 译者：neal1991 welcome to star my articles-translator , …
极速零配置的 Web 应用打包工具 — Parcel.js
Parcel 打包示例 – React HelloWorld使用 Parcel 打包的 React HelloWorld 应用。GitHub 地址: https://github.com/justjavac/… 0. 新建目录 {代码…} 1. 初始化 npm {代码…} 或 {代码…} 此时会创建要给 package.json 文件，文件内容： {代码…
每日一博 | 可能是目前最完整的前端框架 Vue.js 全面介绍调试插件在vue调试方面，可以选择安装chrome插件vue Devtools。打开vue项目，在console控制台选择vue面板。在Devtools工具中，可以选择组件，查看对应组件内的数据信息。也可以选择Vuex选项，查看该项目内Vuex的状态变量信息。 UI组件库在vue组件库方面，个人不推荐使用UI组件库，毕竟自己…
temme：优雅地从 HTML 提取 JSON 数据本文介绍了一个从 HTML 提取 JSON 数据的工具，并以豆瓣电影的例子展示了该工具的使用方法。本文中用到了大量的 CSS 选择器，CSS 选择器可以参考 MDN。最近几个月写 Node 爬虫比较多，解析 HTML 文档用的工具是 cheerio（
Vue 浅析与实践
ES6和Babel你不知道的事儿因babel的版本从5升级到6有很多改动，比如babel本身不再提供任何transform的工作，都需要借助插件来完成，本文的所有讨论都是建立在babel 6之上的。如果只想看结论，直接跳到文章最后。 —写在前面 ES6即ECMAScr…
【Bootstrap响应式布局瀑布流】bootstrap响应式瀑布流布局，bootstrap标签选项卡流式布局，Bootstrap是当下比较热门的web前端开发框架之一，通过引入Bootstrap，你可以很快的给你的项目做一个自适应的页面。 #前端开发博客#
区块链和以太坊用于 JavaScript 和 React 开发区块链是一种构建分散式应用程序的技术。我们习惯于将数据存储在中央数据库中。为了容错，我们可能会有分布在不同地理位置的数据库集群。但是这不会使传统数据库分散。所有的数据库都由一家公司控制。区块链使数据在政治上分散。没有一个单一的权力来控制所有的数据。相反，一组分布式服务器（也称为节点）具有实…
【20171208 前端开发日报】再也不学AJAX了（三）跨域获取资源 ② – JSONP & CORS；JavaScript 权威面试指南；20171207 前端开发日报；听说你用JavaScript写代码？本文是你的机器学习指南；卷两根Weeds，搞懂Promise；一步一步将支付宝…详情→
vue路由参数传递的坑首先我的路由的定义 { path: ‘/b’, name: ‘B’, component: resolve => require( , resolve) } 我从A组件跳转到B组件，并通过路由信息对象传递一些参数 this.$router.push({ path: ‘/b’, params: { paramA: ‘a’ }, q…
理解 CSS Flexbox 原文：Understanding CSS Flexbox 译者：neal1991 welcome to star my articles-translator , providing you advanced articles translation. Any suggestion, please issue or contact me LICENSE: MIT 你有没有想过如何最好地使用 flexbox 来排列元素？如果你再也不…
《他们是优秀的前端，所以这些后端工作也交给他们…》事实上每个程序员用多年来深入学习一种编程语言，已经习惯了那种语言的思维，怎么可能几个月就达到别人好几年的水平呢？（飞哥的咖啡译，欢迎加入翻译组：）
使用Angular CLI时的6个最佳实践和专业技巧使用Angular CLI开发angular应用程序是一种非常愉快的体验！Angular团队为我们提供了令人惊叹的CLI，它支持了任何重要项目开箱即用所需的大部分东西。规范化的项目结构与全面的测试能力（包括单元测试和端到端测…
Babel 配置工程师应知应会Babel Sorry，标题党了，本文仅介绍 Babel 相关生态和一些配置心得。 Babel 各个 package 的用途 babel-core: 核心部分 babel-cli: 允许使用命令行 babel-node: babel-node 直接执行 es6/jsx 文件，自动加载 poly…
Typescript+React+Redux-Observable脚手架 Features Typescript 强类型的JavaScript，提高编码、debug效率 React facebook开源库，基于JSX语法创建组件 Redux
《也许你不知道，JS animation比CSS更快！》CSS vs. JS Animation: 哪个更快? （by 众成翻译 /凯小凯）
如何从 alinode 迁移到 Node.js 性能平台什么是 Node.js 性能平台兼容原 alinode 功能所有功能免费使用技术支持钉钉群: 11794270 如何从 alinode 切换到 Node.js 性能平台 1. 安装 agenthub npm install @alicloud/agenthub -g 2. 在Node.js 性能平台创建新应用得到 app id 和 app secret 3. 更新原来的配置文件 ap…
【HTML5 video视频兼容实践】我们都知道HTML5 video标签是现在比较流行的播放器，几乎很多高级的浏览器如chrome、firefox和Safari都支持HTML5 video标签，但是仍然有一部分老的浏览器不支持，特别是IE9以下的浏览器，这样子你需要提…详情→ #前端开发博客#
《调整 JavaScript 抽象的迭代方案》即使还没有读过我的文章《在处理网络数据的 JavaScript 抽象的重要性》，你也很有可能已经意识到代码的可维护性和可扩展性很重要，这也是介绍 JavaScript 抽象的目的。（by iKcamp /小溪里）
#前端开发那些事#【前端常见 JS 问题总结】详见：本文作者总结了一些常见的 JS 问题与解答，与大家分享。（作者：Neuro_annie）
webpack 3 零基础入门教程 #7 – webpack-dev-server 就是这么简单现在我们来学习一个最常用的插件 webpack-dev-server ，一般来说，这个插件，大家都会用，特别是开发环境下。我们之前使用 webpack -d –watch 来在开发环境下编译静态文件，但是这个功能，完全可以用 webpack-dev-server 来代替。除此之外， webpack-dev-server 还有其他的功能，比如在本地上开启服务，打开…