自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

李留白

Do Something Funny !

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

原创 【Vue2.0】 项目实战案例及Demo,基于vue2.0+vuex+vue-router2+axios实现

Github地址:https://github.com/hicoldcat/TimeCat 【此处留白】 - 图片社交分享App技术栈前端:Vue2 + Vuex + Vue-Router2 + Axios + Webpack + ES6/7 + Less项目安装# clone或者download项目git clone https://github.com/hicoldcat/TimeCa

2017-03-10 13:57:02 7394 2

原创 【无标题】

你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:Ctrl/Command + S

2023-10-24 14:23:14 87

转载 iterm2 快捷键大全 Mac item2常用快捷键

标签新建标签:command + t关闭标签:command + w切换标签:command + 数字 command + 左右方向键切换全屏:command + enter查找:command + f分屏垂直分屏:command + d水平分屏:command + shift + d切换屏幕:command + option + 方向键 command + [ 或 comman...

2018-12-06 16:58:22 1125

转载 docker 如何删除none镜像

删除none的镜像,要先删除镜像中的容器。要删除镜像中的容器,必须先停止容器。$ docker images$ docker rmi $(docker images | grep "none" | awk '{print $3}') 直接删除带none的镜像,直接报错了。提示先停止容器。$ docker stop $(docker ps -a | grep "Exited" | aw...

2018-06-25 15:21:16 57181 7

原创 Mac 查看端口占用

命令 lsof -i tcp:port (port替换成端口号,比如6379)可以查看该端口被什么程序占用,并显示PID,方便KILL

2018-06-22 11:37:20 922

原创 Docker 删除 none 镜像 命令

docker删除无用的none镜像docker ps -a | grep "Exited" | awk '{print $1 }'|xargs docker stopdocker ps -a | grep "Exited" | awk '{print $1 }'|xargs docker rmdocker images|grep none|awk '{print $3 }'|xargs d...

2018-06-08 10:07:47 11161

原创 PostgreSQL 常用命令

SQL commands ABORT ALTER TRIGGER CREATE RULE DROP GROUP LISTEN ALTER AGGREGATE ALTER TYPE...

2018-05-05 13:29:49 871

原创 Vuex源码分析系列学习笔记

菜鸟学Vuex Vuex源码分析系列学习笔记最近项目中使用了Vue,在项目中对于组件之间通信一直使用的是EventBus,但是现在项目越来越大,用EventBus出现了很多问题,项目也弄得混乱不堪,所以决心引如Vuex这个神器,同时,也顺便把Vuex源码学习拜读一下,以便加深对Vuex的理解。声明:本文中提到的项目是基于Vue-cli生成的项目demo,vue版本为 ^2.5....

2018-04-07 00:40:25 470

原创 Javascript实现深拷贝方法-deepCopy

在Vuex源码中发现了一个深拷贝方法,感觉不错,记录一下。function deepCopy (obj, cache = []) { function find (list, f) { return list.filter(f)[0] } // just return if obj is immutable value if (obj === null || t...

2018-04-06 22:39:18 3586 1

原创 Macbook Pro如何显示和隐藏文件夹

隐藏文件夹:打开终端,输入“chflags hidden ”,注意n后面还有个空格,然后把要隐藏的东西往这后面拖,之后return就可 …显示文件夹:Command+Shift+”.”

2018-01-30 20:10:31 11956

原创 Leanote自建云笔记,支持云同步和markdown

官网安装方法: https://github.com/leanote/leanote/wiki/Leanote-%E4%BA%8C%E8%BF%9B%E5%88%B6%E7%89%88%E8%AF%A6%E7%BB%86%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B—-Mac-and-Linux连接自建服务器: https://segmentfault.com/a/11

2017-12-26 17:36:35 3038

原创 Mac和Windows下安装MongoDB,并使用adminMongo管理数据

Mac 下安装MongoDB,使用HomeBrew。 详情文档 Install MongoDB Enterprise on OS X也可以参考mac下安装和配置mongodb的步骤详解adminMongo 管理本地MongoDB adminMongo

2017-11-29 17:20:54 1666

转载 【转载】MongoDB 极简实践入门

MongoDB 极简实践入门1. 为什么用MongoDB?传统的计算机应用大多使用关系型数据库来存储数据,比如大家可能熟悉的MySql, Sqlite等等,它的特点是数据以表格(table)的形式储存起来的。数据库由一张张排列整齐的表格构成,就好像一个Excel表单一样,每个表格会有若干列,比如一个学生信息表,可能包含学号、姓名、性别、入学年份、高考成绩、籍贯等等。而表格的每一排,则是一个个学生的具

2017-11-28 18:56:41 269

转载 Sublime Text 3 快捷键总结

选择类Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。Ctrl+Shift+

2017-11-23 16:10:31 203

原创 【React Native】那些年RN上跳过的坑

1、github上clone下来的react native 项目,在mac上 react-native run-android 后,报错如下:Starting JS server...Building and installing the app on the device (cd android && ./gradlew installDebug)...Could ...

2017-11-07 17:03:32 738 1

原创 flex布局在ios8上的兼容性问题

最近在做项目时,使用到了flex布局。其他ios版本都还好,唯独在ios8上遇到了flex布局没起作用的问题。后来经过研究才发现,safari使用的是webkit内核,在ios8上需要单独加一下兼容才起作用。display: flex;display: -webkit-flex; justify-content: center;-webkit-justify-content: center;

2017-09-29 16:10:50 16924

原创 【前端面试】清除二维数组中元素为0所在的行和列

面试的时候经常会遇到这样一个面试题:有一个二维数组如下:[ [1,1,3,8], [0,2,5,6], [3,1,0,4], [5,8,2,7]]需要将包含0的行和列变为0.请输出返回的数组。使用js实现代码如下:function clearZero(arr){ var row = arr.length; var col = arr[0].lengt

2017-05-23 13:45:21 1573

原创 DocumentFragment 对象在性能优化中的应用

DocumentFragment 接口表示文档的一部分(或一段)。更确切地说,它表示一个或多个邻接的 Document 节点和它们的所有子孙节点。也就是说,这个对象相当于一个挂载点,里面包含了真实的节点。 DocumentFragment 节点不属于文档树,继承的 parentNode 属性总是 null。使用 Document.createDocumentFragment() 方法创建新的空 D

2017-05-18 09:44:10 975

原创 【JavaScript】12种应该避免的js语法

==Javascript有两组相等运算符,一组是==和!=,另一组是===和!==。前者只比较值的相等,后者除了值以外,还比较类型是否相同。请尽量不要使用前一组,永远只使用===和!==。因为==默认会进行类型转换,规则十分难记。如果你不相信的话,请回答下面五个判断式的值是true还是false:   false == ‘false’   false == undefined   false

2017-05-12 10:15:50 470

转载 修改WAMPServer默认的网站路径地址的一种方式

刚开始学习PHP,跟着教程使用了WAMPServer集成环境来学习PHP。但是发现教程中修改默认路径的方式在我的环境中不适用,大概是因为版本不同吧,于是找了其他方法,最后终于成功修改,故记录下来仅供参考。本人的WAMPServer环境版本为:Apache 2.4.23、PHP 5.6.25、MySQL 5.7.14教程中的方法:修改httpd.conf中的DocumentRoot和Directory

2017-04-17 15:43:45 6733 1

原创 PhpStrom 2017.1激活码

安装完成后,打开软件,依次选择菜单栏 Help -> Register-> Activation code ->输入复制验证码->确定完成。CNEKJPQZEX-eyJsaWNlbnNlSWQiOiJDTkVLSlBRWkVYIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxp

2017-04-17 15:05:17 2149

原创 【CSS3】CSS3中的Rem值与Px之间的换算

bootstrap默认 html{font-size: 10px;}rem是一个相对大小的值,它相对于根元素,比如假设,我们设置html的字体大小的值为html{font-size: 87.5%;}(也就是14px)。然后其他的字体就是将你要的值除以14得到的值;比如默认的twentytwelve主题大小是960px;换算成rem就是960/14=68.57142857142857rem;paddi

2017-04-14 17:03:57 2537

原创 【HTML】html5新增的标签

H5新增标签:article: 标签定义外部的内容。aside:标签定义 article 以外的内容。audio:h5新增音频标签。没有高宽属性。canvas:h5新增画布标签。command: 定义命令按钮(未测试)datalist:标签定义选项列表。datalist 及其选项不会被想显示出来,它仅仅是合法的输入值列表。details:标签用于描述文档或文档某个部分的细节。figure:标签用于对

2017-03-22 09:12:50 715

原创 【CSS】哪些样式属性可以继承

不可继承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-brea

2017-03-21 16:04:13 6734 2

原创 Windows下使用 nvm 管理不同版本的 node

最近在工作中,需要在不同的项目中使用不同版本的node。但是研究了一下nnode版本管理器,好像不支持windows环境。因此,实践了一下nvm。1、首先需要下载nvm的exe文件。 https://github.com/coreybutler/nvm-windows/releases2、从最新releases版本中下载nvm-setup.zip压缩包,解压后安装即可。3、nvm常用的命令:项目G

2017-03-14 12:40:55 4226

原创 【CSS3】创意页面切换效果集合

CSS3实现的页面切换动画特效在线演示地址:http://www.yyyweb.com/demo/page-transitions/

2017-03-07 10:02:50 2406

原创 【Vue2.0】vue生命周期中的钩子函数

最常用的就是created函数,后续会贴一些实际项目中使用到的关于生命周期使用的代码。

2017-02-27 09:29:19 1727

原创 【vue2.0】Cannot read property 'matched' of undefined

最近在尝试用vue-cli 架手架自动生成vue2.0项目时,用到了vue-router。但是一直报错如下:Uncaught TypeError: Cannot read property 'matched' of undefined一直没找到原因,最终在尝试无数次后,发现问题在引入路由文件后的命名上,代码如下:import Vue from 'vue'import App from './A

2017-02-27 09:17:03 27984 4

原创 【vue2.0】解决使用vue-cli生成项目后项目地址自动添加#号的问题

使用vue官方的vue-cli脚手架自动生成项目后,在启动项目后,会自动打开 ‘http://localhost:8080/#/’ 地址,而且一直没法去掉“#”号。直到后来重新详细看vue-router官方文档,才发现,这是由路由的默认配置模式引起的。解决方法是将路由配置成history模式,代码如下:export default new Router({ mode: 'history',

2017-02-22 15:54:30 6637

原创 对象的拷贝 - $.extend方法

今天遇到一个问题,使用ajax请求数据后,希望将请求的数据像数组push一样丢进老的对象之中,而又不想老对象里面的数据丢失。数组对这种问题的处理很简单,直接用新数据push进老数组即可。但是对于对象而言,一直没想到好方法。知道发现了$.extend方法。使用方法:$.extend(true, target object, object1);其中,第一个参数是选择是否覆盖在已有的key上,第二个参数

2017-02-20 16:59:00 609

原创 【ES6】最常用的核心内容

1、let 和 consthttp://es6.ruanyifeng.com/#docs/let2、class 、extends、superhttp://es6.ruanyifeng.com/#docs/class3、 箭头函数 ” => ”http://es6.ruanyifeng.com/#docs/function#箭头函数4、template stringhttp://es6.ruanyif

2017-02-18 14:28:11 1133

原创 Vue2.0 项目实战案例及Demo,基于vue2.0+vuex+vue-router+axios实现

Github地址:https://github.com/hicoldcat/TimeCat

2017-02-06 17:25:39 19021 1

转载 【转载】国内优秀npm镜像推荐及使用

npm全称Node Package Manager,是node.js的模块依赖管理工具。由于npm的源在国外,所以国内用户使用起来各种不方便。下面整理出了一部分国内优秀的npm镜像资源,国内用户可以选择使用。国内优秀npm镜像淘宝npm镜像 搜索地址:http://npm.taobao.org/registry地址:http://registry.npm.taobao.org/cnpmjs镜

2017-02-06 15:07:07 813

转载 【转载】开发微信小程序的必备技能图谱

原文链接:http://geek.csdn.net/news/detail/103138,版权属原作者所有。

2017-02-06 11:00:56 796

原创 【HTML & CSS & JavaScript】HTML5新标签

H5新增标签: 标签 描述 用法 <article> 定义文章 规定独立的自包含内容。一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发。<article> 元素的潜在来源:论坛帖子、报纸文章、博客条目、用户评论 <aside> 定义页面内容之外的内容 标签定义其所处内容之外的内容。aside 的内容应该与附近的内容相关 <audio> 定

2017-02-05 22:01:10 421

转载 【HTML & CSS & JavaScript】JS与Flash的相互调用

1、flex调用js方法调用方法例如:ExternalInterface.call("UploadComplete",oldName,uidName,_dir+"/"+uidName+type);第一个是js方法名,后面几个是给这个js方法传的参数。这个方法必须在网页的js中注册,否则会调用失败。需要注意的是调用之前需要检查网页的js是否已完成加载,用ExternalInterface.availa

2017-02-05 14:12:31 381

原创 【HTML & CSS & JavaScript】overflow属性滚动机制

参数是scroll时候,必会出现滚动条。参数是auto时候,子元素内容大于父元素时出现滚动条。参数是visible时候,溢出的内容出现在父元素之外。参数是hidden时候,溢出隐藏。

2017-02-05 10:37:11 840

原创 【HTML & CSS & JavaScript】display属性容易搞混

display属性容易搞混: 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 inline-block 行内块元素。(CSS2.1 新增的值) list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级

2017-02-04 17:01:19 650

原创 【微信小程序】合法域名校验出错,不在以下合法域名列表中 解决方法

微信小程序开发过程中,在请求数据时,出现如下问题:这是因为在小程序中发起了wx.request请求,但是请求的域名没有在微信公众平台后台设置。解决方法:一、 可以在小程序中设置不校验域名。二、 管理员将需要使用的域名添加到小程序后台1. 地址:http://mp.weixin.qq.com 2. 将要请求的域名设置为请求合法域名 注:request 合法域名可以填写多个,如果已经有其它的合域名了

2017-01-09 14:04:19 72420 8

原创 微信小程序项目案例及Demo

WeCat-微信小程序 板块:首页 :微信精选资讯 : 新闻资讯工具 : 生活常用小工具猫窝 : 站长工具 项目说明基于聚合数据提供的一些免费API实现。集成了微信精选阅读,新闻资讯,生活常用查询以及开发者常用工具等。 同时感谢聚合数据提供的免费API。 项目地址 :微信小程序DEMO 项目截图 How to useClone 或者 Download 代码

2017-01-06 13:20:32 10277 1

空空如也

空空如也

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

TA关注的人

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