前端
关注
分享
扫一扫
文章平均质量分 74
冕妄
咩~ 正在前端攻城狮的路上
展开
-
js定时器学习笔记
做一下笔记。。。（）(4.20修改更新) 参考的资料： 《JavaScript 高级程序设计》 http://www.w3school.com.cn/jsref/met_win_settimeout.asp， https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setTimeout， http://stackoverflow.co原创 2016-04-27 20:55:46 · 702 阅读 · 0 评论 -
【转】表单中Readonly和Disabled的区
原文地址：http://www.nowamagic.net/html/html_ReadonlyAndDisabled.phpReadonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：Readonly只针对input(text / password)和textarea有效，而disabled对于所有转载 2016-06-12 17:05:47 · 363 阅读 · 0 评论 -
bootstrap学习笔记-按钮
对应的元种类：导航和导航条组件只支持<button>元素如果如果 <a> 元素被作为按钮使用，并用于在当前页面触发某些功能，而不是用于链接其他页面或链接当前页面中的其他部分，那么，务必为其设置 role=”button” 属性。一些预定义样式<button type="button" class="btn btn-defalut"></button><button type="button"原创 2016-07-06 14:13:35 · 376 阅读 · 0 评论 -
The Definitive Guide to Using Negative Margins
转载：https://www.smashingmagazine.com/2009/07/the-definitive-guide-to-using-negative-margins/Since the recommendation of CSS2 back in 1998, the use of tables has slowly faded into the background and转载 2016-07-18 12:15:19 · 865 阅读 · 0 评论 -
bootstrap学习笔记-下拉菜单
下拉菜单组件官网上的一个例子：<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown原创 2016-07-07 11:14:31 · 566 阅读 · 0 评论 -
bootstrap学习笔记-导航和导航条
导航.nav 类作为基类（都要有）标签页：.nav-tabs胶囊式标签页：.nav-pills ；可以选择竖着的菜单：.nav-stacked两端对齐（按钮）自适应：.nav-justified ，在大于 768px 的屏幕上 ，通过 .nav-justified 类可以很容易的让标签页或胶囊式标签呈现出同等宽度。在小屏幕上，导航链接呈现堆叠样式。(小于768 变成竖着的了)如果要让线也自原创 2016-07-07 11:06:51 · 1687 阅读 · 0 评论 -
关于负外边距的作用效果
今天无意中看到了双飞燕，圣杯布局，发现里面主要是有用到一个负外边距，感觉挺神奇的这玩意 ( ⊙ o ⊙ )！看就了一些关于负外边距的资料，这里自己总简单结一下。 参考网址： http://www.smashingmagazine.com/2009/07/the-definitive-guide-to-using-negative-margins/ http://www.cnblogs.com原创 2016-07-18 14:00:00 · 2397 阅读 · 0 评论 -
关于js中插入删除节点的总结
前端小小小菜鸟~最近在做百度前端课程的任务，自己总结一下，免得忘记。待完善。。。ps：可能会有不对的地方。1.在html中新增加一个节点或者是改变某个节点的内容一种是使用innerHTML（标准）,用法链接:http://www.w3school.com.cn/jsref/prop_html_innerhtml.asp注意：innerHTML与innerText原创 2016-04-13 17:21:12 · 933 阅读 · 0 评论 -
DOM优化-笔记
DOM优化webilt类型的浏览器 dom 方法要比 innerhtml 要好，而别的浏览器则是innerhtml性能要比dom要好。尽量减少dom操作：节点克隆，访问元素集合（尽量使用局部变量），元素节点，选择器APIDOM与js节点克隆cloneNode(deep)。 deep取值为true/false: true表示克隆所有后代console.time('hello3');var原创 2016-07-08 15:20:00 · 406 阅读 · 0 评论 -
js 正则用法-笔记
创建正则表达式js是通过RegExp类型来支持正则表达式的，主要有2种方式来创建正则表达式：以字面量的形式来定义使用RegExp构造函数。 这次做的笔记主要是写字面量来表示，RegExp构造函数以后再补充。字面量表示形如：var express = /pattern/flags;其中pattern是正则表达式 flags：g表示全局模式，即模式被应用于所有字符串；i表示不区分大小写；m表示原创 2016-07-14 18:29:49 · 337 阅读 · 0 评论 -
【转】js中offsetLeft,offsetTop,offsetParent详解
转载：http://www.android100.org/html/201405/23/13070.html本文章来给各位同这介绍一下关于js中offsetLeft,offsetTop,offsetParent详解,如果你对此教程有兴趣不防进入参考一下。为前端开发工程师，你确定真的理解offsetLeft,offsetTop以及offsetParent吗转载 2016-07-21 12:21:22 · 719 阅读 · 0 评论 -
元素垂直居中总结
首先，要先明白元素的‘高度’ 如果对象是一个块级元素或者置换元素，那么它的高度就是设置height。 如果对象是一个内联元素（不可置换的），那么除了设置display，float等等，它的‘高度’，一般使用line-height(行间距)，font-size，vertical-align来设置。 ps：什么是可置换元素。W3C里面是这么说的“An element that is outside原创 2016-05-05 17:23:20 · 499 阅读 · 0 评论 -
关于clientHeight，offsetHeight等小笔记
遇到一个有个问题：关于clientHeight，offsetHeight，scrollHeight，以及height，contentHeight（width也一样）的区别。 这里有参考http://stackoverflow.com/questions/21064101/understanding-offsetwidth-clientwidth-scrollwidth-and-height-res原创 2016-05-09 15:27:42 · 4619 阅读 · 0 评论 -
元素的水平居中总结
1.行内元素：这个比较简单，一般使用text-align：center就可。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> #div1{ text-align:原创 2016-05-04 20:55:26 · 381 阅读 · 0 评论 -
【转】不要告诉我你懂margin
原文地址：http://www.hicss.net/do-not-tell-me-you-understand-margin/你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下m转载 2016-04-15 15:56:14 · 345 阅读 · 0 评论 -
js定时器学习笔记
做一下笔记。关于定时器：setTimeout(code,time),setInterval(code,time),都有2个参数，前者是要执行的代码（调用的函数或者代码串），后者为需要等待的时间或者是code执行的时间间隔。2者区别：setTimeout()是在time时间后执行一次代码，而setInterval是以time为时间间隔重复执行时间代码，直到清除这个定时器。不过原创 2016-04-18 14:15:45 · 553 阅读 · 0 评论 -
【转】JS事件：target与currentTarget区别
原文地址：http://www.cnblogs.com/wkylin/archive/2011/08/25/2153538.htmltarget在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（转载 2016-04-17 19:28:22 · 430 阅读 · 0 评论 -
关于js对象属性
由于之前编程遇到的问题，这里记录一下，免得忘记其实这是个很简单的问题，但是我一直在犯二。。。。。。对于选取对象属性，有2种方法 用.和用[]var obj={age:23;name:"sss";}console.log(obj.age);for(item in obj){console.log(obj[item]);}以上程序是对的。遇到的问题是这样的。原创 2016-04-17 15:53:10 · 366 阅读 · 0 评论 -
【译】关于CSS中的float和position
原文地址：http://www.cnblogs.com/newyorker/archive/2013/02/01/2886282.html当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。比如，可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者，如果需要更复杂的排版要求，可以考略使用其他方转载 2016-04-15 15:09:41 · 349 阅读 · 0 评论 -
关于冒泡法 js简单可视化。。。
任务做到19。。竟然要写一个排序算法的可视化简直心塞，后来参考的别人的代码，自己写了个类似的出来。来贴一下比较重点的部分。。。function renderSortG(a,b,c) { var dataBox=numQueue.getElementsByTagName("span"); for (var i=0;iarr.length;i++){ if(i==原创 2016-04-13 18:31:33 · 745 阅读 · 0 评论 -
【转】js修改onclick动作的四种方式
转载自：http://blog.csdn.net/liujimmy/article/details/4524081第一种：button.onclick = Function("alert('hello');");第二种：button.onclick = function(){alert("hello"); };第三种：button.onclick = myAlert;转载 2016-04-06 18:25:23 · 849 阅读 · 0 评论 -
【转】javascript深入理解js闭包
最早的原本地址找不到了。。。。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); }转载 2016-04-18 17:23:09 · 279 阅读 · 0 评论 -
关于js获取样式笔记
关于js获取样式原创 2016-04-27 14:56:09 · 377 阅读 · 0 评论 -
【转】理解CSS中BFC
原文地址：http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。摘自W3C：浮动，绝对定位元素，inline-blocks, table-cells, t转载 2016-05-05 10:31:37 · 455 阅读 · 0 评论 -
【转】CSS FLOAT 学习笔记
原文地址：http://www.w3ctech.com/topic/1551原文如下：FLOAT@Keywords: Float Clearfix ::after BFC hasLayout@Author: GreenMelon @吾南蛮野人 陈灿坚@分享地址:http://pan.baidu.com/s/1eQqagt8@Date: 二O一五.转载 2016-05-05 12:13:55 · 379 阅读 · 0 评论 -
读Atlantis页面有感。。
这几天，在看CSS禅意花园。昨天学习了Alantis和Zunflower，有新了解一些小知识，这里记下来，免得忘记。。。。待完善。1.Alantis关于box模型。在学习的时候，遇到这么一个问题：如果一个div里嵌套了一个div，给外层的div设置一个背景，背景位置为top，给内层的div设置内边距（也就是设置了在外层div后下方的位置）后，预览页面，发现外层的div的背景差不多跑原创 2016-04-15 14:19:32 · 664 阅读 · 0 评论 -
关于数组去重问题引发的一系列思考
其实取这个名字可能不太符合实际，毕竟没有“一系列”╮(╯_╰)╭ 问题引发是牛客网上js的数组去重编程题， 先放一个正确版本的代码：Array.prototype.uniq = function(){ var arr = this; var newArr = []; var flag = 0; for(var i = 0;i < arr.length; i++){原创 2017-04-02 18:02:01 · 454 阅读 · 0 评论