javascript
文章平均质量分 65
影之歌NO1
这个作者很懒,什么都没留下…
展开
-
JS(JavaScript)插入节点的方法appendChild与insertBefore
首先 从定义来理解 这两个方法:appendChild() 方法:可向节点的子节点列表的末尾添加新的子节点。语法:appendChild(newchild)insertBefore() 方法:可在已有的子节点前插入一个新的子节点。语法 :insertBefore(newchild,refchild)相同之处:插入子节点不同之处:实现原理方法不同。 a转载 2013-04-15 13:13:41 · 760 阅读 · 0 评论 -
前端绘图 svg和canvas
前端绘图的技术到目前为止有很多种:canvas、SVG、VML、Flash、Java Applet等。这么多方式,他们之间有什么区别,选择的时候该在什么情形下选择什么方式 比较合适?看了很多文章,简单总结一下。大体思路:先逐一介绍一下各种绘图方式,然后比较一下各种绘图方式,最后给出一个取舍的原则或者建议。本文是在参考了多篇文章之后,根据自己的理解整理的,如有不对的地方欢迎指正。转载 2014-06-20 10:52:48 · 15472 阅读 · 0 评论 -
前端性能优化
###性能优化优秀教程- [5173首页前端性能优化实践](http://ued.5173.com/?p=1731)- [给网页设计师和前端开发者看的前端性能优化](http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers)- [复杂应用的 CSS 性能转载 2014-06-20 13:35:28 · 541 阅读 · 0 评论 -
前端修炼之路
前端简介Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。随着人们对用户体验的要求越来越高,前端开发的技术难度越来越大,Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。早期的前端其实就是Table布局,后来发展到所谓的Div + CSS网站重构,再到现在的让人眼花转载 2014-06-17 14:18:28 · 506 阅读 · 0 评论 -
关于iChartjs在移动端提示框tip显示不正常的解决方法
最近项目需要使用手机图表,但是找了很久都没找到专门为移动端开发的图表,只能找一些能兼容移动端的图表控件,今天就讲讲关于iChartjs这个图形库的一点问题。问题iChartjs的提示框tip的显示没有为移动端做调整,在移动端显示效果很差原因直接通过iChartjs的源码看原因,查看$.Tip这个提示框组件中的doAction:doAction:funct转载 2014-04-23 11:11:48 · 777 阅读 · 0 评论 -
jquery pop弹出框和锁屏
锁屏$(function(){ $(".dj").click(function(){//点击“点我弹出层”时候 $(".tc_box").show()//弹出提示层,之前是隐藏在body里面的var sp_height = $(document).height()//获取当期窗口的高度$(".sp_box").css({"opacity":"0.5","height":sp_转载 2014-02-19 12:00:37 · 2005 阅读 · 0 评论 -
前端知识体系及修炼攻略
前端目录(?)[+]前端简介Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。随着人们对用户体验的要求越来越高,前端开发的技术难度越来越大,Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。早期的前端其实就是Table布局,后来发展到所谓转载 2014-02-18 12:09:23 · 882 阅读 · 0 评论 -
JS闭包
这正是所谓闭包的特性。当一个函数返回它内部定义的一个函数时,就产生了一个闭包,闭包不但包括被返回的函数,还包括这个函数的定义环境。原创 2014-02-26 11:15:15 · 468 阅读 · 0 评论 -
JS 创建类---混合的构造函数/原型方式
prototype:原型.此对象的所有实例共享原型定义的数据和(对象)引用.一般用于防止重复创建函数,浪费内存.原型中定义的所有函数和引用的对象都只创建一次;构造函数中的方法则会随着实例的创建重复创建(如果有对象或方法的话).不管在原型中还是构造函数中,属性(值)都不共享.创建类的最好方式是用构造函数定义属性,用原型定义方法。这种方式同样适用于继承机制,用对转载 2014-02-26 17:10:09 · 1014 阅读 · 0 评论 -
js捕获和冒泡
事件的冒泡:捕获原创 2014-08-06 10:18:46 · 370 阅读 · 0 评论 -
设置光标的位置
方法一:function setSelectionRange(input, selectionStart, selectionEnd) { if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); } else转载 2014-09-04 14:48:12 · 1078 阅读 · 0 评论 -
js学习笔记02
对象数组化,在标准的浏览器中,只要对象存在length属性,就能把对象zhuan原创 2014-09-16 10:35:08 · 414 阅读 · 0 评论 -
15个值得开发人员关注的jQuery开发技巧和心得
在这篇文章中,我们将介绍15个让你的jQuery更加有效的技巧,大部分关于性能提升的,希望大家能够喜欢!1. 尽量使用最新版本的jQuery类库jQuery项目中使用了大量的创新。最好的方法来提高性能就是使用最新版本的jQuery。每一个新的版本都包含了优化的bug修复。对我们来说唯一要干的就是修改tag,何乐而不为呢?我们也可以使用免费的CDN服务,例如, Google来转载 2014-10-29 09:57:17 · 542 阅读 · 1 评论 -
Node.js操作mongodb数据库
准备:安装Node.js,mongodb,mongoose,webstorm这里我采用的是mongoose来处理的。Mongoose是MongoDB的一个对象模型工具,可以工作于异步环境下。具体学习内容参看官网http://mongoosejs.com/docs/index.html1、开始运用mongoose时,得先安装,打开命令行,执行$ npm install mongoos转载 2014-10-09 13:42:30 · 416 阅读 · 0 评论 -
js获取N天之后的日期
function lu_GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getYear(); var m = dd.getMonth()+1;//获取当前月份的日期 var d = dd.getDat原创 2014-02-11 09:44:09 · 938 阅读 · 0 评论 -
js学习笔记01
1 传值和传址: js的数据赋值genju原创 2014-09-11 10:52:29 · 440 阅读 · 0 评论 -
jQuery中创建实例与原型继承揭秘
我们在使用jQuery时从来没有使用过new,他是不是用其他方法来生成实例呢?是不是没有使用prototype属性呢?事实上他都有使用,只是内部处理的非常巧妙,提高了使用的爽快度。我们来看看他的源码。 复制代码代码如下:funtion jQuery( selector, context){ return new jQuery.fn.init( selector, con转载 2014-09-10 18:01:46 · 396 阅读 · 0 评论 -
前端书籍
HTML、CSS 类别书籍,都是大同小异,在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了,可以关注一下《CSS禅意花园》,这个很有影响力。Javascript 的书籍 推荐看老外写的,国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻。这里重点推荐几本 Javascript 书籍: 初级读物:《JavaScript高级程序设计》:转载 2014-08-08 17:25:52 · 395 阅读 · 0 评论 -
原生js弹窗组件练习
无标题文档*{margin:0;padding:0;}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;height:1000px;}a{color:#08c;text-decoration:none;}a:hov转载 2014-01-25 16:28:21 · 1063 阅读 · 0 评论 -
触屏版网站开发要点
所谓的触屏版网站其实也是WebApp的一种展示形式,主要是依赖HTML+CSS+Javascript这三个关键因素来实现,相比较原生客户端程序来说优点就是开发周期短、升级简单、维护成本低,因为从根本上来说WebApp的本质就是一个网站而已。这里就说一下如何开发一个适合在触屏设备上展示的页面.如果有在PC端开发网页的基础那么去处理手机端就很容易上手,这里介绍的是针对手持设备专门处理的页面,而转载 2014-01-25 11:45:44 · 823 阅读 · 0 评论 -
JQuery中$.ajax()方法参数详解
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持。timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局转载 2013-08-31 16:07:37 · 351 阅读 · 0 评论 -
google map地址解析
Google Maps JavaScript API v3 Example: Geocoding Simple var geocoder; var map; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.m原创 2013-07-15 15:00:59 · 1090 阅读 · 0 评论 -
使用jQuery解析JSON数据
在本篇中,我们将使用jQuery进行数据解析。我们先以解析上例中的comments对象的JSON数据为例,然后再小结jQuery中解析JSON数据的方法。上例中得到的JSON数据如下,是一个嵌套JSON:{"comments":[{"content":"很不错嘛","id":1,"nickname":"纳尼"},{"content":"哟西哟西","id":2,"nickn原创 2013-06-20 11:23:56 · 492 阅读 · 0 评论 -
手机开发端要求
1、精通 HTML5和DIV+CSS3,输出页面可兼容主流浏览器;2、精通掌握JavaScript,熟练使用jquery框架进行开发4、熟悉移动web端js框架(jquery Mobile,phoneGap,senchaTouch等);5、熟练使用ajax进行开发,能够写出高性能代码;6、了解至少一门web编程语言,PHP、.net、Java等均可;原创 2013-06-19 16:09:16 · 637 阅读 · 0 评论 -
phonegap后退事件
1 navigator.notification.confirm( '确定退出么', function(button) { if(button==1) { navigator.app.exitApp(); } }, '原创 2013-06-14 13:49:38 · 701 阅读 · 0 评论 -
Ajax异步检查用户名是否存在
在任何网站注册用户的时候,都会检查用户是否已经存在。很久以前的处理方式是将所有数据提交到服务器端进行验证,很显然这种方式的用户体验很不好;后来有了Ajax,有了异步交互,当用户输完用户名继续填写其他信息的时候,Ajax就将信息发到了服务器去检查该用户名是否已经被注册了,这样如果用户名已经存在,不用等用户将所有数据都提交就可以给出提示。采用这种方式大大改善了用户体验,今天就一起跟大家聊聊这种交互方式转载 2013-05-30 08:42:49 · 475 阅读 · 0 评论 -
详解 JavaScript 中的 this
其实如果完全掌握了this的工作原理,自然就不会走进这些坑。来看下以下这些情况中的this分别会指向什么:1.全局代码中的this1alert(x);// 全局变量x值为2全局范围内的this将会指向全局对象,在浏览器中即使window。2.作为单纯的函数调用转载 2013-05-10 10:17:02 · 313 阅读 · 0 评论 -
JS的substr和substring
substr 方法 返回一个从指定位置开始的指定长度的子字符串。 stringvar.substr(start [, length ]) 参数 stringvar 必选项。要提取子字符串的字符串文字或 String 对象。 start 必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。 length 可选项。转载 2013-04-18 10:59:23 · 537 阅读 · 0 评论 -
jquery mobile 的4个初始化事件
jQuery Mobile 初期化事件有mobileinit,pagebeforecreate,pagecreate,pageinit这个4个事件。事件触发顺序第一个触发的事件是mobileinit,其次pagebeforecreate,再次pagecreate,最后pageinit。mobileinit -> pagebeforecreate -> pagecreate原创 2013-09-30 09:18:45 · 941 阅读 · 0 评论 -
js 添加表格
1 向上添加 insertRow function insRow() { var x=document.getElementById('myTable').insertRow(0) var y=x.insertCell(0) var z=x.insertCell(1) y.innerHTML="NEW CELL1" z.innerHTML="NEW CELL原创 2013-09-16 11:08:36 · 615 阅读 · 0 评论 -
js判断当前客户端设备类型,操作系统及浏览器类型
// 判断当前访问者的客户端设备类型、操作系统及浏览器类型 function jupmBrowserType() { var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { // 客户端浏览器版本信息转载 2014-01-25 13:58:57 · 4062 阅读 · 0 评论 -
各种常用的JSON接口
这里为大家搜集了一些能够返回JSON格式的服务接口。部分需要用JSONP调用。其中一些接口提供用例参照:http://www.bejson.com/webInterface.php天气接口气象局接口:http://m.weather.com.cn/data/101010100.html 解析 用例音乐接口:虾米接口http://kuang.xiami.com/a转载 2014-01-25 12:56:10 · 648 阅读 · 0 评论 -
JS投票
body,div,a,span{margin:0;padding:0;}.g-pt-10{ padding-top:10px; }.g-ta-c{ text-align:center; }.g-fz-16{ font-size:16px; }.g-d-b{ display:block; }.g-f-l{ float:left; }.g-c-w{ color:#fff; }.g-fz-转载 2014-01-02 17:33:22 · 712 阅读 · 0 评论 -
input checkbox radio样式改变
不直接用input自带的样式,自己重写样式,比如用一个div照着设计图,写出需要的样式,选中时的样式切换,用背景图片来改变原创 2013-12-31 11:42:45 · 1523 阅读 · 0 评论 -
js 控制select
动态的删除select中的所有options document.getElementById("ddd").options.length=0;动态的删除select中的某一项document.getElementById("dd").optinos.remove(index);动态的添加select中的项option document.get原创 2013-10-21 15:10:31 · 406 阅读 · 0 评论 -
jquery中table追加tr
我们知道$("#editattachFilesDispalyTable").append("文件名对应合同");可以追加一行,但是加上去的行在下面的,如果想加最上面的行,应该使用prepend:$("#editattachFilesDispalyTable").prepend("文件名对应合同");原创 2013-10-18 10:51:30 · 1427 阅读 · 0 评论 -
网页加载
window.onload 当页面全部加载完后,触发。JS 框架DOMReady,$(document).ready(init);加载DOM,不包括图片,Flash等原创 2013-10-11 11:26:32 · 428 阅读 · 0 评论 -
JavaScript 的性能优化:加载和执行
概览无论当前 JavaScript 代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久,浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于,脚本可能会改变页面或 JavaScript 的命名空间,它们对后面页面内容造成影响。一个典型的例子就是在页面中使用document.write()。例如清单 1转载 2013-09-23 14:51:40 · 943 阅读 · 0 评论 -
基于h5 Auto API的简单音频播放插件
浏览器支持情况:浏览器支持情况编解码器Chrome3.0Theora 、 Vorbis 、OggH.264 、 AAC 、MPEG4 FireFox3.5Theora 、 Vorbis 、OggIE不支持无原创 2014-11-05 15:36:52 · 3809 阅读 · 0 评论