Mia_shuangchen-CSDN博客

转载 js中return；、return true、return false;区别

一、返回控制与函数结果，语法为：return 表达式;语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果二、返回控制无函数结果，语法为：return;在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页.Return False 就相当于终止符，Return True 就...

2018-10-30 22:05:49 349

原创 position定位

position定位参考元素static：首先position属性的默认值是static，static没有定位，元素出现在正常的流中，会默认忽略top、bottom、left、right。与脱离文档流的元素一起z-index会失效；relative：其次relative也未脱离文档流，relative生成相对定位的元素，相对于自身的正常位置做定位，因此，“left:20” 会向元素的 LE...

2018-10-28 17:37:25 239

原创三目运算符

三目运算符语法解析三目运算符是执行语句判断,语法如下: 判断语句 ? expression1 : expression2;expression1或expression2也可能是一个三目运算式，如下所示：a >b ? c>d ? (alert(1),alert(2)):(alert(3),alert(4)) : (alert(5),alert(6));如果a > b，则...

2018-10-28 17:10:44 5870

原创 webstorm 表单提交not founded

webstorm使用火狐和IE浏览器，提交表单进行页面跳转时候，method = “post”，页面显示not found，端口是默认的63342，路径都正确，显示如下：但是谷歌浏览器就正常，使用get方式也正常，表单代码如下 <form role="search" class="navbar-form-custom" method="post" action="search_resu...

2018-10-28 16:09:31 569

原创 meta标签相关功能

一、禁止移动端百度转码在页面head中加入以下meta标签&amp;amp;lt;meta http-equiv=&amp;quot;Cache-Control&amp;quot; content=&amp;quot;no-transform&amp;quot;&amp;amp;gt;&amp;amp;lt;meta http-equiv=&amp;quot;Cache-Co

2018-10-27 10:59:33 1121

原创 $.extend(true,{},a,b)解析

$.extend(true,{},a,b)Query.extend() 函数用于将一个或多个对象的内容合并到目标对象。$.extend(true,{},a,b)true：是否深度拷贝,不加为false，浅拷贝，加了深拷贝{}：将合并结果保存到新对象，这样原对象将不会发生改变a：第一个合并的对象b：第二个合并的对象.$.extend({},defaults, options)这样做的...

2018-10-26 23:17:47 851

转载 jquery.metisMenu.js插件

metisMenu是一个jQuery的导航栏插件，使用该插件可以定义导航栏的二级甚至三级导航菜单，并能实现菜单的折叠和展开等操作，将节省我们的开发时间，提高开发效率。 1. 准备工作：引入文件bootstrap.min.js bootstrap.min.css metisMenu.min.js //插件代码 metisMenu.min.css //可选 font-awesome.m...

2018-10-26 22:44:47 8732

