一只鱼_-CSDN博客

原创 javascript创建对象

前端这块，不总结感觉自己都得要学晕。标准对象模式var person = new Object();person.name = "Nicholas";person.age = 29;person.job = "Software Enginner";person.sayName = function () { console.log(this.name);}对象字面量形式var

2017-12-29 00:21:59 2792

原创 Mac OS下安装cordova 开发环境

搞了一天，终于在晚上1点半的时候，把cordova安装在公司和自己的电脑上，真是心塞呀，废话不多说。第一、去node官网安装node http://nodejs.org/第二、去苹果商店里安装最近的xcode app第三、全局安装cordovasudo npm install -g cordova第四、创建新项目比如我们在桌面上用cordova创建一个test的文件

2018-01-16 08:57:23 5828

转载 npm install -g ios-deploy 失败问题的解决方法

当使用Cordova或ionic命令行时，npm install -g ios-deploy 或sudo npm install -g ios-deploy 都报错，如：npm WARN lifecycle ios-deploy@1.8.5~preinstall: cannot run in wd %s %s (wd=%s) ios-deploy@1.8.5 ./src/scrip

2018-01-16 00:07:15 1943 1

原创 mac 搭建vue开发环境

第一、 Mac OS系统安装 brew，打开终端运行以下命令:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"第二、安装 node.js 　　　　为了避免使用brew命令经常出错的情况，所以采用手动安装　　　　　　下载地址：（选择m

2018-01-11 20:16:24 3448

原创 stick footer

html lang="en">head> meta charset="UTF-8"> title>stick-footertitle> style> body { margin: 0; padding: 0; } html,body,.wrapper {

2018-01-08 15:30:39 223

原创 margin 重叠

margin重叠发生的情况： 1、只发生在block元素上，不包括float、absolute、inline-block元素 2、只发生在垂直方向上 margin重叠总结如下： 1、相邻兄弟元素<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <

2017-12-31 21:39:41 2113

原创 CSS信封

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>信封</title> <style> body { margin: 0; } .box { margin: 100px auto;

2017-12-31 20:54:11 1450

原创图片叠加效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片叠加效果</title> <style> body{ margin: 0; } .box { position: relative;

2017-12-31 13:38:50 1453

原创 CSS钉子效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box:before { display: block; width: 60px; height: 60

2017-12-31 13:05:56 1345 1

原创 margin-top遇到的小问题

一直在忙项目，终于有时间重新来总结下css。一组嵌套的盒子，子盒子和父盒子之间想设置上边距，不能用margin-top设置。因为子盒子会带着父盒子一起距离浏览器有一个距离。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *

2017-12-11 16:31:14 5158

原创 margin垂直方向的塌陷

有两个上下排列的盒子，上盒子有一个下margin，下盒子有一个上margin。两个盒子的间距不是他们margin 之和。因为有垂直方向的塌陷。小margin会塌陷在大margin里。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>

2017-12-11 16:17:51 1472

原创利用borber书写小三角

一直在忙项目，终于有时间重新来看看css写的这些小东西。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; }

2017-12-11 16:02:38 242

原创 Mac上webstorm与git仓库建立连接

打开Mac终端，输入cd ~/.ssh检查.ssh文件是否存在，不存在，进行步骤2如果没有安装ssh文件，终端输入命令ssh -v,安装ssh文件，成功时返回下面文件usage: ssh [-1246AaCfGgKkMNnqsTtVvXxYy] [-b bind_address] [-c cipher_spec] [-D [bind_address:]port] [-E log_fi

2017-12-08 09:40:46 5749

原创加载并执行一个 JS 文件。

加载并执行一个 JS 文件。 jQuery 代码: .ajax(type:“GET”,url:“test.js”,dataType:“script”);描述:保存数据到服务器，成功时显示信息。jQuery代码:.ajax({ type: “GET”, url: “test.js”, dataType: “script” }); 描述: 保存数据到服务器，成功时

2017-12-08 08:10:40 1107

原创 javascript中的forEach

forEach是ES5中操作数组的一种方法，主要功能是遍历数组，例如：var arr = [1,2,3,4,5];arr.forEach(alert);等价于：var arr = [1, 2, 3, 4, 5];for (var k = 0, length = arr.length; k < length; k++) { alert(array[k]);}forEach方法中的functi

2017-11-03 15:35:42 328

原创 CSS3线性渐变径向渐变 background linear-gradient radial-gradient

CSS3的线性渐变-1. 在mozilla下 –moz-linear-gradient( top,#ccc, #ff6f45); 有三个参数，第一个参数表示线性渐变的方向，top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数，表示多种颜色的渐变。 <style>

2017-10-24 14:49:41 805

原创 background详解

–前言 –background属性(css2.0) - background-color：设置背景颜色 - background-image : url() 设置背景图像 - background-repeat : 设置重复方式取值 repeat-x | repeat-y | repeat | no-repeat; - background-attachment : 设置背景图

2017-10-19 15:59:07 1058

原创 mac系统下，如何将代码上传到github

mac系统下，将代码上传到github中步骤：去 https://github.com/ 注册账号去 https://git-scm.com/download/mac 下载mac下git客户端并默认安装（如果想查看安装是否成功，可以在终端输入 git –version 查看版本）打开终端创建ssh,输入以下命令来查看.ssh是否存在：cd ~/.ssh若提示“-bash: cd: ～/

2017-10-18 11:25:48 1722

原创 #jquery 和 animate 封装一个带动画的弹框

jquery 和 animate 封装一个带动画的弹框前言：前段时间在做一个ERP系统的时候，看到ui图，和需求，发现页面中有好多个弹层，刚开始的时候是用最简单的,设置一个灰色层，相对于窗口进行定位，然后弹框设置display为none来隐藏，block来显示。作为一个有追求的前端开发人员，显然这是不符合我的追求，所以在晚上空余的时间的时候，研究了下animate的动画，并且配合jquery来封装一

2017-10-18 10:36:22 757

原创 javascript中的事件委托（代理）

—–事件委托的原理用到的就是事件冒泡和目标元素，把事件处理器添加到父元素，等待子元素事件冒泡，并且父元素能够通过target（IE为srcElement）判断是哪个子元素，从而做相应处理。传统的事件处理：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>

2017-09-05 14:53:41 241

原创 div垂直居中的方法！！

让div垂直居中的方法给有固定宽高的div垂直居中不固定宽高

2017-08-20 21:37:33 482

原创响应式背景图片的几种方法

响应式背景图片的几种方法总结

2017-08-20 18:49:50 11461 1

江淹的博客