自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小酒屋

心无终点,行无止境

  • 博客(39)
  • 收藏
  • 关注

原创 macOS 缺失的软件包的管理器——Homebrew

目录#1 Homebrew是什么#2 Homebrew安装#3 检查是否安装成功#4Homebrew基本使用安装任意包卸载任意包查询可用包查看已安装包列表查看任意包信息更新Homebrew查看Homebrew版本Homebrew帮助信息#5 注意事项#1 Homebrew是什么Homebrew是一款Mac OS平台下的软件包管理工具...

2019-08-17 11:24:28 796

原创 最聪明人的学习方法

理查德•菲利普斯•费曼理查德•菲利普斯•费曼是美籍犹太裔物理学家。1965年诺贝尔物理奖得主。费曼的父亲从小教育儿子热爱大自然,保持好奇心,学会和他人分享。费曼17岁考入麻省理工学,先学数学,后学物理,21岁本科毕业,毕业论文发表在《物理评论》上,内有一个后来以他的名字命名的量子力学公式,开始致力于研究量子力学的疑难问题:发散困难。24岁获得普林斯顿大学理论物理学博士学位,并加入美国原子弹研究...

2019-08-15 23:04:49 877

原创 Vue组件化|通用组件开发——Notification通知组件

1. 基础组件编写1.1 组件目录结构1.2 组件文件代码<template> <transition name="fade"> <div class="notification" :style="style"> <span class="content">{{content}}</span> ...

2019-07-15 21:34:23 10089 1

原创 Vue基础技术|背景图铺满全屏效果

