随笔分类 - [10]JS
-
JS对文档进行操作
摘要:对文档进行操作创建节点追加节点删除节点任务及例子总结对DOM的修改是,构建动态网页的关键。使用下面列举的方法,我们可以创建新的网页并且动态进行更改。更多的DOM操作方法请查DOM1创建节点使用以下方法在DOM中创建元素。document.createElement(tag):创建元素节点var di... 阅读全文
-
AngularJS - 服务简介
摘要:AngularJS - 服务简介服务是AngularJS中非常重要的一个概念,虽然我们有了控制器,但考虑到其生命实在脆弱,我们需要用到服务。起初用service时,我便把service和factory()理所当然地关联起来了。确实,factory()是创建一个服务的最简单的方式,但服务并非仅此而已。... 阅读全文
-
瀑布流特效
摘要:瀑布流特效瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格。 瀑布流特点:1、琳琅满目:整版以图片为主... 阅读全文
-
KnockoutJS
摘要:深入浅出KnockoutJS深入浅出KnockoutJS 写在前面,本文资料大多来源网上,属于自己的学习笔记整理。 其中主要内容来自learn.knockoutjs.com,源码解析部分资料来自司徒正美博文《knockout.js学习笔记》系列。1. Knockout初体验1.1 Before ... 阅读全文
-
Zepto
摘要:移动开发流量省起来之Zepto事情是这样的:最近开发的一个手机网站客户反应访问起来特别慢,刷了半天才能看到页面,然后问我们是不是网站出问题了。于是我赶紧找了各种手机测试一下,没有问题,首先排除程序错误的问题,然后服务器用的又是云服务器,只要不是在国外应该不会太慢才对,打听了一下,原来是该客户用的是2... 阅读全文
-
高性能双端js模板
摘要:高性能双端js模板(新增filter)---simplitesimplite是一款js实现的模板引擎,它能够完成浏览器端js模版和node服务器端js模板的数据渲染。 渲染性能十分突出。 支持浏览器端和node服务器端模板渲染。 它简单易用,默认采用jsp语法风格来编写逻辑部分的代码,当然,如... 阅读全文
-
最流行的Node.js应用开发框架简介
摘要:最流行的Node.js应用开发框架简介快速开发而又容易扩展,高性能且鲁棒性强。Node.js的出现让所有网络应用开发者的这些梦想成为现实。但是,有如其他新的开发语言技术一样,从头开始使用Node.js的最基本功能来编写代码构建应用是一个非常划不来的耗时的事情。这个问题的解决方案非常简单且已经经受起时... 阅读全文
-
jQuery AJAX 网页无刷新上传示例
摘要:jQuery AJAX 网页无刷新上传示例新年礼,提供简单、易套用的 jQuery AJAX 上传示例及代码下载。后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP)。有时做一个网站项目 (不论是否 ASP.NET),内附的 FileUpload... 阅读全文
-
浅谈WEB跨域的实现(前端向)
摘要:浅谈WEB跨域的实现(前端向)同源策略/SOP(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSFR等攻击(可以参考我的这篇文章)。SOP要求两个通讯地址的协议、域名、端口号必须相同,否则两个地址的通讯将被浏览器视... 阅读全文
-
什么是MEAN全堆栈javascript开发框架
摘要:什么是MEAN全堆栈javascript开发框架使用JavaScript能够完整迅速做出Web应用程序,目前一套工具包括MongoDB、ExpressJS,AngularJS和Node.js越来越受到欢迎,其开发的灵活性和易用性加快开发效率,简化开发者的工作。 在今天你有很多架构可以选择建立一个W... 阅读全文
-
全 Javascript 的 Web 开发架构:MEAN
摘要:全 Javascript 的 Web 开发架构:MEANMEAN的支持者宣称,如果整个开发栈均能使用JS,必然会大大地提高效率,这一点毋庸置疑是一个很大的卖点。这样一来,开发人员(无论是前端还是后端)不仅能使用一致的数据模型,在其它方面也同样可以获得一致的编程体验。引言最近在Angular社区的原型... 阅读全文
-
全栈式框架的选择:MEAN or MEANS?
摘要:全栈式框架的选择:MEAN or MEANS?说明:个人博客地址为edwardesire.com,欢迎前来品尝。本博客作为备份和引流这两个月一直在进行sails后端开发,其中遇到的问题不断。放在研究用户访问控制矸例程上的时间太多,最后也没用弄出什么东西来。遂推荐降一级使用Express框架,在进行数... 阅读全文
-
javascript 分页组件
摘要:javascript 分页组件自己写的一个简单的分页组件,主要功能还有实现都在JS中,html页面中只用增加一个放置生成分页的DIV,并给定容器的id.html结构如下:class="pagination" 给定了分页的样式,id="pageDIV"用于放置JS生成的分页 CSS结构如下:.pagi... 阅读全文
-
前端架构搭建
摘要:前端架构搭建心得在这个公司待了半年多了,对公司的心情就不暴露了,不过有幸的是在最后的日子里面接手了一个让我尽全力去做的项目(CQM系统)。从第一家公司上班到现在,我也在网站这块挥霍了1年半的青春了,从后端到前端,从陌生到熟悉,渐渐的对网站的知识开始稳定的深入学习了。我一直想自己做一个像样的东西,可是... 阅读全文
-
datatables表格
摘要:datatables表格并不是所有的后台开发都有美工和前端工程师来配合做页面,为了显示数据并有一定的美感,jQuery的DataTables插件对于像我这样的前端菜鸟来说真是雪中送炭,当然对于专业的前端开发者来说它更是锦上添花!DataTables提供了针对表格的排序、浏览器分页、服务器分页、筛选、... 阅读全文
-
国籍控件(js源码)
摘要:国籍控件(js源码)一直苦于没有好的国籍控件可以用,于是抽空写了一个国籍控件,现分享给大家。主要功能和界面介绍国籍控件主要支持中文、英文过滤以及键盘上下事件。源码介绍国籍控件核心是两个文件,navtionality.js 和 mian.css。navtionality.js主要功能是国籍控件的DOM... 阅读全文
-
js前端分页之jQuery
摘要:锋利的js前端分页之jQuery大家在作分页时,多数是在后台返回一个导航条的html字符串,其实在前端用js也很好实现。调用pager方法,输入参数,会返回一个导航条的html字符串。方法的内部比较简单。 1 /** 2 * pageSize, 每页显示数 3 * pageIndex, 当前页数 ... 阅读全文
-
angularJS看MVVM
摘要:从angularJS看MVVMjavascript厚积薄发走势异常迅猛,导致现在各种MV*框架百家争雄,MVVM从MVC演变而来,为javascript注入了全新的活力。我工作的业务不会涉及到angularJS[ng]这么重量级的东西,只有自己闲暇之余做的项目才能一尝angularJS。我才疏学浅,... 阅读全文
-
call,apply,bind
摘要:apply,call,bind,这三兄弟的相同点是:1. 第一个参数都是邦定作用域,即是在谁的地盘上做事。2. 都可以传递参数不同点是: apply,call 兼容性更好,bind某些低版本的浏览器不支持。 apply 传递的参数必须是用数组进行包装的,而 call 和 bind 则是将要传递的参数... 阅读全文
-
jQuery插件——多级联动菜单
摘要:jQuery插件——多级联动菜单引言开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后想用的时候就方便多了。项目中每个页面都有引用jQuery,,开发个jQuery联动菜单插件,说动手就动手... 阅读全文