Welcome

首页 / 脚本样式 / JavaScript

读Javascript高性能编程重点笔记

2017-02-06 18
第一点//高效简洁 //低消能children //childNodeschildElementCount//childNodes.lengthfirstElementChild//firstChildlastEelmentChild//lastChildnextElementSibling //nextSiblingpreviousElementSibling //previousSibling第二点：选择器的高效应用<div...

JS弹性运动实现方法分析

2017-02-06 24
本文实例分析了JS弹性运动实现方法。分享给大家供大家参考，具体如下：描述：像弹簧一样左右弹动，最后缓慢停下来一、加减速运动1.加速运动var iSpeed=0;iSpeed++;速度越来越快，最后冲出去2.减速运动var iSpeed=20;iSpeed--;速度越来越慢，降到0后开始变负值往反方向运动二、弹性运动1.在目标点左边，加速；目标点右边，减速,如if（div1.offsetLeft<300）{ iSpeed=iSpeed+1;//等同iS...

BootStrap整体框架之基础布局组件

2017-02-06 46
1 基础布局组件在12栅格系统上基础上，BootStrap还提供了多种基础布局组件。 CSS组件，总结为8大类型的样式： 基础样式、颜色样式、尺寸样式、状态样式、特殊元素样式、并列元素样式、嵌套子元素样式、动画样式1.1基础样式基本样式，一般包含文本字体，颜色背景，边框，定位等，如下面警告框：//源码.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; bor...

Bootstrap CSS布局之列表

2017-02-06 20
本文实例为大家分享了Bootstrap CSS布局中的列表布局，供大家参考，具体内容如下列表 普通列表ul li 有序列表ol li 去点列表.list-unstyled 内联列表.list-inline 定义列表dl dt dd 水平定义列表dl-horizontalul,ol { margin-top: 0; margin-bottom: 10px;}ul ul,ol ul,ul ol,ol ol { margin-bottom: 0;}普通列表ul ...

Bootstrap整体框架之CSS12栅格系统

2017-02-06 46
1.整体架构BootStrap框架公共六个部分：（css组件和js插件是其表现形式，其余的是基础支撑平台）表现形式 CSS组件 JS插件 基础支撑平台 CSS12栅格系统 基础布局组件 jQuery 响应式设计1.1 CSS12栅格系统12栅格系统是BootStrap的核心功能，也是响应式设计核心理念的一个实现方式。1.1.1 实现原理栅格布局原理：定义容器大小，平分12分，在调整内外边距，最后结合媒体查询，制作出强大响应式的栅格系统。1.最外层的边框，伴...

如何解决hover在ie6中的兼容性问题

2017-02-06 29
1，在body里添加以下样式：behavior:url（../scripts/csshover.htc）;csshover.htc可直接在网上下载2，js解决判断是否为ie6window.onload=function（）{var isIE=！！window.ActiveXobject:var is IE6=isIE&&XMLHttpRequest;if（isIE6）{}}以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希...

Bootstrap整体框架之JavaScript插件架构

2017-02-06 29
本文实例为大家介绍了JavaScript插件架构的知识点，供大家参考，具体内容如下1. JavaScript插件架构如下是插件alert的全部代码，每个插件都定义在如下类似的作用域中：+function （$） { "use strict"; // ALERT CLASS DEFINITION // ====================== var dismiss = "[data-dismiss="alert"]" var Alert = funct...

浅述节点的创建及常见功能的实现

2017-02-06 26
新创建一个元素节点，并把该节点添加为文档中指定节点的子节点1，新创建一个元素节点，返回值为指向元素节点的引用var liNode =document.creatElement（"li"）;var cityNode=document.getElementById（"city"）;新添加newChild子节点，该子节点将作为elementNodecityNode.appendChild（liNode）;2,创建一个文本节点 creatTextNodevar x...

JS碰撞运动实现方法详解

2017-02-06 26
本文实例分析了JS碰撞运动实现方法。分享给大家供大家参考，具体如下：描述：撞到目标点弹回来（速度反转）一、无重力的漂浮divvar div1=document.getElementById（"div1"）;var iSpeedX=6;var iSpeedY=8;setInterval（function（）{var l=div1.offsetLeft+iSpeedX;var t=div1.offsetTop+iSpeedY;if（t>=document...

javascript数组去重方法分析

2017-02-06 25
本文实例讲述了javascript数组去重方法。分享给大家供大家参考，具体如下：方法一.思路：创建一个新的空数组，循环遍历旧数组，用indexOf（）方法，可以取得元素在数组中的位置，如果值为-1表示不存在。那么新数组用indexOf去获取老数组的每一个元素，如果值为-1表示不存在，就把他push到新数组里，最后输出新数组即去重后的数组var arr=[24,56,74,89,24,56,78,09,24];var new_arr=[];for（var i...

微信公众号开发 实现点击返回按钮就返回到聊天界面

2017-02-06 20
话不多说，请看代码pushHistory（）;function pushHistory（） {var state = {title: "title",url: "#"};window.history.pushState（state, "title", "#"）;}if （typeof window.addEventListener ！= "undefined"） {window.addEventListener（"popstate", function （...

JavaScript中定义对象原型的两种使用方法

2017-02-06 19
第一种：function Person（）{this.username = new Array（）;this.password = "123";}Person.prototype.getInfo = function（）{alert（this.username + ", " + this.password）;}var p = new Person（）;var p2 = new Person（）;p.username.push（"zhangsan"）;p2....

jQuery Validate让普通按钮触发表单验证的方法

2017-02-06 18
一般的表单校验都是直接注册在页面上的匿名函数，导致只能通过固定的提交方式触发表单校验，如果想自定义一个按钮触发表单校验如何实现呢？目前写法：$（function（）{ $（"#form"）.validate（{rules : { user_name : {required : true }, ……},messages : { user_name : {required : "用户名必填", }, ……} }）;}）;改写方法：//编写表单验证函数valid...

简单三步实现报表页面集成天气

2017-02-06 22
条条框框的报表页面枯燥乏味？不妨给页面加点“新意”！前阵子，在看天气预报的时候，发现免费天气预报的调用代码，瞬间想到可以给我开发的报表“润润色”。一共三个步骤，教你手到擒来第一步先去天气资源提供者（自行百度）挑选适合自己页面的预报第二步copy框中iframe标签。JS代码：document.writeln（"<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=cod...

浅谈JavaScript的自动垃圾收集机制

2017-02-06 21
执行环境会负责管理代码执行过程中使用的内存，编写JavaScript程序时，所需内存的分配以及无用内存的回收完全实现自动管理。原理：找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔（或代码执行中预定的收集时间）周期性地执行这一操作。垃圾收集的方式：1.标记清除（mark-and-sweep） 最常用的垃圾收集方式。当变量进入环境时，就将变量标记为“进入环境”。从逻辑上讲，永远不能释放进入环境的变量所占用的内存，因为只...

详解jQuery简单的表单应用

2017-02-06 23
大致介绍接下来的这几个博客是对前面所学知识的一个简单的应用，来加深理解单行文本框只介绍一个简单的样式：获取和失去焦点改变样式基本结构：<form action="#" method="post" id="regFrom"> <fieldset> <legend>个人基本信息</legend> <div> <label for="username">名称：</label> &...

jquery UI Datepicker时间控件冲突问题解决

2017-02-06 27
公司里的项目由于发展较快，很多东西都没有好好梳理一下，以至于有很多的潜在的问题。最近就遇到了一个比较坑的问题。datepicker有两个插件库中的datepicker插件比较有名。一个是jQuery-UI，一个是bootstrap。两个的api网址分别是然而在项目中很不巧的两个库都用到了。然后就出现了以下情况：http://jqueryui.com/datepicker/ 和 http://bootstrap-datepicker.readthedocs....

JS数组排序方法实例分析

2017-02-06 20
本文实例讲述了JS数组排序方法。分享给大家供大家参考，具体如下：方法一.冒泡排序思路：依次比较数组中的第一个元素和第二个元素，如果第一个元素大于第二个元素，则交换位置，所以需要两个函数：交换位置函数和比较函数比较轮数为数组长度var arr=[2,58,49,26,34];function change（f,s）{var temp=arr[f];arr[f]=arr[s];arr[s]=temp;}for（var i=0;i<arr.length;i...

概述jQuery中的ajax方法

2017-02-06 23
1.原生ajaxget请求和post请求区别：黄色小三角以get请求为例，输出结果如下：2.jquery中的ajax列了常用的6个方法：3.状态说明readystate：0：请求未初始化，open未调用1：服务器连接已建立，open已经调用了2：请求已接受，也就是接收到头信息了3：请求处理中，也就是接收到响应主体了4：请求已完成，且响应已就绪，也就是响应完成了http状态码：200：OK 一切正常，对GET和POST请求的应答文档跟在后面301：Moved...

在JS中a标签加入单击事件屏蔽href跳转页面

2017-02-06 24
我们常用的在a标签中有点击事件：1.a href="JavaScript:js_method（）;"这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句2.a href="javascript:void（0）;...
<< 41 42 43 44 45 46 47 48 49 50 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图