- 博客(82)
- 收藏
- 关注
转载 ldd查看可执行程序依赖的文件
ldd 用于查看可执行程序依赖的so动态链接库文件[root@localhost ld.so.conf.d]# ldd /usr/local/tengine/sbin/nginx linux-vdso.so.1 => (0x00007ffc9fd66000) libpthread.so.0 => /lib64/libpthread.so.0 (0...
2016-10-23 16:20:00
280
转载 ES6学习笔记(十四)
1、Promise的含义Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Pr...
2016-10-12 13:16:00
195
转载 ES6学习笔记(九)
1、概述ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是ES6引入Symbol的原因。ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。它是Jav...
2016-10-11 11:22:00
205
转载 webpack减少打包后文件体积的几种方法
webpack 把我们所有的文件都打包成一个 JS 文件,这样即使你是小项目,打包后的文件也会非常大。下面就来讲下如何从多个方面进行优化。去除不必要的插件刚开始用 webpack 的时候,开发环境和生产环境用的是同一个 webpack 配置文件,导致生产环境打包的 JS 文件包含了一大堆没必要的插件,比如 HotModuleReplacementPlugin, NoErrorsP...
2016-10-10 19:57:00
1435
转载 ES6学习笔记(三)
ES6加强了对Unicode的支持,并且扩展了字符串对象。1、字符的Unicode表示法JavaScript允许采用\uxxxx形式表示一个字符,其中“xxxx”表示字符的码点。"\u0061"// "a"但是,这种表示法只限于\u0000——\uFFFF之间的字符。超出这个范围的字符,必须用两个双字节的形式表达。"\uD842\uDFB7"...
2016-10-10 00:44:00
109
转载 用CSS和第三方库来提升图片浏览体验
你是否关注过浏览、点击图片这个微妙的过程,不同的图片展现、交互方式各带来什么样的观感?本文聚焦于图片浏览这个过程以及如何使用CSS3和第三方库来提升体验。先看下Pinterest、Flickr等时下热门图片分享类网站。Pinterest1采用瀑布流式,设计者本意大概是用户对于图片这类非文本信息本身就是非线性浏览的,交错排列的图片集合使焦点最大...
2016-10-09 20:34:00
127
转载 伪元素content的应用
日常开发中,我们常用:before,:after来实现一些效果,比如– 边框 – 图标 此时的content中只是为了伪元素能渲染出来而声明123 div:before{content: ""; }事实上,content属性不仅仅支持字符串,也支持一些内置的cs...
2016-10-09 20:29:00
131
转载 background之你不知道的background-position
这是一个有趣的话题其实我并不确切的平时大家是怎么去应用或者玩转一个属性,一个值。我能肯定的是这些东西都有不少的可玩性。我今天要聊的background-position应该已经被大家玩得色彩斑斓了。尤其是CSS Sprites流行的这些年,background-position基本上是被应用最多的属性之一。重拾旧趣我们知道background-positi...
2016-10-09 20:09:00
132
转载 ES6学习笔记(二)
1、数组的解构赋值基本用法ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。以前,为变量赋值,只能直接指定值。var a = 1;var b = 2;var c = 3;ES6允许写成下面这样。var [a, b, c] = [1, 2, 3];上面代码表示,可以从数组...
2016-10-09 10:12:00
94
转载 ES6学习笔记(一)
1、let命令基本用法ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中,分别用let和var声明了两个变量。然...
2016-10-08 22:57:00
97
转载 使用CSS完成元素居中的七种方法
在网页布局中元素水平居中比元素垂直居中要简单不少,同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代,我们很难确切的知道元素的准确高度和宽度,所以一些方案不大适用。据我所知, 在CSS中至少有六种实现居中的方法。我将使用下面的HTML结构从简单到复杂开始讲解:<div class="center"> <img src="jimmy-choo-sho...
2016-09-29 18:02:00
96
转载 美化加载失败的图片
加载失败的图片会很难看。但事实上并不总是一定要这样。我们可以用 CSS 在 <img> 标签上应用样式,来提供比默认情况更好的体验。两个关于 <img> 元素的真相为了搞懂怎么样才能美化加载失败的图片,我们需要先了解关于 <img> 元素的两种表现方式。1. 我们可以在 <img> 元素上应用常规排版相关的样式。如果图片...
2016-09-28 16:26:00
239
转载 背景透明,文字不透明的解决方案
在写项目的时候,会经常遇到这种需求,如图:背景半透明,文字正常显示你看到之后会有什么样的解决方案呢?思考一会儿。假设你思考了,可以看看和我的方法的区别,对比一下优劣,相互交流一下。有的童鞋可能会随口说出opacity:50%; 这种可能会遇到坑哦;而opacity的坑主要在于按照上边的HTML代码结构设置父元素opacity:0.5;会发现作为子元素的文字也变...
2016-09-28 15:47:00
342
转载 css文本换行你所不知道的技巧
前言:这是最近翻译的一篇文章我在header标签开头忘里边加入一个span标签的时候,有一点小问题。我总是想确保在span标签之前能够换行。明确地讲,在标签前边加入<br>并没有什么错误。(事实上这是非常有用的办法)。但是用HTML标签实现这个效果总让人觉得怪怪的。所以让我们探索更多的可能。HTML:<h1 class="one">B...
2016-09-28 15:30:00
180
转载 object-fit: 炒鸡方便的图片居中方法
今天在项目中遇到图片居中的问题,嗯,之前也有写过解决这个问题的文章,有n种方法。不过今天要说一个新的方案:object-fit,嗯,这个才是真的方便的方案啊。先看预览:object-fit只能用于『可替换元素』(replaced element) 。所谓可替换元素,是指元素的内容和表现不是由CSS控制的,独立渲染的外部元素,比如:img、object、vide...
2016-09-28 15:15:00
199
转载 CSS3制作hover下划线动画
1、前几天看到Hexo的next主题标题hover效果很炫,自己尝试写了一个,另一个是next的实现,照例先上图 2、实现小黑科技<div> <a href="javascript:void(0);" class="demo1">自己实现的hover效果</a></div>.demo1{...
2016-09-28 14:46:00
95
转载 normalize.css介绍
Normalize.css只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks以及许许多多其他...
2016-09-25 22:56:00
95
转载 Modernizr.js介绍与使用
Modernizr帮助我们检测浏览器是否实现了某个feature,如果实现了那么开发人员就可以充分利用这个feature做一些工作,反之没有实现开发人员也好提供一个fallback。所以,我们要明白的是Modernizr只是帮我们检测feature是否被支持,它并不能够给浏览器添加那些本来不支持的feature。Modernizr在2010和2011年均赢得了.net Award ...
2016-09-25 21:28:00
255
转载 prefixfree.js介绍
假如你现在正学习着强大的Css3,你知道Css3的很多数属性为实验属性,使用他们的时候得加上各式各样的浏览器前缀。可能你默默忍受了,因为还没到统一的时间。有没想过给自己减下负,偶然间在网上看到一个js解决方案,正好可以解决这个问题。他会帮你自动识别浏览器,生成对应的Css3样式前缀,这样你就可以直接当作标准属性来使用了。举个例子:原先:-webkit-transform: rot...
2016-09-25 20:38:00
448
转载 PHP中使用cURL
1.cURL介绍 cURL 是一个利用URL语法规定来传输文件和数据的工具,支持很多协议,如HTTP、FTP、TELNET等。最爽的是,PHP也支持 cURL 库。本文将介绍 cURL 的一些高级特性,以及在PHP中如何运用它。2.基本结构 在学习更为复杂的功能之前,先来看一下在PHP中建立cURL请求的基本步骤: (1)初始化 curl_init()...
2016-09-23 08:55:00
142
转载 data:image/png;base64是什么
大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///+ZmZmOUEqyAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACusA...
2016-09-22 14:47:00
1321
转载 js事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象
事件对象在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型,以及其他与特定事件相关的信息。例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件对象中,会包含与按下的键有关的信息。所有浏览器对象都支持event对象,但支持方式不同。DOM中的事件对象兼容DOM的浏览器会将一个eve...
2016-09-21 00:30:00
79
转载 js事件流、事件处理程序/事件侦听器
1、事件流事件冒泡IE的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。事件捕获事件捕获的思想是不太具体的节点应该更早的接收到事件,而最具体的节点应该在最后接收到节点。事件捕获的用意在于事件到达预定目标之前捕获它。DOM事件流“DOM2级事件流”规定的事...
2016-09-21 00:29:00
72
转载 DOM Ready 详解
DOM Ready 概述熟悉jQuery的人, 都知道DomReady事件. window.onload事件是在页面所有的资源都加载完毕后触发的. 如果页面上有大图片等资源响应缓慢, 会导致window.onload事件迟迟无法触发.所以出现了DOM Ready事件. 此事件在DOM文档结构准备完毕后触发, 即在资源加载前触发. 另外我们需要在DOM准备完毕后, 再修改D...
2016-09-20 17:38:00
141
转载 js函数与变量同名
console.log(a);var a = 3;function a(){}输出的结果是:[Function: a]注意一下几点就能知道原因了!1)函数声明会置顶2)变量声明也会置顶3)函数声明比变量声明更置顶:)4)变量和赋值语句一起书写,在js引擎解析时,会将其拆成声明和赋值2部分,声明置顶,赋值保留在原来位置5)声明过的变量不会重复声明按以上的规则...
2016-09-20 10:53:00
76
转载 js初学必知三重点
这里列出了一些JS重要知识点(不全面,但自己感觉很重要)。彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的。讲解还是以示例代码搭配注释的形式,这里做个小目录:JS代码预解析原理(包括三个段落);函数相关(包括 函数传参,带参数函数的调用方式,闭包);面向对象(包括 对象创建、原型链,数据类型的检测,继承)。JS代码预解析原理/*...
2016-09-20 10:08:00
75
转载 find命令
find命令用来在指定目录下查找文件。任何位于参数之前的字符串都将被视为欲查找的目录名。如果使用该命令时,不设置任何参数,则find命令将在当前目录下查找子目录与文件。并且将查找到的子目录和文件全部进行显示。语法find(选项)(参数)实例根据文件或者正则表达式进行匹配1.列出当前目录及子目录下所有文件和文件夹find.2.在/home目录下查找...
2016-09-20 09:47:00
145
转载 tree命令
tree命令以树状图列出目录的内容。1.语法tree(选项)(参数)2.选项-a:显示所有文件和目录;-A:使用ASNI绘图字符显示树状图而非以ASCII字符组合;-C:在文件和目录清单加上色彩,便于区分各种类型;-d:先是目录名称而非内容;-D:列出文件或目录的更改时间;-f:在每个文件或目录之前,显示完整的相对路径名称;-F:在执行...
2016-09-20 09:46:00
76
转载 which命令
which指令会在PATH变量指定的路径中,搜索某个系统命令的位置,并且返回第一个搜索结果。格式which可执行文件名称参数-V 显示版本信息实例用which去找出whichwhichwhich[root@localhost~]#whichwhichaliaswhich='alias|/usr/bin/which--tty-...
2016-09-20 09:45:00
56
转载 centos7.0安装docker报错
使用centos7.0安装dockers时出现Transactioncheckerror错误。yuminstalldockerTransactioncheckerror:file/usr/lib/systemd/system/blk-availability.servicefrominstallofdevice-mapper-7:1.02.107-5...
2016-09-20 09:44:00
469
转载 如何判断list中是否包含某个元素
在python中可以通过in和notin关键字来判读一个list中是否包含一个元素:str=['s','i','m','o','n']if'e'instr:print("einstr")else:print('enotinstr')输出:enotinstrif's'instr:print('...
2016-09-20 09:42:00
1017
转载 强大的字符串格式化函数 - format
自python2.6开始,新增了一种格式化字符串的函数str.format(),它通过{}和:来代替%位置方法格式化>>>'{}-{}'.format('simon','ting')'simon-ting'>>>'{1}.{2}'.format('www','baidu','com')'baidu.com'>>>...
2016-09-20 09:42:00
103
转载 字符串连接的5种方法
1.加号第一种,有编程经验的人,估计都知道很多语言里面是用加号连接两个字符串,Python里面也是如此直接用“+”来连接两个字符串;>>>print("hello"+"world")helloworld2.逗号第二种比较特殊,使用逗号连接两个字符串,如果两个字符串用“逗号”隔开,那么这两个字符串将被连接,但是,字符串之间会多出一个空格;...
2016-09-20 09:41:00
9910
转载 获取本机IP、mac地址、计算机名
python获取本机IP、mac地址、计算机名在python中获取ip地址和在php中有很大不同,我们先来看一下python获得本机MAC地址:>>>importuuid>>>defget_mac_address():mac=uuid.UUID(int=uuid.getnode()).he...
2016-09-20 09:40:00
489
转载 求和函数 sum详解
sum()的参数是一个list:>>>sum([1,2,3])6>>>sum(range(1,3))3还有一个比较有意思的用法a=range(1,11)b=range(1,10)c=sum([itemforiteminaifiteminb])printc输出:45转载于...
2016-09-20 09:38:00
4469
转载 docker无法连接进程
simon@simon-X550LD:~$dockerrunhello-worlddocker:CannotconnecttotheDockerdaemon.Isthedockerdaemonrunningonthishost?.See'dockerrun--help'.当出现docker无法连接到进程时,一般是因为权限不足,在执行时加...
2016-09-20 09:37:00
228
转载 随机生成验证码的两种方法
方法一:利用range方法importrandomdefgenerate_verification_code(len=6):'''随机生成6位的验证码'''#注意:这里我们生成的是0-9A-Za-z的列表,当然你也可以指定这个list,这里很灵活#比如:code_list=['P','y','t','h','o','n'...
2016-09-20 09:35:00
353
转载 cat命令
cat命令用于把档案串连接后传到基本输出(萤幕或加>fileName到另一个档案)语法格式:cat[-nbsv]fileName参数说明:-n或--number由1开始对所有输出的行数编号-b或--number-nonblank和-n相似,只不过对于空白行不编号-s或--squeeze-blank当遇到有连续两行以上的空白...
2016-09-20 09:35:00
76
转载 chattr命令
chattr命令用于改变文件属性.这项指令可改变存放在ext2文件系统上的文件或目录属性,这些属性共有以下8种模式:a:让文件或目录仅供附加用途。b:不更新文件或目录的最后存取时间。c:将文件或目录压缩后存放。d:将文件或目录排除在倾倒操作之外。i:不得任意更动文件或目录。s:保密性删除文件或目录。S...
2016-09-20 09:34:00
373
转载 chgrp命令
chgrp命令用于变更文件或目录的所属群组。在UNIX系统家族里,文件或目录权限的掌控以拥有者及所属群组来管理。您可以使用chgrp指令去变更文件与目录的所属群组,设置方式采用群组名称或群组识别码皆可。语法chgrp[-cfhRv][--help][--version][所属群组][文件或目录...]或chgrp[-cfhRv][--help][--referenc...
2016-09-20 09:33:00
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人