转载 jquery插件开发;(function ( $, window, document, undefined ){}(jQuery, window,document)分析

经常看到许多jquery插件是这种形式: 1 2 3 ;（function( $, window, document, undefined ){}）{ //...code }(jquery,window,document) 一开始自己也是不太清楚，后台查了许多资料博客，基本了解大意，所以总结出来，以供之后查阅...

2018-10-25 17:23:22 332

转载 font awesome

font Awesome 图标引用方法1、在head中通过link标签引入font-awesome.css。2. 在适应某个图标时，通过i标签引入，如下。 <i class="fa fa-camera-retro"></i> 网页使用Font Awesome图标字体时，css定义 content 属性网页使用Font Awesome图标字体...

2018-10-23 23:15:34 1475

原创 HTML data-* 属性

data-* 属性用于存储页面或应用程序的私有自定义数据。data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。data-* 属性包括两部分：属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符...

2018-10-22 22:46:42 253

转载 css3 box-sizing属性

css3 box-sizing属性box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width之内padding-box，padding计算入width内border-box，border和padding计算入width之内，其实就是怪异模

2016-07-22 11:48:52 280

转载 css常用字体

css中font-family的中文字体说到css中的font-family，相信很多朋友经常用，但不知道当你遇到引用中文字体的时候你会怎么写？最近特别关注了下，发现最常用的基本有三种类型：1、直接中文；2、英文形式；3、unicode码；前面两种形式很好理解，unicode码是什么意思呢？下面看基本定义:Unicode（统一码、万国码、单一码）是一种在

2016-07-15 09:57:07 981

转载理解Angular中的$apply()以及$digest()

$apply()和$digest()在AngularJS中是两个核心概念，但是有时候它们又让人困惑。而为了了解AngularJS的工作方式，首先需要了解$apply()和$digest()是如何工作的。这篇文章旨在解释$apply()和$digest()是什么，以及在日常的编码中如何应用它们。探索$apply()和$digest()AngularJS提供了一个非常酷的特性

2016-07-12 22:50:17 383

转载相对路径和绝对路径的区别以及js和css引入相对路径的区别

1.绝对路径绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用以下语句： 2.使用绝对路径的缺点事实上，在网

2016-07-11 22:08:11 4009

转载 Angularjs执行流程

一、启动阶段大家应该都知道，当浏览器加载一个HTML页面时，它会将HMTL页面先解析成DOM树，然后逐个加载DOM树中的每一个元素节点。我们可以把AngularJS当做一个类似jQuery的js库，我们通过标签引入到HTML中，那么此时Angular就做为一个普通的DOM节点等待浏览器解析，当浏览器解析到这个节点时，发现它是一个js文件，那么浏览器会停止解析剩余的DOM节点，开始执行这个j

2016-07-11 18:50:19 404

原创 setTimeout定时工具

一 .基本用法通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。 setTimeout基本用法： setTimeout("javascript语句"，毫秒) 注意这里JavaScript语句加了引号 setTimeout(函数，毫秒) eg。 setTimeout("a()

2016-07-11 09:56:09 530

转载 IE条件注释

条件注释 (conditional comment) 是于HTML源码中被 Microsoft Internet Explorer 有条件解释的语句。条件注释可被用来向 Internet Explorer 提供及隐藏代码，是一个类似IF判断的语法注释块，IE5之上支持。1. 有两种“条件注释”：下层显示 (downlevel revealed)和下层隐藏(downlevel

2016-06-28 20:11:46 306

转载 Bootatrap学习（一）

1. 媒体查询/* 超小屏幕（手机，小于 768px） *//* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） *//* 小屏幕（平板，大于等于 768px） */@media (min-width: @screen-sm-min) { ... }/* 中等屏幕（桌面显示器，大于等于 992px） */

2016-06-27 22:11:38 1285

转载框架和设计模式的区别

框架、设计模式这两个概念总容易被混淆，其实它们之间还是有区别的。1.框架通常是代码重用，而设计模式是设计重用，架构则介于两者之间，部分代码重用，部分设计重用，有时分析也可重用2.框架与设计模式虽然相似，但却有着根本的不同。设计模式是对在某种环境中反复出现的问题以及解决该问题的方案的描述，它比框架更抽象；框架可以用代码表示，也能直接执行或复用，而对模式而言只有实例才能用代码表示;设计模式是比

2016-06-15 11:35:50 303

原创 css：display和visibility的区别

display和visibility的区别：1. visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。2. display被设置成none时，元素消失，所占的位置也不存在了，也就是将元素从页面中移走。后面的元素会自动

2016-06-14 20:51:55 503

原创 form和button标签的几个注意事项

1. 请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。2.form标签必须制定action属性，当form中包含提交按钮时，也就是类型为submit的button按钮或者input按钮，如果不指定action属性则会将表单数据提交给当前页面，相当于刷新页面，如果不想提交到

2016-06-08 21:49:26 461

转载纯html和css绘制各种几何图形

制作圆形：要使用CSS来制作一个圆形，我们需要一个div，被给它设置一个ID 圆形在设置CSS时要设置宽度和高度相等，然后设置border-radius属性为宽度或高度的一半即可：#circle { width: 120px; height: 120px; background: #7fee1d; -moz-b

2016-05-28 20:16:17 4566

原创 js中没有trim()函数

注意：js中是没有trim函数的，VBjs中有trim函数，可以再js中使用js编写trim函数function trim(str){ //删除前后空格return str.replace(/(^/s*)|(/s*$)/g,"");} function ltrim(str){ //删除左边的空格　　

2016-05-22 20:20:16 899

原创传统事件绑定、DOM2级事件绑定、以及IE事件绑定区别

传统与DOM2级事件绑定的区别：1.传统事件绑定同一事件句柄只能绑定一个事件函数，绑定多个后面的会覆盖前面的；DOM2级支持同一元素的同一事件句柄可以绑定多个监听函数；传统：window.onnload=function(){ alert("a"); }window.onnload=function(){ alert("b"); }打印

2016-05-13 19:26:49 1004 1

转载 JS 获取浏览器窗口大小clientWidth、offsetWidth、scrollWidth

网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scroll

2016-05-11 23:12:01 1265

转载使用定时器执行含有参数的函数

无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，这就需要想方法解决。经网上查询后整理如下：例如对于函数hello(_name)，它用于针对用户名显示欢迎信息：var userName="jack";//根据用户名显示欢迎信息function hello(_name){

2016-04-29 22:27:26 2823

转载标准和模型和IE盒模型

盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型：从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。　从上图可以看到 IE 盒子模型的范围也包括 margin、border、padding、c

2016-04-29 20:33:38 708

原创牛客网今日头条笔试详解

1. var m=1;j=k=0; function add(n){ return n=n+8; } y=add(m); function add(n){ return n=n+3; } z=add(m);代码运行结果：y=4，z=4当js中生命两个相同名称的函数时，调用是调用第二个在页面

2016-04-27 21:40:31 3526

原创几种常见排序方法的比较

几种常见排序方法的比较，相关可视化地址参考https://www.cs.usfca.edu/~galles/visualization/ComparisonSort.htmlhttp://zh.visualgo.net/sorting.html1.冒泡排序冒泡是拿第一个和第二个比较，如果反序则交换，否则不交换；然后拿第二个和第三个比较，依次类推，直到最大的冒到最后，这

2016-04-13 23:18:27 441

转载常用正则表达式大全

常用正则表达式大全！（摘自好记性不如烂笔头）（例如：匹配中文、匹配html）网上找到的常用正则表达式，留着以后可能用得上，正则表达式实在是不好写，只好拿来主义了，在Delphi中没有自己带有正则表达式的组件，靠第三方了，都说PerlRegEx 是首选, 去这里下载，官方网站: http://www.regular-expressions.info/delphi.ht

2016-04-13 20:27:04 227

Mia_shaungchen的博客