macOS 缺失的软件包的管理器——Homebrew 目录#1 Homebrew是什么#2 Homebrew安装#3 检查是否安装成功#4Homebrew基本使用安装任意包卸载任意包查询可用包查看已安装包列表查看任意包信息更新Homebrew查看Homebrew版本Homebrew帮助信息#5 注意事项#1 Homebrew是什么Homebrew是一款Mac OS平台下的软件包管理工具...
最聪明人的学习方法 理查德•菲利普斯•费曼理查德•菲利普斯•费曼是美籍犹太裔物理学家。1965年诺贝尔物理奖得主。费曼的父亲从小教育儿子热爱大自然，保持好奇心，学会和他人分享。费曼17岁考入麻省理工学，先学数学，后学物理，21岁本科毕业，毕业论文发表在《物理评论》上，内有一个后来以他的名字命名的量子力学公式，开始致力于研究量子力学的疑难问题：发散困难。24岁获得普林斯顿大学理论物理学博士学位，并加入美国原子弹研究...
Vue组件化|通用组件开发——Notification通知组件 1. 基础组件编写1.1 组件目录结构1.2 组件文件代码<template> <transition name="fade"> <div class="notification" :style="style"> <span class="content">{{content}}</span> ...
Vue基础技术|背景图铺满全屏效果 背景图：背景图尺寸信息：新建全局样式文件global.styl，并编写全局样式查看效果图：问题：通过背景图原图比对发现显示效果不全。如何实现背景图的全屏呢？可以通过css3提供的background-size: cover属性设置cover属性后的效果如下：然后再设置背景图居中显示就可以了完整样式文件代码：html, body{ m...
Vue基础技术|配置文件 package.json{ "name": "vue-demo", "version": "1.0.0", "description": "vue demo", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "b...
Vue基础技术|配置vue的jsx写法以及postcss 1. 安装依赖包➜ vue-demo npm install postcss-loader@2.0.9 autoprefixer@7.2.3 babel-core@6.26.0 babel-loader@7.1.2npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browsersli...
Vue基础技术|webpack-dev-server的配置和使用 这部分主要说一下如何配置我们的webpack-dev-server让我们可以在开发的过程中体验到一个非常高效又非常方便的开发模式，提高我们的开发效率，webpack-dev-server是webpack的包，首先需要安装这个webpack包➜ vue-demo npm install webpack-dev-server@2.9.7npm WARN vue-demo@1.0.0 No r...
Vue基础技术|webpack配置项目加载各种静态资源及css预处理器 webpack配置项目加载css文件那么css-loader实际上它只是帮助我们处理了css文件，我们的css它是在我们的前端项目运行的时候它是要作为一个外部文件去处理的或者是我们要把我们的样式写到我们的html内容里面，作为一个style标签然后把里面的样式全部列出来，所以我们有不同的处理方式，所以我们的这种处理方式要怎么去声明它呢？那么我们的配置就要换一种模式不再使用loader而是改...
Vue基础技术|vue-loader+webpack项目配置 项目初始化首先需要创建一个空目录vue-demo，然后通过命令行进入该目录后，执行npm init指令来初始化为一个npm的项目，基本选项都可以选择默认值即可，初始化完成后会在当前目录下生成一个package.json文件，该文件是项目的配置文件。➜ ~ cd Documents/workspace/vue-demo➜ vue-demo pwd/Users/a1/Document...
Java程序员进阶架构师其实并不难，关键在于选择 工作中太多被动是因为不懂底层原理。公司的工作节奏又比较快，难有机会学习架构原理，也没人教，所以这个时候，学习架构原理，扩展思维，对自己以后职业生涯尤为重要。同样公司的两个新人，一个新人一点就通，学东西很快，有的人，学东西很慢，也很痛苦，处处都是新技术。为什么？因为那个人懂原理，万物都有规律，掌握了规律学其他东西原理相通，一触就会，不懂原理就会处处碰壁，学习很慢还很折磨。很多程序员会有一个苦恼，工作...
Java程序员进阶架构师其实并不难，关键在于选择 工作中太多被动是因为不懂底层原理。公司的工作节奏又比较快，难有机会学习架构原理，也没人教，所以这个时候，学习架构原理，扩展思维，对自己以后职业生涯尤为重要。同样公司的两个新人，一个新人一点就通，学东西很快，有的人，学东西很慢，也很痛苦，处处都是新技术。为什么？因为那个人懂原理，万物都有规律，掌握了规律学其他东西原理相通，一触就会，不懂原理就会处处碰壁，学习很慢还很折磨。很多程序员会有一个苦恼，工作...
前端技术清单 记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此，我结合工作体会抽象出了一些前端基础技术能力，并将这段时间学习或产出的一些不错的内容根据这些能力进行整理，形成了一份前端...
CSS工具类样式库 bootstrap utils Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page.https://getbootstrap.com/docs/4.1/utilities/...
TweenMax动画库学习 做HTML5移动端开发的时候，用的都是Animate.css,这个插件封装的的确很好，但是在做一些缓动方面的动画，它也有一定的不足之处，比如手要写一个连续的动画，需要不停的去重复写函数，使得代码严重的冗余，再比如要获取动画执行的时间，就比较的麻烦等等。而TweenMax恰恰可以解决这方面的不足。参考资料：http://www.cnblogs.com/chenyablog/p/5554926...
Vue2.0学习笔记：Vue中的Mixins 在项目开发的时候，常会碰到这样的一种现象：有两个组件非常相似，比如较为熟悉的Modal、Tooltip和Popover，它们都具有同样的基本函数，而且它们之前也有足够的不同。很多时候，就让人很难做出选择：是把它们拆会成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆会成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面，...
Vue 2.0学习笔记：事件总线（EventBus） 许多现代JavaScript框架和库的核心概念是能够将数据和UI封装在模块化、可重用的组件中。这对于开发人员可以在开发整个应用程序时避免使用编写大量重复的代码。虽然这样做非常有用，但也涉及到组件之间的数据通讯。在Vue中同样有这样的概念存在。通过前面一段时间的学习，Vue组件数据通讯常常会有父子组件，兄弟组件之间的数据通讯。也就是说在Vue中组件通讯有一定的原则。参考资料：https:...
Vue.js 父子组件通信的十种方式 https://mp.weixin.qq.com/s?__biz=MzUzOTM0MTE4OQ==&mid=2247485044&idx=1&sn=a2a51a06d902464ab657e829d67ec672&chksm=fac8be9ecdbf3788a70f997c3a752a93fb6afb5bb80e55c98c9603743a4cdd0c39905f6...
JavaScript开发者应懂的33个概念 JavaScript开发者应懂的33个概念 简介这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备，但在未来学习（JavaScript）中，可以作为一篇指南。本篇文章是参照 @leonardomso 创立，英文版项目地址在这里。由于原版资源都要翻墙，所以本人创立一个中文版，附上关于这些概念在国内的一些文章和视频。若有觉得更好的文章或者视频，可以贡献...
关注
