20180612 前端开发日报

你也许不知道的Vuejs – 组件式开发;VueReact、Angular之三国杀;手把手指导您使用 Git;你也许不知道的Vuejs – 前言;几个你所不知道的技巧助你写出更优雅的vue.js代码;你也许不知道的Vuejs – 强大的指令系统;你也许不知道的Vuejs – 定制开发项目模板;你也许不知道的Vuejs – 花式渲染目标元素

  1. 你也许不知道的Vuejs - 组件式开发 组件(Component)绝对是 Vue 最强大的功能之一。它可以扩展HTML元素,封装可复用代码。从较高层面讲,可以理解组件为自定义的HTML元素,Vue 的编译器为它添加了特殊强大的功能。所有的 Vue 组件同时也都是 Vue 的实例,因此可以接受相同的选项对象(除了一些特有的选项)并提供相同的生命周期函数。 再来回顾下 你也...
  2. Vue、React、Angular之三国杀】目前前端技术栈发生了翻天覆地的变化,上篇刚写了只会jquery 要失业,再不学新的你就要被淘汰,虽然有点危言耸听,不过现实情况确实是这样。详见 (来自:前端你别闹) ​​​​
    Vue、React、Angular之三国杀
  3. 手把手指导您使用 Git》如果您从未使用过 Git,甚至可能从未听说过它。莫慌张,只需要一步步地跟着这篇入门教程,很快您就会在 GitHub 上拥有一个全新的 Git 仓库。 (by Linux中国/ChenYi) ​​​
    手把手指导您使用 Git
  4. 你也许不知道的Vuejs - 前言 《你也许不知道的Vuejs》系列文章是本人在过去一年多的时间里,从完全不知道Vuejs到熟练地使用Vuejs开发各种复杂的大型项目,从不同项目开发实践中总结的一些经验和技巧类文章。重点带你一步步熟悉如何使用Vuejs来开发基本的项目,包括周边生态中,一些较热门工具的使用和技巧,同时也会分享当面对较复杂功能需求时候,...
  5. 你也许不知道的Vuejs - 强大的指令系统 在 Vuejs 中,指令(Directives)是带有 v- 前缀的特殊属性。指令属性的预期值是 单个 Javascript 表达式 ( v-for 是个例外)。指令的职责是,当表达式改变时,将其产生的连带影响,响应式的作用于 DOM。 当然,Vue 除了核心功能默认内置的指令外,更强大的是它允许注册自定义指令,这是个让我非常惊...
  6. 你也许不知道的Vuejs - 定制开发项目模板 有了前面几篇文章的铺垫,我相信我们回过头来再看看用 vue-cli 脚手架工具初始化的项目,就很好理解了。本篇将带着大家全面认识下用 vue-cli 脚手架工具初始化的项目,并会讲解如何定制化自己的项目模板。 初始化项目 先全局安装 vue-cli 脚手架工具: npm install -g vue-cli ...
  7. 你也许不知道的Vuejs - 花式渲染目标元素 摘自官方文档: Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页...
  8. 拥抱开源,Linux 基金会创始人首谈微软收购 GitHub 导读:这两天,我陆续看到有一些文章和许多人对 GitHub 被微软收购这件事意见很大,甚至觉得 GitHub 正式开始进入衰退期。讲真,微软过去在开源这方面确实做得不好,是公认的开源界敌人。殊不知这么多年过去了,微软已经不再是你想象中的那个微软了,而 GitHub 或许刚迈入一个新的发展阶段。 这篇文章翻译...
  9. vue-router 初始化时做了什么 最近因为业务需要,实现了一个简单的前端 router,正好也来看一下 vue router 是怎么实现的。这次先来一起看看 vue-router 初始化时做了什么:muscle:。 vue router 的初始化使用步骤 我们首先来看 vue-router 的使用步骤,然后再分别去看各个步骤都发生了什么。 使用 vue-router 需要经过一下几个步骤: ...
  10. 你也许不知道的Vuejs - 使用ESLint检查代码质量 Javascript 是一门弱类型语言,所以语法检查变得尤为重要。虽然有很多前端IDE开发工具,可以很好地帮助我们提示在编写时的错误,但是大多数开发者还是使用的像 Sublime Text 、 Visual Studio Code 之类的轻量级编辑器,这导致在开发中很容易出现各种错误,比如单词拼写错误,漏掉了括号等。而且每个人的代码编写...
  11. 你也许不知道的Vuejs - 使用ES6快乐的玩耍 上一篇中我们已经学会使用 babel 将 ES6 转化为 ES5 了,并且展示了一些 ES6 代码,这一篇将重点聊聊 ES6 在 Vuejs 项目中一些部分应用。 什么是ES6 摘自 ECMAScript 6 简介 : 大家习惯将 ECMAScript 6.0 简称为 ES6 ,它是 Javascript 语言的下一代标准,它的目标,是使得 Javascript 语言...
  12. 梳理前端开发使用 eslint 和 prettier 来检查和格式化代码问题(更新版) 更新版,之前的版本可以看这里:梳理前端开发使用 eslint 和 prettier 来检查和格式化代码问题 梳理前端开发使用 eslint 和 prettier 来检查和格式化代码问题 一、问题痛点 在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。因此编写符合团队编码规范的代码是至关重要的...
  13. 2018年5月份GitHub上最热门的Java开源项目】又到了为大家盘点5月份GitHub上最热门的Java开源项目的时候了,饿了么最近新推出一款开源库叫做UETool,据说非常好用 ,本次也上榜了,不知道有几个人是体验过的呢?详见 ​​​
    2018年5月份GitHub上最热门的Java开源项目
  14. 你也许不知道的Vuejs - 工欲善其事必先利其器 既然是实战,怎离不开项目开发的环境呢?先给大家推荐下我的个人开发环境: 硬件设备:Mac OSX 编译器:Visual Studio Code 命令行工具:iTerm2 调试工具:Chrome Dev tool + vue-devtools 版本管理:Git 具体工具的操作界面和如何使用,这里就不展示了。随便用搜索...
  15. 20180611 前端开发日报】你应该知道的9个优秀的CSS框架;WebSocket 简单介绍和使用;Vue 技术内幕;web暴力破解–前端JS表单加密进行爆破;手机端页面在项目中遇到的一些问题及解决办法;20180610 前端开发日报;前端重构方案了解一下;...详情→ ​​​
    20180611 前端开发日报
  16. 你也许不知道的Vuejs - Vuejs 自定义路由实现 对于单页面应用,前端路由是必不可少的,官方也提供了 vue-router 库 供我们方便的实现,但是如果你的应用非常简单,就没有必要引入整个路由库了,可以通过 Vuejs 动态渲染的API来实现。 我们知道组件可以通过 template 来指定模板,对于单文件组件,可以通过 template 标签指定模板,除此之外,Vue 还提...
  17. 你也许不知道的Vuejs - Vuejs 插件开发 虽然 Vue.js 已经足够强大了,但是在实际开发中,我们还是需要引入各种模块来实现我们的功能需求,或者给全局的 Vue 对象添加一些全局功能,而 Vue 插件 就是来帮助我们完成这项工作的。 开发插件 Vuejs 插件范围没有限制,一般有以下几种: 添加全局方法或者属性,如: vue-custom-element ...
  18. 你也许不知道的Vuejs - 深入浅出响应式系统 虽然说是Vuejs实践,但是有些重要的理论还是必不可少的,本文将简单的带你了解 Vuejs的响应式原理 。 Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 Javascript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样非常重要,这样你可以回避一些...
  19. JavaScript News and Updates (May 2018) – codeburst React is love. React is life. The popularity of this JavaScript library from Facebook doesn’t stop growing, so we’ve prepared thre
  20. 你也许不知道的Vuejs - 单文件组件 在之前的实例中,我们都是通过 Vue.component 或者 components 属性的方式来定义组件,这种方式在很多中小规模的项目中还好,但在复杂的项目中,下面这些缺点就非常明显了: 字符串模板:缺乏高亮,书写麻烦,特别是 HTML 多行的时候,虽然可以将模板写在 html 文件中,但是侵入性太强,不利于组件解耦分...

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

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

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

发表评论

请登录后发表评论: