文章列表

原生态JS实现banner图的常用所有功能

查看详情

虽然,用jQuery实现banner图的各种效果十分简单快捷,但是我今天用css+js代码实现了几个banner图的常用功能,效果还不错。 此次,主要想实现以下功能: 1. banner图循环不间断切换 2. 通过自制按钮实现指定性banner图的切换 3. 通过方向按钮实现banner图左/右定向依次切换 4. 当bann...

分类: JavaScript技术 标签:

看看大对象是如何爆你的内存

查看详情

之前一直没注意到.net大对象的存在,直到这次api服务器内存爆满,经常性抽风几十秒才有响应,网站转化率急剧下降。 老板很重视,压力灰常大,这不周末还要加班,经过排查感觉是大对象导致的,在.net中,超过85000byte的对象垃圾回收时只标记删除不会移动。想写个demo验证一下,本以为很简单没想到竞费了一番功夫才实现,特此记录。 ...

分类: JavaScript技术 标签:

call和apply的异同

查看详情

共同点: 作用:调用一个对象的一个方法,以另一个对象替换当前对象。将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。  以call为例,语法:obj1.method1.call(obj2,argument1,argu...

分类: JavaScript技术 标签:

require.js疑惑

查看详情

昨天小颖分享了一篇require.js入门 ,今天小颖发现了一个很郁闷的问题,希望大神们帮小颖解释下到底是什么原理才能出现以下的现象,其实小颖昨天也有问过园友里的一位帅锅,只是他解释的小颖没太明白。嘻嘻所以写出来想通过博客园这个平台里集思广益,解决这个疑惑。 好啦我们一起来看看这个让小颖头疼的问题: demo目录: 代码来啦...

分类: JavaScript技术 标签:

flowJS源码个人分析

查看详情

刚刚在腾讯云技术社区前端专栏中看到一篇腾讯高级前端工程师写的《一个只有99行代码的js流程框架》觉得很屌,感觉是将后台的简单的工作流思维搬到了前端js实现,本人不才在这里拜读解析下源码,而且经常有新手问我的很多问题其实是不懂如何调试一段js代码,在这这里就详细说明下我是怎么调试flowJS的源码思路的。前端大神见笑小弟的总结 首先第一...

分类: JavaScript技术 标签:

NW.js v0.21.6 发布

查看详情

NW.js前身是Node Webkit,即融合了Node.js和Webkit HTML渲染器来运行本地应用。 详细: NW.js前身是Node Webkit,即融合了Node.js和Webkit HTML渲染器来运行本地应用。新版的 NW.js 基于 io.js ,后者比起 Node.js 采用了更新...

分类: JavaScript技术 标签:

因为人人都作弊 Google淘汰Octane JS基准测试

查看详情

Google 官方博客宣布弃用判断 JavaScript 性能的基准测试工具 Octane。Octane 最初是为  Chrome JS  引擎 V8 开发的,设计解决苹果 Safari 团队开发的 SunSpider 基准测试早期版本的问题。SunSpider 的测试都是微基准,不能代表真实世界。 ...

分类: JavaScript技术 标签:

require.js入门

查看详情

小颖目前所在的公司在用require.js,小颖一只说要写个小demo,今天抽空把自己写的小demo分享出来,希望对初学者有一些帮助,嘻嘻 学习资料: CSDN上的一篇文章:使用RequireJS优化Web应用前端 阮一峰老师的网络日志:Javascript模块化编程(三):require.js的用法   ...

分类: JavaScript技术 标签:

Vue多页应用脚手架

查看详情

最近开发后台管理系统,一直使用这个基于Vue2 Webpack2 ElementUI的多页应用脚手架     JSVueVueJSWebpack2 ...

分类: JavaScript技术 标签:

NW.js v0.21.6 发布,采用Node.js 7.7.0 

查看详情

NW.js前身是Node Webkit,即融合了Node.js和Webkit HTML渲染器来运行本地应用。新版的 NW.js 基于 io.js ,后者比起 Node.js 采用了更新版的 JavaScript 引擎 V8,对 ES6 支持得更好。既然 io.js 对最新的 Node.js 是百分百兼容的,因此所...

分类: JavaScript技术 标签:

一个只有99行代码的JS流程框架

查看详情

张镇圳,腾讯Web前端高级工程师,对内部系统前端建设有多年经验,喜欢钻研捣鼓各种前端组件和框架。 最近一直在想一个问题,如何能让js代码写起来更语义化和更具有可读性。 上周末的时候突发奇想,当代码在运行的时候,其实跟我们做事情是类似的,都是做完一步接着下一步,并且这些事情有些是可规划的,有些是需要做完该步才知道下一步该做什么。想到...

分类: JavaScript技术 标签:

原生js实现焦点轮播图效果

查看详情

原生js焦点轮播图主要注意这几点:1、前后按钮实现切换,同时注意辅助图2、中间的button随着前后按钮对应切换,同时按button也能跳转到相应的index3、间隔调用与无限轮播。4、注意在动画时要停止按钮,或者说上一个动画完毕下一个动画才能执行5、另外在切换图片的时候,底部的Button动画效果,是...

分类: JavaScript技术 标签:

JS百度地图搜索悬浮窗功能

查看详情

这个需求的效果类似下面的截图,主要还是利用百度地图中自定义控件的功能,挺简单的。文档地址在这 http://lbsyun.baidu.com/index.php?title=jspopular效果图:代码 body, html{width: 100%;height: 100%;mar...

分类: JavaScript技术 标签:

JS实现京东首页之页面顶部、Logo和搜索框功能

查看详情

昨天我们主要讲了京东首页的基本布局,今天我们主要来逐步实现京东首页的页面顶部、Logo&搜索框。首先我们来看下我们今天将要实现的效果:下面页面布局详细分析:1、页面头部分三个部分依次实现:五角星图、收藏京东、右边文字部分(用列表实现);其中当鼠标停放在手机京东上,手机背景图发生变化,变成红色带jd的图案...

分类: JavaScript技术 标签:

js仿京东轮播效果 选项卡套选项卡使用

查看详情

本文实例为大家分享了js仿京东轮播效果的具体代码,实现选项卡套用选项卡,供大家参考,具体内容如下效果图:代码: 无标题文档 *{margin:0;padding:0;} ul{list-style:none;}img{border:0;} #tab{width:1000px;height:500p...

分类: JavaScript技术 标签:

jQuery实现倒计时重新发送短信验证码功能示例

查看详情

本文实例讲述了jQuery实现倒计时重新发送短信验证码功能的方法。分享给大家供大家参考,具体如下: var countdown=60; function settime(obj) { if (countdown == 0) { obj.removeAttribute("disable...

分类: JavaScript技术 标签:

jQuery实现拖拽可编辑模块功能代码

查看详情

在没给大家分享实现代码之前,先给大家展示下效果图:具体实现代码如下所示:index.html iNettuts - Welcome! iNettuts 简介窗口 如果你活着,早晚都会死;如果你死了,你...

分类: JavaScript技术 标签:

原生js实现淘宝购物车功能

查看详情

js淘宝购物车功能描述: 1、点击“+”,单个商品数量加1,总数量加1;单个商品价格添加,总价也添加。 2.点击“-”,单个商品数量减1,总数量减1;单个商品价格减少,总价也减少。 当该商品数量为0时,点击依然为0; 3.显示出总价,总数量和其中最贵的那个商品的价格。 瞄一眼效果图:废话不多说,LU代码...

分类: JavaScript技术 标签:

JS图片压缩(pc端和移动端都适用)

查看详情

最近在做移动端遇到了一个问题就是:手机拍照后,图片过大如果上传到服务器务必会浪费带宽,最重要的是流量啊别慌,好事儿来了,务必就会有人去研究研究图片的压缩:鄙人结合前人的经验,结合自己实战,总结出一个方法供大家参考:/** * 图片压缩,默认同比例压缩 * @param {Object} path ...

分类: JavaScript技术 标签:

JS 在数组指定位置插入/删除数据的方法

查看详情

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。语法arrayObject.splice(index,howmany,item1,.....,itemX) 参数说明参数描述index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany必需。要删除的...

分类: JavaScript技术 标签:
共 1131 条记录 1234567891011 46