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

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

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