20171209 前端开发日报

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

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

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

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

原创文章:20171209 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20171209.html)