随笔分类 - 前端技术
js,jq,vue,angularjs,knockoutjs,reactjs等
摘要：回到目录本讲主要是ＪＳ语言中的代码如何被解释执行的，这个问题其实和其它语言是一样的，程序执行顺序为“从上到下”，当然如果代码中有分支，它的执行顺序可能有所改变，而这种支在程序设计中叫做“分支结构（条件结构）”，再或者某个操作需要反复执行１０次，这在程序设计中叫做“循环结构”。正常的程序结构 //普通的结构 var info = "hello world" console.log(info);带有分支的程序结构 //IF条件结构 var number = 1; if (number % 2 == 0) ...
阅读全文
摘要：回到目录前言javascript脚本语言，它的成功很大程度上体现在它对各大浏览器的兼容性上，各大浏览器都按着ECMAScript的标准走，这也使得javascript成为前端工程的一种必要筹码，你的JS牛，你的薪水可能就是５位数，呵呵！有人说ＪＳ就是脚本语言，一个个方法，一个个小插件，但我并不这样认为，对于任何一种开发语言来说，它都可以是面向对象的，都可以遵循着面向对象的原则去走，只有这样，你开发出现的代码才是健壮的，可读性强的，看着舒服的。javascript中的变量javascript中的变量可以分为全局变量与局部变量，当你不去var声明时，它会默认被声明为全局变量，加上var它就是当前方
阅读全文
摘要：回到占占推荐博客索引 上周邀朋友之请，写了JQ系列，但感觉对于初学者来说，有点复杂，或者摸不着头脑，所以，这次要从0起步了，从最基础的开始写起，下面我整理了一下目录，呵呵！ Javascript基础与面向对象基础~目录 第一讲 啥叫编程，啥叫程序员 第二讲 Javascript中的变量及变量的类型
阅读全文
摘要：回到目录百度百科中对闭包的定义： 闭包是可以包含自由（未绑定到特定对象）变量的代码块；这些变量不是在这个代码块内或者任何全局上下文中定义的，而是在定义代码块的环境中定义。“闭包” 一词来源于以下两者的结合：要执行的代码块（由于自由变量被包含在代码块中，这些自由变量以及它们引用的对象没有被释放）和为自由变量提供绑定的计算环境 （作用域）。在 Scala、Scheme、Common Lisp、Smalltalk、Groovy、JavaScript、Ruby 和 Python，objective c 等语言中都能找到对闭包不同程度的支持。占岭对闭包的定义： 对于函数Ａ，它内部有子函数Ｂ，Ａ函数...
阅读全文
摘要：回到目录前一篇文章主要介绍了如何通过ＪＱ实现异步数据的访问与操作，写法上是最标准的.ajax完整形式，这讲主要把剩下的简写形式说一下。前言：以下是整理的异步请求时的参数说明 //$ajax异步通用参数说明，[]里面的参数是可以省略的 //url,[data],[callback],[type] //data:待发送 Key/value 参数。 //callback:载入成功时回调函数。 //type:返回内容格式，xml, html, script, json, $.load() 载入远程 HTML 文件代码并插入至 DOM...
阅读全文
摘要：回到目录前言今天主要讲一下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")....
阅读全文
