凯子的专栏

转载 mac php gd 扩展 显示验证码

homebrew 报错解决方法

转载 nvm 还是 n

转载 Mac下brew方式安装mysql

转载 字符编码

转载 正则表达式的先行断言(lookahead)和后行断言(lookbehind)

正则表达式的先行断言和后行断言一共有4种形式： (?=pattern) 零宽正向先行断言(zero-width positive lookahead assertion) (?!pattern) 零宽负向先行断言(zero-width negative lookahead assertion) (?(?这里面的pattern是一个正则表达式。如同^代表开头，$代表结尾，

转载 iOS @2x 与@3x 图的详解

初代iPhone2007年，初代iPhone发布，屏幕的宽高是 320 x 480 像素。下文也是按照宽度，高度的顺序排列。这个分辨率一直到iPhone 3GS也保持不变。那时编写iOS的App(应用程序)，只支持绝对定位。比如一个按钮(x, y, width, height) = (20, 30, 40, 50)，就表示它的宽度是40像素，高度是50像素，放在

原创 mac 配置React Native的开发环境

1.0基础环境1.1  安装homebrewHomebrew是OS X的套件(包)管理器，用于安装Node.js和一些其他必须的工具软件。ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"1.2  安装nvm管理nodejs安装nvmnvm是no

转载 React 还是 Vue: 你应该选择哪一个Web前端框架？

如果你喜欢用（或希望能够用）模板搭建应用，请使用Vue    如果你喜欢简单和“能用就行”的东西，请使用Vue    如果你的应用需要尽可能的小和快，请使用Vue    如果你计划构建一个大型应用程序，请使用React    如果你想要一个同时适用于Web端和原生App的框架，请选择React    如果你想要最大的生态圈，请使用React    如果你已经对其中一个用

原创 scss实践 webpack立方体

1 2 3 4 5 6 /** @Author: owlcity* @Date: 2017-08-01 17:02:04* @Last Modified by: owlcity* @Last Modified time: 2017-08-01 17:43:47*/*{m

原创 compass安装

compass安装gem install compasscompass -vmkdir workspacecd workspacecompass create learn-compass-init解决compass安装报错:添加淘宝镜像源$ gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https，请将淘宝源更换成

原创 scss进阶

sass安装1:普通安装sudo gem install sasssass -v2:淘宝RubyGems镜像安装 sass$ gem sources --remove https://rubygems.org/$ gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https，请将淘宝源更换成：gem sources -a ht

原创 shell 概述

# @Author: owlcity# @Date:   2017-07-19 17:03:15# @Last Modified by:   owlcity# @Last Modified time: 2017-07-24 10:43:14一：shell 介绍二：shell 概述1 Bourne shell-sh-ksh-Bash-psh2 C

原创 一：Linux 简介及常用命令

# @Author: zk# @Date:   2017-07-17 15:21:32# @Last Modified time: 2017-07-19 14:18:01 一：linux 常见目录/跟目录/bin 命令保存目录(普通用户就可以读取的命令)/boot 启动目录，启动相关文件/dev 设备文件保存目录/etc配置文件保存目录/home 普通用户的

原创 iterm2 主题配置

git clone git://github.com/altercation/solarized.git然后进入项目文件目录会看到琳琅满目的配色解决方案,当然有一个目录是为 iterm2 准备的解决方案,就是 iterm2-colors-solarized我们使用其中一个 Solarized Dark.itermcolors如何使用? iterm2 /

原创 sublime 插件收集

1：注释插件DocBlockr2：默认注释头 fileheader配置user.name打开Preferences –Package Settings-File Header-settings user，输入{ "Default": { "author":"name", "last_modified_by":"name",

原创 mac命令行打开sublime

打开iTerm2然后打开~/.bash_profile加入环境变量，假如下面这行alias subl=\''/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl'\'其中Sublime Text 2.app这个名字要自行根据你Applications目录下的sublime名字来确定。然

转载 gulp 安装 gulp-css-spriter

原创 nvm 安装nodejs &gulp

配置环境变量并重启重启环境变量，source ~/.bash_profile安装node,在环境变量～／.bash_file中重新配置nodejs镜像源# nvmexport NVM_NODEJS_ORG_MIRROR="https://npm.taobao.org/mirrors/node"source ~/.nvm/nvm.shsource ~/.bash...

原创 移动端常用meta及问题

<!-- viewport content="width=number" 有些android存在兼容 user-scalable=0 禁止缩放 iOS10+已经不在支持 initial-scalable android还是支持 minimun-scale:最小缩放比例 与初始缩放比例相同 设计稿最少750--> <!-- viewport:可视区窗口 如果不设置

原创 jquery 队列

noConflict123eachdivspan// 1避免冲突// J = $.noConflict();// J(".div").css("color","#f00");// 2each// $.each() //可以遍历数组，和对象// $('obj').each()// end()// addBack()// add()var arr = ['

原创 jquery 高级方法

jquery /** * detach 删除元素但保留节点 * text() * replaceWith() 替换 * replaceAll() * append() * appendTo() * hover() * mouseenter()与mouseover区别子元素不会影响父级元素，mouseover会影响 * mouseleave() * mouseo

原创 js 设置读取删除cookie

cookie // cookie的存储方式// document.cookie = 'username=leo';document.cookie = 'age=29';// 1我们在通过document.cookie来获取当前网站下的cookie的时候得到的是字符串形式，包含了当前网站下的所有cookie，通过空格+分号链接// 2长时间存放cookie需要设置cookie的

原创 事件流及事件冒泡

/** *事件对象，当一个事件发生的时候，和当前这个对象发生的这个事件相关的详细信息都会被临时保存到一哥指定的地方-event,供我们调用 *事件函数： *兼容： *ie/chrome alert(event) undefined *event是一个内置的全局对象 *Firefox （标准）事件对象通过事件函数的第一个参数调用高 * * screenX screenY * cl

原创 bom对象

open 方法 window.onload = function(){ var oBtn = document.getElementsByTagName('input'); var opener = null; // open方法 // open(url, 打开方式) 如果URL为空则打开一个空白页 // 打开方式为空，则新窗口打开 // 返回值，返回新打开窗口的对象

原创 php 复制文件并重命名

最近公司年会要多一个抽奖页，发了每个人的头像，图片命名为工号+个人名字.jpg(1035 名字.jpg)，批量重命名并获取每个人的名字上代码<?php header("Content-type: text/html; charset=utf-8"); // 将原文件复制 function recurse_copy($src,$des){ $dir = opendir($src);

原创 php正则拉取网站导航及连接

foreach 不能同时遍历两个数组 Document*{padding: 0;margin: 0;font-family:'Microsoft yahei';font-size: 14px;}body{background:#f5f5f5;}table{border-collapse:collapse;border-spacing:0;}ul{text-align: l

原创 ThnikPHP中Ueditor使用

Ueditor

转载 Js apply call详解

Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高..主要我是要解决一下几个问题:1.apply和call的区别在哪里2.什么情况

原创 git学习 二（系统学习）

一：git本地创建文件夹上传远程版本库1:在本地创建要上传的文件夹2:git init 命令把这个目录变成Git可以管理的仓库3:git add$git add把当前所有修改添加到下次提交中$ git add -p 把对某个文件的修改添加到下次提交中$ git commit -a提交本地的所有修改$ git commit提交之前已标记的变化$ git commit

转载 jquery的each()详细介绍

each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法  each处理一维数组  var arr1 = [ "aaa", "bbb", "ccc

转载 jQuery.extend 函数详解

Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是:　　　 复制代码代码如下:extend(dest,src

原创 jquery stop filter each end

//语法结构 stop([clearQueue][,gotoEnd]);  $("button:eq(1)").click(function(){    $("#panel").stop();//停止当前动画，继续下一个动画,继默认状态stop(false,false);  });  $("button:eq(2)").click(function(){    $("#panel").s

原创 javascript 面向对象基础(四)面向对象的继承

/** * * 继承： * 属性的继承:调用父类的构造函数call * 方法的继承: for in 拷贝继承(jquery) * * apply: 方法名A.apply(对象名B, [执行A需要的参数,用数组表示]);call: 方法名A.call(对象名B, [执行A需要的参数,用逗号分隔]); apply和call功能是: 执行某一个对象的方法A, 但

原创 git学习一

/** * git * -工具，版本控制 * github * -网站、社交平台、开元项目、远程仓库 * * svn与git区别 * -svn集成式 * -git分布式 * -git作用 * * 本地创建git步骤 * */一：window命令 本地创建git Windows下列出目录下所有文件和子目录：  这个操作和lin

原创 javascript 面向对象基础(三)面向对象的常用属性和方法

/** * hasOwnProperty:判断是不是对象自身的属性 * constructor:查看对象的构造函数 * 每个原型都会自动添加constructor属性 * for in的时候有些属性是找不到的 * 避免修改constructor属性 * instanceof 运算符 * 对象与构造函数在原型链上是否有关系 * toString() object方法

原创 javascript 面向对象基础(二) 包装对象原型链

/** *面向对象高级部分 * 不要修改或者添加系统对象下面的方法和属性 * * 包装对象 * 基本类型都有自己对应的包装对象 * null undefined没有 * 原型链 * 实例对象与原型之间的链接，叫做原型链 * _proto_(隐式链接) * Object对象类型是原型链的最外层: Object.prototype */ //

原创 javascript 面向对象基础(一)对象组成及函数封装

/** *过程式编程 *面向对象写法 * 面向对象编程的特点 * -抽象：抓住问题的核心 * -封装性：只能通过对象来访问 * -继承性：从已有对象上继承出新的对象-复用 * -多太：多对象的不同形态 * * 对象的组成 * 对象下面的变量叫做对象的属性 * arr.xxx * 对象下面的函数叫做对象的方法 * arr.xxx = f

转载 移动开发对 META 标签的定义

一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。用法：1metahttp-eq

原创 jquery 常用方法及事件操作 $工具方法

/** * //dom常用操作，DOM操作 * get() 就是把JQ转成原生js * outterWidth(); * 类似原生offsetWidth ：获取不到隐藏元素(display:none)的值 * text(); * remove(); * detach()跟remove一样，不过会保留删除这个元素的操作行为 * parents()获取当前元素的所有祖先节点

原创 jquery width,innerWidth,outterWidth 及事件操作

* width() * innerWidth() //width+padding * outterWidth() //width+padding+border * outterWidth(true) //width+padding+border+margin