2017年6月14日

摘要: JQuery这种Write Less Do More的框架,用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客,貌似很初级的样子,但是看到网络上连原生js事件绑定和解除都说不明白,还是决定科普一下了。 首先声明,小菜懂的也不是很多,只是把我的思路和大家分享一下。 DOM0事件模型 事件模型在不 阅读全文
posted @ 2017-06-14 21:02 aivnfjgj 阅读(163) 评论(0) 推荐(0)
摘要: 可以先从阅读开始,推荐阅读顺序:《javascript+dom编程艺术》 --> 《锋利的jQuery》 --> 《javascript高级程序设计》(第三版)--> 《javascript语言精髓》 --> 《基于MVC的javascript富应用开发》然后,订阅一些好的bolg:CSS森林(CS 阅读全文
posted @ 2017-06-14 20:07 aivnfjgj 阅读(96) 评论(0) 推荐(0)
摘要: <html> <head> <metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/> <title>jquery广告无缝轮播代码演示</title> <styletype="text/css"> li{ list-style 阅读全文
posted @ 2017-06-14 18:01 aivnfjgj 阅读(173) 评论(0) 推荐(0)
摘要: <html> <head> <metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"/> <scripttype="text/javascript"src="jquery-1.12.1.js"></script> <stylet 阅读全文
posted @ 2017-06-14 17:59 aivnfjgj 阅读(179) 评论(0) 推荐(0)
摘要: 在写插件之前都会事先思考清楚,这个插件都需要哪些参数,而哪些又是必须传的,哪些是可选的,哪些功能以后可能会用到,哪些是可以会更改的,这些都是必须考虑的,不然写出来的插件肯定会有很多的问题。 基本雏形 ;(function(window,document){ varMaskShare =functio 阅读全文
posted @ 2017-06-14 17:41 aivnfjgj 阅读(136) 评论(0) 推荐(0)
摘要: {'HTML':{...},'CSS':{...},'JavaScript':{...}} :: :: :: ::订阅 ::管理 132 Posts :: 1 Stories :: 55 Comments :: 0 Trackbacks {'HTML':{...},'CSS':{...},'Java 阅读全文
posted @ 2017-06-14 17:33 aivnfjgj 阅读(1040) 评论(0) 推荐(0)
摘要: 原生js写的思路如下第一步:fnInit实现初始化一些字段第二步:加载搜索框的div第三步:实现search功能,删除原节点并加载新节点第四步:点击或者回车的时候设置value代码:autoComplete.js /** * @summary AutoComplete * @description 阅读全文
posted @ 2017-06-14 15:43 aivnfjgj 阅读(302) 评论(0) 推荐(0)
摘要: PC 移动端兼容 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 惯性助动,滑动回弹 门面模式 window.onload = function() { /*测试数据*/ var insert = ''; for (var i = 0; i < 80; i++) 阅读全文
posted @ 2017-06-14 14:50 aivnfjgj 阅读(1010) 评论(0) 推荐(0)
摘要: 在一些有弹出框的页面,会经常用到拖拽效果来增加用户体验,避免因弹出框遮挡一些元素。如果用原生的js来写的话,js兼容性很不好控制,经常由于浏览器事件的不统一而影响效果,今天给大家介绍一个拖拽插件easydrag,EasyDrag可以指定可拖动的区域,一个setHandler搞定,不错开源是个好东西, 阅读全文
posted @ 2017-06-14 14:43 aivnfjgj 阅读(439) 评论(0) 推荐(0)
摘要: 原生js实现ajax 发送post请求 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 var postData = { "name1": "value1", "name2": "value2"}; 阅读全文
posted @ 2017-06-14 09:47 aivnfjgj 阅读(947) 评论(0) 推荐(0)

导航