- 博客(22)
- 收藏
- 关注
原创 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 2798
原创 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 5838
转载 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 1949 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 3450
原创 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 227
原创 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 2116
原创 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 1454
原创 图片叠加效果
<!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 1456
原创 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 1350 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 5161
原创 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 1474
原创 利用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 245
原创 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 5760
原创 加载并执行一个 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 1109
原创 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 337
原创 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 1061
原创 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 1726
原创 #jquery 和 animate 封装一个带动画的弹框
jquery 和 animate 封装一个带动画的弹框前言:前段时间在做一个ERP系统的时候,看到ui图,和需求,发现页面中有好多个弹层,刚开始的时候是用最简单的,设置一个灰色层,相对于窗口进行定位,然后弹框设置display为none来隐藏,block来显示。作为一个有追求的前端开发人员,显然这是不符合我的追求,所以在晚上空余的时间的时候,研究了下animate的动画,并且配合jquery来封装一
2017-10-18 10:36:22 761
原创 javascript中的事件委托(代理)
—–事件委托的原理用到的就是事件冒泡和目标元素,把事件处理器添加到父元素,等待子元素事件冒泡,并且父元素能够通过target(IE为srcElement)判断是哪个子元素,从而做相应处理。传统的事件处理:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>
2017-09-05 14:53:41 246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人