随笔分类 - javascript
摘要：原理跟java那篇文章一样，只是语言不同而已
阅读全文
摘要：链表相比数组更具灵活性和扩展性。主要有节点数据以及指向节点的指针所构成。 链表中节点的实现【元素和指针】： 单链表的实现：
阅读全文
摘要：最近做了一个智能家居的APP，目前纯JS代码已经4000多行，不包括任何引入的库。还在不断升级改造中。。。这个项目到处都是异步。大多数都是3～4层调用。给我的感觉就是异步当你习惯了，你会发现很爽。下面举个最简单的例子？ 你知道怎么返回一个异步调用的值吗？ 也许你会这么干 你肯定得不到你想要的20 c
阅读全文
摘要：本文带来一个垂直方向的手风琴插件开发，可以定制的功能如下： 调用方法： 效果预览： 效果预览： 完整的手风琴插件代码： html部分: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <!--作者:ghostwu(吴华)--> 5 <meta char
阅读全文
摘要：在这篇文章中，我实现了一个基本的选项卡功能：请猛击后面的链接>> [js插件开发教程]原生js仿jquery架构扩展开发选项卡插件. 还缺少两个常用的切换（自动切换与透明度渐变），当然有朋友会说，还有左右，上下等等，这些动画会放在焦点图（幻灯片）插件系列. (自动切换，停止控制，透明度渐变 ) 效果
阅读全文
摘要：jquery插件一般是这么干的： $.fn.插件名称 = function(){}， 把插件的名称加在.fn上，在源码里面实际上是扩展到构造函数的原型对象上，如果你没看过jquery的源代码，或者你曾经看过，但是不知道为什么把插件扩展到fn上，那么本篇文章就能解答你的疑惑。关于jquery插件开发方
阅读全文
摘要：在这篇文章[js高手之路]打造通用的匀速运动框架中，封装了一个匀速运动框架，我们在这个框架的基础之上，加上缓冲运动效果，然后用运动框架来做幻灯片（上下，左右），效果如下：【选择器用的是html5的，你的浏览器需要支持html5新选择器，才能看见效果额】 1 2 3 4 5 1 2 3 4 5 1 2
阅读全文
摘要：这篇文章的效果，需要看过以下3篇文章： [js插件开发教程]一步步开发一个可以定制配置的隔行变色小插件 [js高手之路]匀速运动与实例实战(侧边栏,淡入淡出) [js高手之路]打造通用的匀速运动框架 鼠标移动到div查看效果:
阅读全文
摘要：本文，是接着上文[js高手之路]匀速运动与实例实战(侧边栏,淡入淡出)继续的，在这篇文章的最后，我们做了2个小实例：侧边栏与改变透明度的淡入淡出效果，本文我们把上文的animate函数，继续改造，让他变得更加的通用和强大： 1，支持多个物体的运动 2，同时运动 3，顺序运动 这三种运动方式也是jqu
阅读全文
摘要：javascript中，如何让一个元素(比如div)运动起来呢？ 设置基本的样式，一定要让div有定位( 当然用margin的变化也可以让元素产生运动效果 ); 基本的结构: 当我们点击，这个按钮的时候，要让div运动起来，其实就是让div的left值持续变化，那么div就会产生运动效果，我们先让l
阅读全文
摘要：隔行变色功能，不用js，直接用css伪类就可以做，这个实例可以作为js插件开发很好的入门级实例。本文实现的隔行变色包括以下功能： 1，支持2种常用结构共存( div元素 和 表格类型 ) 2，一个页面内支持不同模块隔行变色，分别管理 3，可以定制的配置有： 奇/偶数行的背景颜色 特定的模块加上隔行变
阅读全文
摘要：一、什么是对象？ 对象是n个属性和方法组成的集合，如js内置的document, Date, Regexp, Math等等 document就是有很多的属性和方法, 如：getElementById, getElementsByTagName等等这些就是document对象支持的方法，那么我们常见的
阅读全文
摘要：在这之前，我已经分享过一个webpack的全系列，相对于webpack, gulp使用和配置起来非常的简单. gulp是什么？ gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些
阅读全文
摘要：这道js的面试题，是这样的，页面上有一个按钮，一个ul，点击按钮的时候，每隔1秒钟向ul的后面追加一个li, 一共追加10个，li的内容从0开始计数( 0, 1, 2, ....9 )，首先我们用闭包封装一个创建li元素的函数. 页面上的2个元素: <input type="button" valu
阅读全文
摘要：模块化的诞生标志着javascript开发进入工业时代，近几年随着es6, require js( sea js ), node js崛起，特别是es6和node js自带模块加载功能，给大型程序开发带来了极大的便利。这几个东西没有出来之前，最原始的开发全部是利用全局函数进行封装，如: 这种开发方式
阅读全文
摘要：百度网盘下载地址：https://pan.baidu.com/s/1kULNXOF 优酷土豆观看地址：http://v.youku.com/v_show/id_XMzAwNTY2MTE0MA==.html?spm=a2h0j.8191423.playlist_content.5!3~5~5~A&&f
阅读全文
摘要：所谓组合模式，就是把一堆结构分解出来，组成在一起，现实中很多这样的例子，如： 1、肯德基套餐就是一种组合模式， 比如鸡腿堡套餐，一般是是由一个鸡腿堡，一包薯条，一杯可乐等组成的 2、组装的台式机同理，由主板，电源，内存条，显卡， 机箱，显示器，外设等组成的 把一个成型的产品组成部件，分成一个个独立的
阅读全文
摘要：在实际开发中，经常需要为Dom元素绑定事件，如果页面上有4个li元素，点击对应的li，弹出对应的li内容，怎么做呢？是不是很简单？ 大多数人的做法都是：获取元素，绑定事件 如果页面上有1w个元素， 甚至10w个元素呢? 继续使用上述方式，会有很大的性能问题，这个时候，有人可能要问，实际中的项目 哪有
阅读全文
摘要：所谓缓存，通俗点讲就是把已经做过的事情结果先暂时存起来，下次再做同样的事情，不用再重新去做，只要把之前的存的结果拿出来用即可，很明显大大提升了效率。他的应用场景非常广泛。如： 1、缓存ajax结果，大多数网站都会有产品推荐功能，比如按热销推荐，简单低效的做法，每次点击切换的时候，都要通过ajax去数
阅读全文
摘要：gdom框架是我开发的一款dom和字符串处理框架，目前版本是1.0.0. 使用方法跟jquery是差不多的, 会用jquery就会用gdom，目前 1.0.0版本的选择器完全支持CSS3选择器.没有做IE的低版本兼容。 gdom下载地址：https://github.com/ghostwu/gdom
阅读全文