背景图:背景图尺寸信息:新建全局样式文件global.styl,并编写全局样式查看效果图:问题:通过背景图原图比对发现显示效果不全。如何实现背景图的全屏呢?可以通过css3提供的background-size: cover属性设置cover属性后的效果如下:然后再设置背景图居中显示就可以了完整样式文件代码:html, body{ m...

2019-07-14 16:32:28 13314 1

原创 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...

2019-07-14 15:47:04 360

原创 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...

2019-07-14 15:37:37 2232

原创 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...

2019-07-14 07:41:49 13939

原创 Vue基础技术|webpack配置项目加载各种静态资源及css预处理器

webpack配置项目加载css文件那么css-loader实际上它只是帮助我们处理了css文件,我们的css它是在我们的前端项目运行的时候它是要作为一个外部文件去处理的或者是我们要把我们的样式写到我们的html内容里面,作为一个style标签然后把里面的样式全部列出来,所以我们有不同的处理方式,所以我们的这种处理方式要怎么去声明它呢?那么我们的配置就要换一种模式不再使用loader而是改...

2019-07-13 20:39:28 2872

原创 Vue基础技术|vue-loader+webpack项目配置

项目初始化首先需要创建一个空目录vue-demo,然后通过命令行进入该目录后,执行npm init指令来初始化为一个npm的项目,基本选项都可以选择默认值即可,初始化完成后会在当前目录下生成一个package.json文件,该文件是项目的配置文件。➜ ~ cd Documents/workspace/vue-demo➜ vue-demo pwd/Users/a1/Document...

2019-07-12 23:29:54 6755

原创 Java程序员进阶架构师其实并不难,关键在于选择

工作中太多被动是因为不懂底层原理。公司的工作节奏又比较快,难有机会学习架构原理,也没人教,所以这个时候,学习架构原理,扩展思维,对自己以后职业生涯尤为重要。同样公司的两个新人,一个新人一点就通,学东西很快,有的人,学东西很慢,也很痛苦,处处都是新技术。为什么?因为那个人懂原理,万物都有规律,掌握了规律学其他东西原理相通,一触就会,不懂原理就会处处碰壁,学习很慢还很折磨。很多程序员会有一个苦恼,工作...

2018-12-01 13:26:39 682

原创 前端技术清单

记得年初的时候我给自己制定了一个学习计划,现在回顾来看完成度还不错。但仍有些遗憾,一些技术点没有时间去好好学习。在学习中我发现,像文章这样的知识往往是碎片化的,而前端涉及到的面很多,如果不将这些知识有效梳理,则无法形成体系、相互串联。最后有一种东懂一块,西了解一点的感觉。因此,我结合工作体会抽象出了一些前端基础技术能力,并将这段时间学习或产出的一些不错的内容根据这些能力进行整理,形成了一份前端...

2018-11-29 22:15:58 164

原创 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/...

2018-11-29 22:14:08 1879

原创 TweenMax动画库学习

做HTML5移动端开发的时候,用的都是Animate.css,这个插件封装的的确很好,但是在做一些缓动方面的动画,它也有一定的不足之处,比如手要写一个连续的动画,需要不停的去重复写函数,使得代码严重的冗余,再比如要获取动画执行的时间,就比较的麻烦等等。而TweenMax恰恰可以解决这方面的不足。参考资料:http://www.cnblogs.com/chenyablog/p/5554926...

2018-11-29 22:11:33 257

原创 CSS样式文件组织规范

saas文件夹主样式文件模块样式文件夹备注:所有的模块样式文件夹中都存在一个同名文件_all.sass作为该目录下其它文件的入口。模块文件夹下的入口文件...

2018-11-25 12:38:32 307

原创 Vue2.0学习笔记:Vue中的Mixins

在项目开发的时候,常会碰到这样的一种现象:有两个组件非常相似,比如较为熟悉的Modal、Tooltip和Popover,它们都具有同样的基本函数,而且它们之前也有足够的不同。很多时候,就让人很难做出选择:是把它们拆会成多个不同的组件呢?还是只使用一个组件,创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆会成多个组件,就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面,...

2018-11-24 12:18:03 420

原创 Vue 2.0的学习笔记: Vue实例和生命周期

参考资料:https://www.w3cplus.com/vue/vue-instances-and-life-cycles.html

2018-11-24 12:16:10 141

原创 Vue 2.0学习笔记:事件总线(EventBus)

许多现代JavaScript框架和库的核心概念是能够将数据和UI封装在模块化、可重用的组件中。这对于开发人员可以在开发整个应用程序时避免使用编写大量重复的代码。虽然这样做非常有用,但也涉及到组件之间的数据通讯。在Vue中同样有这样的概念存在。通过前面一段时间的学习,Vue组件数据通讯常常会有父子组件,兄弟组件之间的数据通讯。也就是说在Vue中组件通讯有一定的原则。参考资料:https:...

2018-11-24 12:04:00 508

原创 Vue.js 父子组件通信的十种方式

https://mp.weixin.qq.com/s?__biz=MzUzOTM0MTE4OQ==&amp;mid=2247485044&amp;idx=1&amp;sn=a2a51a06d902464ab657e829d67ec672&amp;chksm=fac8be9ecdbf3788a70f997c3a752a93fb6afb5bb80e55c98c9603743a4cdd0c39905f6...

2018-11-22 21:51:22 243

原创 JavaScript开发者应懂的33个概念

JavaScript开发者应懂的33个概念 简介这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备,但在未来学习(JavaScript)中,可以作为一篇指南。本篇文章是参照 @leonardomso 创立,英文版项目地址在这里。由于原版资源都要翻墙,所以本人创立一个中文版,附上关于这些概念在国内的一些文章和视频。若有觉得更好的文章或者视频,可以贡献...

2018-11-22 21:47:08 136

原创 利用视口单位实现适配布局

http://caibaojian.com/vw-vh.htmlhttps://aotu.io/notes/2017/04/28/2017-4-28-CSS-viewport-units/https://blog.csdn.net/ZNYSYS520/article/details/76053961

2018-11-18 20:41:42 212

原创 Vue常用经典开源项目汇总参考-海量

https://blog.csdn.net/chinahuyong/article/details/60867323

2018-11-17 22:48:56 160

原创 VUE开源高质量的管理控制台项目

项目1:https://github.com/taylorchen709/vue-admin代码目录结构项目2:https://github.com/vue-bulma/vue-admin代码目录结构项目3:https://github.com/wangxg2016/vue-bulma代码目录结构项目4:https://github.com/epic...

2018-11-15 00:24:47 1938

原创 what is vuex-router-sync for?

https://stackoverflow.com/questions/44171210/what-is-vuex-router-sync-for

2018-11-15 00:02:14 344

原创 Octotree可能是迄今为止最好的 GitHub 代码浏览插件

Octotree 是国外程序员Buu Nguyen 做的一个 Chrome 插件。安装之后,浏览托管在Github上的项目,可看到左侧的树形结构,更方便查看代码…… (有点 IDE 的感觉,用着好来点个赞吧)http://blog.jobbole.com/112011/http://top.jobbole.com/6015/...

2018-11-14 23:54:00 1512

原创 电视剧《创业时代》中罗维演讲

电视剧《创业时代》中罗维演讲时说过,海明威说,没有人是与世隔绝的孤岛,每一个人,都是这个世界,辽阔大陆的一部分,其实我们每一个人,都是孤孤单单的个体,我希望,通过同讯,大家可以表达自己,让声音汇入人群,让我们在这个世界上,发现和我们有着相同心绪的人,从此,不再孤独。在我看来,同讯是爱和勇气的结果,如果同讯可以让你感受到,一点点的快乐的话,那我们的世界,就会变得更美好一点点。佛陀在走之前说,这个世界...

2018-11-13 22:17:30 879

原创 基于VUE技术实现的父子组件之间的通信

效果图:改变前改变后方式1: 父子组件之间的通信:基于props及事件派发的方式&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;01-父子组件之间的通信:基于props及事件派发的方式&lt;/title&

2018-11-11 18:12:05 1040

原创 PhotoShopCS6如何给透明图片填充背景

第一步第二步第三步

2018-11-07 22:28:30 3961

原创 如何执行计划

如何执行计划对于计划的执行,这里借用一个别的行业术语:PDCA1、P (plan) 计划,包括方针和目标的确定,以及活动规划的制定。2、D (Do) 执行,根据已知的信息,设计具体的方法、方案和计划布局;再根据设计和布局,进行具体运作,实现计划中的内容。3、C (check) 检查,总结执行计划的结果,分清哪些对了,哪些错了,明确效果,找出问题。4、A (action)对总结检...

2018-11-04 16:27:01 1747

转载 云网融合的多云网络

https://www.sdnlab.com/21293.html

2018-11-04 15:00:26 1331

转载 Google B4 广域网SDN 的前世今生

https://www.sdnlab.com/22346.html

2018-11-04 14:59:27 681

转载 Facebook开源Linux内核组件和工具:BPF、Btrfs、Netconsd、Cgroup2、PSI、Oomd

内容摘要:作者:Tejun Heo(Facebook的软件工程师)和Thomas Connally。Facebook工程文化的一个组成部分始终是我们的开发团队致力于开发开源解决方案,以解决实际的生产问题,并应对现代大规模云计算的重大挑战。今天,我们宣布了一套解决重要的计算集群(fleet)管理问题的开源Linux内核组件和相关工具。这些包括资源控制、资源利用、工作负载隔离、负载均衡、测量和...

2018-11-04 14:55:52 741

原创 收藏的PSD设计稿

效果图:PSD源文件链接: https://pan.baidu.com/s/1ahRS8TlA2ZfbldUiiLWecA 提取码: kzxj 

2018-11-04 13:43:07 676

原创 关于经济寒冬找工作为什么这么难?

我的个人意见,不管外部市场怎样,即使企业很不景气,其实也还是需要人的,但是企业需要的是有能力,有经验,能真正胜任工作的人。我们无法改变企业这种情况,也无法改变整体行业状况,但是我们可以努力增加自己的工作经验,提高自己的工作能力,竞争能力,来应对这种状况。...

2018-11-04 13:25:49 1642

原创 PhotoshopCS6常用快捷键

1. 辅助线的显示与隐藏 command + R 2. 信息框的显示与隐藏 F8

2018-11-03 20:42:49 1127

原创 Octotree:树形展示 Github 项目代码

http://chromecj.com/web-development/2017-10/840.htmlhttps://github.com/ovity/octotree

2018-11-02 21:26:52 984

原创 基于echarts实现实时数据传输效果

效果图:代码片段:const targetCoord = [1000, 140]const curveness = 0.2const linesData = []const categories = [{ name: '流入中', itemStyle: { normal: { color: new echarts.grap...

2018-11-02 21:15:33 3009

原创 基于 Vue2.0 和 ECharts 封装的图表组件库v-charts

https://v-charts.js.org/#/https://github.com/ElemeFE/v-charts

2018-11-01 22:26:45 7672

原创 开放自由免费的高质量前端资源库

https://www.awesomes.cn/weuse

2018-11-01 22:24:13 243

原创 css代码书写规则

CSS的书写最好也按照这种规则,CSS书写顺序的判断依据是 css代码影响的方面,例如,影响元素位置的属性 left top,影响元素长相的 color background,字体 font-size font-weight,这些有同类功能的最好都写在一起另外,我习惯于把能引起页面回流的放在能引起页面的重绘属性的前面,对元素 影响程度 越高的属性越放在最前面,至于什么叫 影响程度 我也说不清楚...

2018-10-31 23:10:49 282

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除