随笔分类 - 前端技术
js,jq,vue,angularjs,knockoutjs,reactjs等
摘要：回到目录前言今天主要讲一下JQ中的异步编程，它将ajax进行封装，在进行异步请求时显得非常容易，无论是GET，POST方式，还是text,xml,javascript,json等数据通讯都是那么的自然现在，我们就走入jq的ajax的殿堂吧。GET请求获取数据 <script src="http://img1.c2cedu.com/Scripts/jquery/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javasc
阅读全文
摘要：回到目录 前几篇文章以JQ为主，本系列的八篇文章中，第一讲为ＪＳ基础，从第二讲开始到第六讲主要是ＪＱ基础知识，而第七讲与第八讲是ＪＳ中的一些高级应用，写到这里，也快要和《Jquery真的不难》说再见了，有点舍不得，恩，连续的两天失眠，呵呵，不知道为什么，可能是兴奋过度了吧，呵呵，总之这几天的状态超级好，我喜欢这种感觉，非常感谢！ＪＳ也要面向对象这个题目很大，我是搞Ｃ#开发的，而Ｃ#是个面向人性化的语言，呵呵，我更希望把面向对象改成面向人性化，呵呵，因为只有你把它拟人化之后，你才能更好的去学习吧，编程，上学时大多人说它是个枯燥的东西，编程课卓见变成了睡觉课，呵呵，但似乎从那里起，我就已经被...
阅读全文
摘要：回到目录上一回主要说的是JQ中的几个主要的事件，文章的最后还介绍了匿名函数的使用，恩，今天主要来看一下JQ中的遍历，就是在ＪＱ中进行循环操作以及在遍历时要注意的地方。前言要讲遍历就要说数组，你不可以对一个单独的变量进行遍历吧，呵呵，数组是一些各种类型变量的集合，在ＪＳ中一个数组，你完全可以把数字与字符混合在一起，这是合法的。JS中的数组数组的定义 var arr = [1, 2, 3, 4, "one", "two", "three", "four"]; //一维数组 var props = [["拳头&
阅读全文
摘要：回到目录上一篇文章主要说的是JQ中如何去操作HTML标签的样式，今天主要来学习一下JQ几个比较重要的事件，如单击click，双击dblclick，鼠标移入mouseover，移出mouseout，焦点focus，移出焦点blur等等前言单击双击鼠标移入与移出焦点与移出焦点JS中的匿名函数前言事件一词，大家应该不会陌生，我认为可以这样定义事件，当某个或某几个操作之后，会引入一个或者几个结果的产生，而这个结果我们叫它事件，即Event,JS世界中的事件与传统高级语言中的事件很类似，如对鼠标的单击，双击，键盘的按下，抬起等等，而在JQ的封装下，我们可以为JQ对象（一般是以$开头的变量，当然$只是JQ
阅读全文
摘要：回到目录 对于如何修饰ＨＴＭＬ标签，这对于ＪＳ来说，可以通过setAttribute来设置标签的属性，通过getAttribute来得到标签的属性，而在ＪＱ中当然也可以实现类似的功能，方法上肯定比ＪＳ要简化多了。一 通过修改标签属性来改变它的样式ＪＳ设置和获取标签的属性 <script type="text/javascript"> window.onload = function () { var attr = document.getElementById("attr"); attr.setAttribute("style&qu
阅读全文
摘要：回到目录在写完第一回之后，看到了朋友们的回复，指出了我代码中的一些问题，确实由于时间仓促没有使用IDE，直接搞上了，又由于本人记忆力不好，所以把大小写都忘记了，还好晚上回家，用VS改了一下，呵呵，真是对不住大家了。从这一讲开始，我们将直正接触一个JQ类库，学习一下JQ的写法，JQ的一些常用的命令等等，今天主要讲的是JQ里的选择器，这也是JQ的一大特点，这从它的名称jQuery中可以看到，主要功力体现在查询上。前言：对于写在<script></script>中的代码，一般在JS环境，我们一般把代码写在window.onload=function(){...}代码块里，这个
阅读全文
摘要：回到目录前言 说Jquery之前，先来学习一下Javascript（以后简称为JS）语言中的基础知识问题，其时对于每种编程语言来说基础知识都是大同小异的，对变量，函数，条件语句块，循环语句块等等，而对于每种语言在写法上到是显得各有不同，如JS里在定义变量时，你要用var去声局部变量的声明，而对于弱类型的语言JS来说，你也可以不加var,但不加它会认为这个变量为全局变量，这是要注意的。变量在程序运行过程中，其值可以发生改变的（呵呵，１０多年前书上的定义）var people ; //声明一个名为people的变量var people="good boy" ; //声明变量的同
阅读全文
摘要：回到占占推荐博客索引 JQ不错，被JS大师们封装的不错，这对于开发者来说是件好事，会让你少写很多代码，呵呵，你可能已经忘记了document.getElementById,document.getElementByTagName等等恩，写这个系列的目的是帮助“我喜欢的”年轻人们一起成长，呵呵！ 对于
阅读全文
摘要：下面程序主要讲的是有一个大对象people，它有两个子对象html和video，这两个子对象都有方法play，并都有参数x，而x在这个play方法中需要被加工，而这两个子对象对于x参数的加工逻辑是相同的，为了不让代码重复，所以就抽象出一个init的方法，用来处理这种共同的逻辑。 1 <script> 2 var url; 3 var people={ 4 init:function(x){ 5 return x}, 6 html:{ 7 play:function(x){alert(people.init(x));} 8 }, 9 video:{10 play:function(.
阅读全文
摘要：JS中的数组提供了四个操作，以便让我们实现队列与堆栈！小理论：队列：先进先出堆栈：后进先出实现队列的方法：shift:从集合中把第一个元素删除，并返回这个元素的值。unshift: 在集合开头添加一个或更多元素，并返回新的长度push:在集合中添加元素，并返回新的长度pop:从集合中把最后一个元素删除，并返回这个元素的值。这是原来老赵写的关于数组队列的代码，觉得有点问题，所以改了一下 1 // Usage:装载并运行函数 2 // 队列机制 3 var Resource = (function () { 4 var wai...
阅读全文
摘要：对于 Boxy弹出框的使用之前写过一些文章（查看jquery.boxy基础），今天主要是在解决一个需要之后，觉得值得把它记录下来，所以就再写一篇，主要功能是，在弹出对话框后，隔N秒后自动隐藏，还有就是自动跳转！效果如图：而所封装的代码如下： 1 // boxy对话框扩展 2 var Boxy_Extensions = { 3 options: { 4 title: '艺吧提示', 5 closeText: 'x' 6 }, 7 //弹出后N秒后隐藏 8 alertDelayFun: function (info, timer, o...
阅读全文
摘要：相关知识说明 项目用公用的ＡＰＩ事实上就是其它子项目，包括非子项目需要从这个项目中得到一个公用的信息，这种产生信息的接口我们称为公用的ＡＰＩ(application program interface)，例如：一个Ａ网站，它有用户模块，产品模块，订单模块，帮助中心模组成，而在Ａ网站旗下有它的Ａ论坛，Ａ社区，Ａ微博等，而这些子网站的用户来源是从Ａ网站来的，而如果在子网站中希望得到用户的详细信息，就需要我们在主网站提供一个开放的ＡＰＩ，而这个ＡＰＩ是如果通过ＧＥＴ请求直接访问的，这是正常的，但如果在Ａ微博中需要异步得到信息，即以ajax方式得到信息，直接访问是不可以的，必须使用jsonp的方式！.
阅读全文
摘要：我们在显示长文本时，往往需要去在Ｃ#端去截取字符，但这绝对不是一个好方面，因为我们的长文本往往都是代ＨＴＭＬ标记的，你一个载不好，就会出现乱码问题（出现半个ＨＴＭＬ标记），而比较好的作法就是通过ＣＳＳ去实现这个功能span标签 当内容超出 强制不断行 自动换行white-space:nowrap;white-space:norma;display:inline-block;超出自动隐藏 英方不断行显示 (必须在块元素内)overflow:hidden;white-space:nowrap;而如果希望在文字后面加上个...，就可以使用text-overflow: ellipsis;一般的主流浏览
阅读全文
摘要：在做ＪＳ开发时，我们将第三方复杂的插件进行封装，然后对外公开一个很简单的方法接口，这是开发时常用的方法，在ＪＳ里，我们的方法参数通常使用JQ的$.extend 扩展方法来实现 function extend(arr) { arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {}); alert("[Name:]" + arr.name + "[Sex:]" + arr.sex + "[Age:]" + arr.age); } 在页面调
阅读全文
摘要：在Boxy中没有提供复杂的弹出框，但是没有提供复杂业务的说明，我总结了几点需要注意的地方１ 在behaviours里写方法时，所有内容都是r对象下的，即$(r).find这种方式可以找到指定的ＨＴＭＬ标记２ 在写完后，如果需要关闭框，可以使用Boxy.get(this).hide(); new Boxy($("#MediaList").html(), { behaviours: function (r) { //搜索操作 $(r).find("#keyword")....
阅读全文
摘要：当你需要使用弹出框时，当然可以使用jquery-ui,artdiag,blockUI等等，但今天我介绍一个轻量级的插件 boxy!它可以把美工设计的弹出框很容易的体现出来，而且兼容性还不错！国外参考：http://onehackoranother.com/projects/jquery/boxy/ 1 <script type='text/javascript'> 2 $(function() { 3 $('#ask-actuator').click(function() { 4 Boxy.ask("How are you feeling?
阅读全文
摘要：xheditor确实好用，但由于是第三方的插件，所以，在我们设置起来难免有点麻烦，下面我说几个场景：一 当你希望动态改变xheditor里的内容里需要这样做： var editor = $('#Content').xheditor({ tools: 'full', width: 500, height: 200 }); editor.setSource("");//清空上一次调用时的内容 editor.focus(); editor.pasteHTML(info + "</br>");二 当这个xheditor
阅读全文
摘要：jsonString＝{“name":"zzl"};var obj=eval('('+jsonString+')');alert(obj.name);
阅读全文
摘要：我们在做项目时，当开发ＪＳ特效时，可以出现某几个ＪＳ相互引用的问题，这时，我们的做法，可以是在页面上将所需要的JS文件（包括本操作的ＪＳ和本操作相关的几个ＪＳ文件），然后进行调用即可；而还有一种面向对象的方法，就是把相关的ＪＳ文件写在被直接调用的ＪＳ文件里，即如果有个方法叫delUserFun()，而它要依靠一个art.dialog.js文件，这时，我们可以它后面的js文件引入到delUserFun的js文件中，而不需要在页面上进行引用。//引入依赖的JSdocument.write(unescape("%3Cscript language='javascript'
阅读全文
摘要：写JS还是谨慎点好，为什么这样说，首先一个常识就是，在浏览器执行JS脚本过程中，当出现脚本错误，并且你没有手动进行异常捕捉时，他会在浏览器下面出现黄色的叹号，这是正常的，这也不是最重要的，最重要的是，出错行以下的所有JS代码将中停执行，这是我们不希望看到的，所以说，对于自己写的，拿不准的脚本还是加上异常捕捉比较好。1 清除黄色叹号：window.onerror={return true;} //这只是表面清除了错误，但JS代码将被中停2 为容易出错的，容易产生兼容问题的代码段加上try..cache 1 try{ 2 3 var a="hello world"; 4 5 D
阅读全文
浙公网安备 33010602011771号