随笔分类 -  前端技术

js,jq,vue,angularjs,knockoutjs,reactjs等
摘要:回到目录 看到Sails的日志就会想起来log4net,确实它们在很多地方是相似的,都是采用分级别记录的方式,而sails我觉得在使用上更加方便,它不需要我们做多于的事情,直接sails.log.级别("你的日志内容")就搞定了,你不需要关心什么单例,或者持久化方式,Sails的日志只是对conso 阅读全文
posted @ 2015-10-14 11:31 张占岭 阅读(2027) 评论(0) 推荐(0) 编辑
摘要:回到目录在Node.js里,你可以控制请求和响应,自己可以定义自己的响应方式,如对文本如何响应,对json如何响应,对图像流如何响应等等,而这些在Sails架构里,变得更加容易和清晰了,它位于项目的api/responses目录下,你可以定义自己的响应体。其实sails为我们封装了一些标准的相应,如... 阅读全文
posted @ 2015-10-14 11:03 张占岭 阅读(2001) 评论(0) 推荐(0) 编辑
摘要:AngularJS很美,以至于迷倒了不少年青人和我这位大叔,它的美不仅仅是在写法上,而且在设计方法上都进乎于完美,用什么服务就注入什么服务,这样方法本来就很直观,程序员感觉直观了,程序在运行起来也按需要装载,这种按需要装载无论在性能上还是在表现力上都远远优于完全加载方式。Ajax加载数据$http服... 阅读全文
posted @ 2015-08-05 16:54 张占岭 阅读(5178) 评论(2) 推荐(2) 编辑
摘要:AngularJS是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入、等等。前端一些术语类库 - 类库是一些函数的集合,它能帮助你写WEB应用。起主导作用的是你的代码,由你来决定何时... 阅读全文
posted @ 2015-07-28 22:29 张占岭 阅读(1440) 评论(0) 推荐(1) 编辑
摘要:回到目录 在进行自己的后台改版时,大体布局都使用了bootstrap,剩下的表单部分没理由不去使用它,对于表单的美化和布局,bootstrap做的也是很不错的,有大气的边框,多功能的按钮及宏观的表单布局,一切都是那么的完整与完美! 普通表单 我们需要将表单元素包裹到form-group类里,一般以< 阅读全文
posted @ 2015-07-21 11:48 张占岭 阅读(18266) 评论(3) 推荐(1) 编辑
摘要:回到目录 在我们对一个页面进行设计时,分块是必须的,没有一个网站是一栏而下的,除非你是在看小说,否则你的页面设计一定是分块的,即它由于多个panel组件,在bootstrap里叫到栅格系统,而在每行每列进行宏观的布局后,就是在每一个大块里建立小块,而小块可以使用Panel来实现,下面看个例子 <di 阅读全文
posted @ 2015-07-10 23:00 张占岭 阅读(8604) 评论(2) 推荐(2) 编辑
摘要:回到目录 Bootstrap作为支持响应式布局的一个前端插件,确实发挥着重要的作用,无论你是在手机,平板还是PC上浏览网页,都能达到不错的效果,这一切一切,都是bootstrap带给我们的! 今天主要说下页面的布局,这是最基础的东西了,当我们设计一个站点时,应该为它设计一个全局性的统一的规范页面,这 阅读全文
posted @ 2015-07-08 16:39 张占岭 阅读(9359) 评论(0) 推荐(2) 编辑
摘要:返回目录已经写了很多knockoutjs的文章了,今天在review代码时,忽然看到一个问题,在knockout环境下,如何遍历一个简单的数组?对于遍历对象组件的数组来说,很容易,直接foreach:对象名,然后进行属性的绑定即可,而如下数据[10,20,30]这种简单的数组,如何去遍历呢?在阅读k... 阅读全文
posted @ 2014-10-13 15:07 张占岭 阅读(10753) 评论(2) 推荐(1) 编辑
摘要:返回目录在写完首篇cache文章后,有些朋友给我来信,希望可以使用JS的方法来实现这个导航功能,所以,才有了这篇文章,JS与C#不同,它虽然有引用类型,但它不具备一些引用类型的特性,如它的方法参数为对象时,也是通过值传递的,而不是通过内存地址,而在进行导航制作时,我们正是使用了引用类型的这个特性,所... 阅读全文
posted @ 2014-10-08 16:47 张占岭 阅读(1693) 评论(1) 推荐(4) 编辑
摘要:最近做了一个项目,包括了一个列表页,为了用户体验,操作均使用JS实现,其中包括在列表中实现上移,下移,删除等功能,前台JS,后端数据修改使用AJAX,本文主要说一下前台JS这块先看一下页面的截图看一下它的HTML结构,当然,这与前台切图有关,后端程序人员只负责写自己的JS这块,我以我们项目为例,看一... 阅读全文
posted @ 2014-09-24 10:36 张占岭 阅读(5600) 评论(0) 推荐(0) 编辑
摘要:在JS中,当前对象一般用this表示,在jquery中,当前的对象是用$(this)表示,这些都是最基础的知识,没什么可说的,但我要说的是,当this出现在某个深度时,它的含义你自己要清楚,它是指离当前元素最近的那个当前对象,而不是其它对象.this举例例如,在一个function表示的类中,它内部... 阅读全文
posted @ 2014-09-18 15:41 张占岭 阅读(1678) 评论(0) 推荐(0) 编辑
摘要:对于fancybox我们已经耳熟能详了,一般用来到表单的弹框,提示弹框等,而今天,我们将分页列表也使用fancybox来实现一下,这东西听起来简单,但做起来还真不是那么回事,有事细节需要我们注意的,首先的知识点,fancybox在弹出后,显示为静态HTML代码,所以,你希望改变它上面的内容不是那么容... 阅读全文
posted @ 2014-09-17 15:18 张占岭 阅读(7609) 评论(7) 推荐(2) 编辑
摘要:今天一个小弟问我的问题,在文本框中输入字符,如果超出指定长度,就把它截取,要求中文等于两个字符的长度,我找一下资料,把这个功能实现了,下面是JS代码: 效果如图: 阅读全文
posted @ 2014-08-12 18:00 张占岭 阅读(51752) 评论(1) 推荐(2) 编辑
摘要:在面向对象的程序设计里,一般都提供了实现队列(queue)和堆栈(stack)的方法,而对于JS来说,我们可以实现数组的相关操作,来实现队列和堆栈的功能,看下面的相关介绍.一 看一下它们的性质,这种性质决定了它们的使用场合队列:是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被取出!堆栈:... 阅读全文
posted @ 2014-07-31 13:37 张占岭 阅读(18693) 评论(0) 推荐(2) 编辑
摘要:概念相关XSL是可扩展样式表语言的外语缩写,是一种用于以可读格式呈现 XML(标准通用标记语言的子集)数据的语言。起始于 XSL万维网联盟(W3C)开始发展 XSL 的原因是:存在着对于基于 XML 的样式表语言的需求。CSS = HTML 样式表HTML 使用预先定义的标签,每个标签的意义很容易被... 阅读全文
posted @ 2014-07-02 12:02 张占岭 阅读(733) 评论(0) 推荐(2) 编辑
摘要:说起广告拦截,这应该是浏览器的一个特性,它会将window.open产生的窗口默认为一个广告,将它进行拦截,但有时,这不是我们所希望的,有时,我们就是需要它在客户端的浏览器上弹出一个新窗口,以展示数据处理的更新结果,例如,一个创建商品的预览功能,它需要先保存数据,然后再在新窗口展示最新的信息,这种需... 阅读全文
posted @ 2014-06-26 11:59 张占岭 阅读(3758) 评论(3) 推荐(1) 编辑
摘要:返回目录一些要说的这是一个很有意思的题目,在KO里,有对象和数组对象两种,但这两种对象对外表现都是一个function,如果希望得到他的值,需要进行函数式调用,如ko_a(),它的结果为一个具体值或者数组或者函数,而ko_a则表示一个KO对象。今天主要说一下如何在ajax方法里向后台传递对象和数组等... 阅读全文
posted @ 2014-06-13 10:43 张占岭 阅读(2635) 评论(2) 推荐(2) 编辑
摘要:返回目录1 关于attr属性的问题这个问题主要出现的IE7和360浏览器,使用attr时,需要为属性名加上单引号,代码如下: 2 computed方法失效这个问题需要将当前对象以参数的形式传入computed方法,代码如下:var self=this; self.realMoney = ko.co... 阅读全文
posted @ 2014-06-04 15:36 张占岭 阅读(1941) 评论(0) 推荐(0) 编辑
摘要:返回目录在看这篇文章之前,你有必要先看我之前的文章,之前文章是将一个方法以参数的形式传给KO,然后返回一个真假值,去做验证,这类似于面向对象语言里的委托,在JS里我们叫它回调方法,本篇文章与前一文章不同,需要有两个参数,其一是远程方法的签名(JS方法),其二是已知要比较的数据(可能是加密后的密码数据... 阅读全文
posted @ 2014-05-22 11:13 张占岭 阅读(1903) 评论(1) 推荐(0) 编辑
摘要:返回目录在大部分网站里,用户名都是唯一的,即当用户注册时,如果用户输入的名字不合法,我们需要提示用户,让用户再起个新名字,而这种复杂的验证一般是通过JS来实现的,如果把它集成到ko里,那就完美了.有了这个想法,我开始尝试它,相信一定可以成功的!起初在设计时出现了很多问题,如ajax异步问题,延时处理... 阅读全文
posted @ 2014-05-21 11:25 张占岭 阅读(1518) 评论(4) 推荐(0) 编辑