- 博客(35)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 盒模型以及相关样式
盒模型以及相关样式盒模型介绍css的盒模型有两种，一种是w3c盒模型，一种是IE盒模型，以下分别介绍： 1. w3c盒模型 在标准的盒模型中: width = contentWidth height = contentHeight totalWidth = width + leftPadding + rightPadding + leftBorder + rig
2017-11-15 22:52:17
366
转载 HTTP 协议简单介绍
HTTP 协议简单介绍HTTP协议是一个超文本传输协议，它是基于TCP/IP进行通信协议来进行数据传递特点： 1. 简单快速，客户端向服务器端发起请求时，只需传输请求方法和路径。请求方法常用的有POST、GET等。每个方法规定了客户与服务器联系的类型不同。由于HTTP协议简单，所以通信速度快 2. 灵活：可以传输任意类型的数据对象。传输类型由Content-Type加以标记 3. 无连接：限制
2017-09-18 23:16:38
664
原创 mac shell 命令
mac shell 命令打开一个app open -参数 app名 文件名 比如： 打开vscode 的时候在打开对应代码 open -a Visual\ Studio\ Code code/chengdu-shigong
2017-08-31 08:12:28
527
翻译 # VSCode 编辑器
VSCode 编辑器快捷键快速打开文件 win + p 显示命令行 shift + win + p向上/下移动一行 alt + 向上/下 向上/下复制当前行 shift + alt + x向上/向下 删除行 shift + win + k 在任意位置向下插入光标 win + enter 在任意位置向上插入光标 win + shift + enter 光标跳到开头/结尾 win + 左/右
2017-08-31 07:53:57
489
转载 iframe文件上传
使用iframe进行文件上传文件上传有两种方式，第一个就是使用formdata的方式进行上传，第二种方式就是本文所讲的iframe的方式 1. 使用表单以及input框 <form id="upload_form_file_open_bank" enctype="multipart/form-data" target="message_unit" action="/files/
2017-05-25 08:53:45
1034
转载 constructor与module
设计模式设计模式类别创建型设计模式 创建型设计模式专注于处理对象创建机制，以适合给定情况的方式来创建对象。创建对象的基本方法可能导致项目复杂性的增加，而这些模式意在通过控制创建过程来解决这些问题 属于这个类别的模式有：Constructor（构造器）、Factory（工厂）、Abstract（抽象）、Prototype（原型）、Singleton（单例）、Builder（生成器） 结
2017-05-21 11:05:31
654
原创 服务器端返回数据处理
JSON服务端数据接收通过ajax获取服务端发送过来的数据根据接收到的数据获取需要的数据将JSON格式转化为对象JSON.parse(d.template)根据对象获取数据 例子： 将获取到的数据保存为需要的对象格式var selectList = [];function initData(data) { $.each(data, function (i, d) {
2017-05-15 10:48:33
3245
转载 drag 拖拽上传
drag文件拖拽上传drag阻止默认事件 //拖拽文件上传默认事件阻止 $(document).on({ dragleave:function(e){ e.preventDefault(); }, drop:function(e){ e.preventDefault(); },
2017-05-15 10:01:14
900
转载 select三级联动
select三级联动获取从服务器端传回的数据，将其保存为对象保存的数据格式为：var provinceList = [{name:'北京', cityList:[ {name:'市辖区', areaList:['东城区','西城区','崇文区','宣武区','朝阳区','丰台区','石景山区','海淀区','门头沟区','房山区','通州区','顺义区','昌平区','大兴区','怀柔区'
2017-05-15 09:14:39
676
原创 form表单的多文件上传
form表单的多文件上传formData对象可以使用一系列的键值对来模拟一个完整的表单，然后使用Ajax来发送这个表单使用<form>表单初始化FormData对象的方式上传文件 <!--文件上传--> <form id="uploadForm" enctype="multipart/form-data"> <div class="row" style="margin-top: 20px;
2017-05-10 08:56:36
9342
3
原创 元素下方点击出现倒三角
在激活的样式后面使用::after伪类，然后在伪类中添加倒三角样式即可.active::after{ width:0; height:0; border:8px solid transparent; bordder-top-color:#337ab7; content:""; position:absolute; top:40px; l
2017-04-28 11:02:30
1001
转载 this全面解析
每个函数的this是在调用的时候被绑定的，完全取决于函数的调用位置调用位置在理解this的绑定过程之前，首先要理解调用位置：调用位置就是函数在代码中被调用的位置（而不是声明位置）。通常来说，寻找调用位置就是寻找“函数被调用的位置”，但是做起来并没有这么简单，因为某些编程模式可能会隐藏真正的调用位置。最重要的是分析调用栈（就是为了达到当前执行位置所调用的所有函数）。我们所关心的调用位置就在当前正在执行
2017-04-16 14:19:17
299
转载 viewport控制
当我们在做响应式设计时，关注最多的是CSS的@media查询。不可否认，@media查询完成了很多工作，但一个网站的响应能力还取决于对viewport的控制。当我们想根据屏幕尺寸来自动变化页面布局时，如下：@media screen and (min-width:960px){ body{background-color:green;}}@media screen and (max-wi
2017-03-30 18:52:06
366
转载 HTML DOM Event对象
Event对象代表事件的状态，比如事件在其中发生的元素，键盘按键的状态Event属性鼠标/键盘属性altKey 返回当事件被触发时,alt是否被按下ctrlKey 返回当事件被触发时,ctrl键是否被按下metaKey 返回当事件被触发时,meta键是否被触发shiftKey 返回当事件被触发时,shift键是否被按下button 返回当事件被触发时，哪个鼠标按钮被点击clientX
2017-03-30 10:30:31
310
转载 常见元素居中总结
水平居中行内元素水平居中 用一个块状元素包裹，然后使用text-align:center居中 块状元素水平居中 将margin-left和margin-right设置为auto 多个块状元素水平居中将块状元素的display转换为inline-*,然后在其父元素上使用text-align:center使用flex进行布局display: flex;justify-cont
2017-03-25 20:10:59
254
转载 清除浮动
利用overflow:hidden,zoom:1强制外围块扩大到包含浮动元素.clearfix{ overflow:auto;}上述代码可以在现代浏览器上工作，但是不支持IE6,如果需要支持IE6,就需要加入zoom:1.clearfix{ overflow:auto; zoom:1;}若在两列或三列布局中，中间有一列的高度比较短，则后面的内容就会上移,需要在在外围d
2017-03-25 19:12:43
209
原创 循环中的闭包
function F(){ var arr = [],i; for(i = 0;i < 3;i++){ arr[i] = function(){ return i; }; } return arr;}var arr = F();上述for循环每迭代一次就创建一个arr的项，每一项中保存着一个函数，该函数返回当
2017-03-19 10:22:50
503
原创 循环中的闭包
function F(){ var arr = [],i; for(i = 0;i < 3;i++){ arr[i] = function(){ return i; }; } return arr;}var arr = F();上述for循环每迭代一次就创建一个arr的项，每一项中保存着一个函数，该函数返回当
2017-03-19 09:48:22
606
原创 array类型
创建数组方法使用Array构造函数 var color = new Array()数组字面量表示法 var color = ["red","blue","green"]length属性即可读也可写，若将length属性设置大于数组项数的值则新增的每一项都会取得undefined检测数组Array.isArray()方法转换方法toString():返回由数组中每个值得字符串形式拼接而成的一个以
2017-03-17 21:35:01
315
原创 math对象
Math对象的属性Math对象的属性基本为数学计算中可能会用到的一些特殊值 属性 说明 Math.E 自然对数的底数 Math.LN10 10的自然对数 Math.LN2 2的自然对数 Math.LOG2E 以2为底e的对数 Math.LOG10E 以10为底e的对数 Math.PI π的值 Math.SQRT1_2 1/2的平方根
2017-03-17 19:03:08
525
转载 排序算法
冒泡排序原理：用第一项与第二项进行比较，若第一项大于第二项则将其交换顺序，然后用交换后的第一项与第三项进行比较，直到第一项后面的所有数字都比它小，所以第一项为所有数字中的最小项，然后再用第二项与后面的数字进行比较for(var i=0;i < array.length;i++){ for(var j = i + 1;j < array.length;j++){ if(arra
2017-03-17 16:50:15
342
原创 定时器与if
设置定时器与取消定时器一个要用if与else写循环，如果使用for来进行循环的话就会变为无限循环 如：timer = setInterval(function () { for (var i = 0; i < numList.length; i++) { for (var j = i + 1; i < numList.length; j++) { i
2017-03-17 16:15:14
1273
转载 git初始化
创建版本可及第一次提交查看当前版本 git --version 设置Git的配置变量 git config --global user.name "DengPan"git config --global user.email 18142563351@163.com在本用户的全局配置中添加Git命令别名 git config --global alias.st statusgit c
2017-03-14 10:47:06
405
原创 String常用属性和方法
字符串截取slice()substr()substring() 方法 第一个参数 第二个参数 参数为负值 slice() 起始位置 结束位置的后一位 与总字符串相加 substr() 起始位置 结束位置的后一位 变为0 substring() 起始位置 返回字符串位数 变为0注意 1.在只有一个参数时，表示的是截取的子字符串的起始位
2017-03-05 17:00:33
448
原创 Array的常用属性和方法
sort 排序方法data.sort(function (d1,d2) { return d2 - d1;});栈方法 (LIFO–Last -In-First-Out)push 在栈的结尾推入元素data.push("black");pop 在栈的结尾弹出元素data.pop("black");队列方法(FIFO–First-In-First-Out)shift 在
2017-03-05 16:37:56
335
原创 输出显示为HTMLInputElement
由于我本人十分的粗心，在获取输入框的值的时候没有添加value属性，导致获取的一个DOM节点，最后输出在浏览器上面显示的即为HTMLInputElement,不是实际的输入值原因 没有获取子，而是获取的节点解决办法 添加value属性
2017-03-05 16:17:05
16213
原创 git代码上传错误
1.failed to push some refs to ‘git@github.com:MyDAIDAI/baidu_ife.git’原因 代理问题解决办法 将https地址换为ssh地址原因 远程仓库中的内容已经修改，需要先pull才能push解决办法 pull remote -u origin master
2017-03-05 15:53:44
272
转载 github的https换为ssh
github的https换为ssh1.git remote -v 查看当前地址2.git remote set-url origin git@github:USERNAME/OTHERREPOSITROY.git 设置为ssh地址3.git remote -v 修改完成后查看地址，配置为ssh地址就正确了
2017-03-05 15:48:24
3895
转载 三列布局的三种方法
自身浮动法 此代码较简单，左栏左浮动，右栏右浮动，主栏内容放在最后，用margin 值为左右的宽度来实现自适应注意:不浮动的元素要放在浮动元素后面绝对定位法 此方法与自身浮动法相似，但是使用的是绝对定位，左右两栏采用绝对定位，分别固定于页面的左右两侧，中间的主题栏采用左右的margin值来撑开距离注意:采用浮动的方法时，浮动元素本身会占据其位置（对不浮动的元素来说，都浮动的元素不占据位置
2017-03-05 14:42:05
1474
原创 规避同名冲突
function foo() { function bar(a) { i = 3; console.log(a + i);//3 } console.log(i);//undefined for (var i = 0; i < 4; i++) { console.log(i);//0 bar(i * 2
2017-03-05 14:21:45
327
原创 CSS常用属性
文本属性段落首行缩进 text-indent表格属性表格边框合并 border-collapse:collapse 应用在table标签上行内元素结构属性垂直对齐 vertical-align:top/middle 定义行内元素所在行的基线的垂直对齐，如textarea标签的描述文本的对齐body 1.设置宽度为100%,即宽度为浏览器宽度 2.设置字体大小以
2017-03-05 14:08:20
178
转载 HTML标签语义化
文档结构header 网页的头部，包含网站logo，导航栏等内容nav 导航栏，一般用在header内部main 网页的主要内容，不包含侧边栏，导航栏，版权信息等article 文档，一般用在main内部 文档中可以脱离其他的部分，独立而完整，通常有自己的标题，当article内部嵌套arcticle时，里外层的内容应该相关section 文档中的主体内容 通
2017-03-05 13:56:44
211
原创 for循环与setTimeout
1.只有for循环时for (var i = 0; i < 5; i++) {console.log(i);}运行结果为0,1,2,3,4 ,这是大家都知道的2.在for循环中添加setTimeoutfor (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); },i*1000);
2017-03-04 21:59:43
2037
转载 sublime
sublime学习1.advanced newfie插件： 可以在任何文件夹下新建文件 快捷键：Ctrl + alt +n + 文件目录2.httpRequest: 调试请求 alt+ctrl+r3.回调函数: 快捷键:alt+c4.辅助技巧: nettus fetch插件 在fetch setting中配置相应的文件地址，然后在fetch file中选择相应
2017-03-04 20:32:40
204
转载 window10删除ubuntu系统
window10删除ubuntu系统1.首先要删除window10对ubuntu的开机引导，否则会导致不能开机2.编写windows10开机3.windows + x选择磁盘选项，删除ubuntu所用磁盘
2017-03-04 20:24:41
478
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人