js技术 - 随笔分类(第10页) - axl234

手机端页面自适应：rem布局

摘要：rem布局非常简单，首页你只需在页面引入这段原生js代码就可以了 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in windo... 阅读全文

posted @ 2015-12-25 10:24 axl234 阅读(503) 评论(0) 推荐(0)

移动前端头部标签(HTML5 head meta)

摘要：移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 ... 阅读全文

posted @ 2015-12-24 17:47 axl234 阅读(287) 评论(0) 推荐(0)

JS实现文本复制与剪切

摘要：我们在网页上放置一个复制按钮，主要用来方便用户复制链接之类的复杂文本，以往的做法是，通过JS依靠Flash，甚至借助jQuery庞大的js库来实现文本复制到剪贴板的。今天我要给大家介绍的是一款极现代的，不需要flash，不依赖任何其他js库的非常小的插件，它叫clipboard.js。HTML首先加... 阅读全文

posted @ 2015-11-26 11:49 axl234 阅读(1751) 评论(0) 推荐(1)

支持移动设备的图片展示插件

摘要：这是一款不依赖任何js框架、纯javascript实现的画廊效果。它支持移动设备手势操作，如手势触摸滑动、放大和关闭图片，它还支持PC上的键盘操作，总之它是WEB开发者不可或缺的图片画廊插件，它叫photoswipe。HTML首先加载所需的CSS和js文件。以上文件大家不要担心，月光光都打包好了，您... 阅读全文

posted @ 2015-11-26 11:46 axl234 阅读(470) 评论(0) 推荐(0)

cropbox插件实现的头像裁剪效果

摘要：html代码 Tinny Cropper Loading... css样式.imageBox{ positi... 阅读全文

posted @ 2015-09-02 11:06 axl234 阅读(334) 评论(0) 推荐(0)

IE下支持文本框和密码框placeholder效果的JQuery插件

摘要：基于jQuery实现的，主要用于IE下实现placeholder效果，可同时支持文本和密码输入框。placeholder是HTML5新增的一个属性，当input设置了该属性后，该值的内容将作为灰色提示显示在文本框中，当文本框获得焦点时，提示文字消失。实现代码如下：(function($) { /**... 阅读全文

posted @ 2015-08-28 15:15 axl234 阅读(359) 评论(0) 推荐(0)

设置微信分享的标题缩略图连接描述

摘要：在开发测试过程中,发现使用wx.onMenuShareTimeline无效果,没有显示我定义的图片、title和链接,经过调试发现原因如下：1.图片大小要大于300pix才能显示2.这个方法必须先config成功，然后再wx.ready里才能调用。直接放到$(function(){})里执行，实践证... 阅读全文

posted @ 2015-07-27 10:28 axl234 阅读(2169) 评论(0) 推荐(0)

实用的JavaScript技巧、窍门和最佳实践

摘要：JavaScript是世界上第一的编程语言，它是Web的语言，是移动混合应用（mobile hybrid apps）的语言（比如 PhoneGap或者 Appcelerator），是服务器端的语言（比如 NodeJS或者 Wakanda），并且拥有很多其他的实现。同时它也是很多新手的启蒙语言，因为它... 阅读全文

posted @ 2015-05-06 16:02 axl234 阅读(187) 评论(0) 推荐(0)

Egret初体验–躲避类小游戏

摘要：下面简单介绍一下我这个游戏：基本上就3个画面（准备再添加一个胜利的界面）开始画面，一个按钮，点击进入游戏游戏画面，滚动的背景，触摸移动的老鹰，从天而降的翔，以及右上角的时间条结束画面，显示结果，关注按钮和重玩一次按钮游戏主文件：GameContainer.ts（游戏逻辑）4个类文件：GameUtil... 阅读全文

posted @ 2015-01-23 15:03 axl234 阅读(1278) 评论(0) 推荐(0)

jQuery-瀑布流布局（处理页面滚动和AJAX加载延迟问题）

摘要：瀑布流：这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。一、功能分析： 1.判断图片是否进入可视区域； 2.用AJAX请求服务器数据； 3.将数据播入到相应的列队；二、实现方法：给window的scroll事件... 阅读全文

posted @ 2014-12-23 15:26 axl234 阅读(889) 评论(0) 推荐(0)

构建一个用于产品介绍的WEB应用

摘要：为了让用户更好地了解您的产品功能，您在发布新产品或者升级产品功能的时候，不妨使用一个产品介绍的向导，引导用户熟悉产品功能和流程。本文将给您介绍一款优秀的用于产品介绍的WEB应用。就像微博或邮箱这类WEB产品升级一样，使用Guiders.js构建的应用，用户将会看到一些列的弹出层，这些弹出层可以定位到... 阅读全文

posted @ 2014-12-17 11:11 axl234 阅读(239) 评论(0) 推荐(0)

你想不到的压缩方法：将javascript文件压缩成PNG图像存储

摘要：这样可以做到很高的压缩比，到底有多高，下面会提到。这种方法用到了 canvas 控件，这也意味着只有支持 canvas 控件的浏览器下才有效。现在你可以看到，上面的图像类似一个噪声图像，但它实际上是一个由124K的 prototype 框架代码转化成的30K的8位PNG图像（压缩比还不错吧）。其实，... 阅读全文

posted @ 2014-12-17 10:52 axl234 阅读(1062) 评论(1) 推荐(0)

如何更快速加载你的JS页面

摘要：确保代码尽量简洁不要什么都依赖JavaScript。不要编写重复性的脚本。要把JavaScript当作糖果工具，只是起到美化作用。别给你的网站添加大量的JavaScript代码。只有必要的时候用一下。只有确实能改善用户体验的时候用一下。尽量减少DOM访问使用JavaScript访问DOM元素很容易，... 阅读全文

posted @ 2014-12-17 10:51 axl234 阅读(480) 评论(0) 推荐(0)

PHP+jQuery实现翻板抽奖

摘要：翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟练掌握jQuery和PHP相关知识。HTML抽奖者自己决定选取其中的某一个方块... 阅读全文

posted @ 2014-12-16 15:34 axl234 阅读(228) 评论(0) 推荐(0)

掷色子猜大小游戏

摘要：本文结合实例为大家讲解如何实现一个掷色子猜大小的游戏功能。上期我们给大家介绍了jQuery掷色子动画，本期在上期的基础上，涉及到HTML，CSS，jQuery以及PHP相关知识，文章重点关注后台PHP程序会根据用户选择的大小计算概率，控制最终掷出的点数，本例中用户猜中几率为20%。HTML本例中用到... 阅读全文

posted @ 2014-12-16 15:05 axl234 阅读(1311) 评论(0) 推荐(0)

幸运大转盘-jQuery+PHP实现的抽奖程序

摘要：目前好多网站上应用的转盘抽奖程序大多是基于flash的，而本文结合实例将使用jQuery和PHP来实现转盘抽奖程序，为了便于理解，作者分两部分来讲解，本文讲解第一部分，侧重使用jQuery实现转盘的转动效果。第二部分侧重使用PHP后台代码控制抽奖几率并最终实现转盘抽奖，将在下一篇文章中有讲解。准备工... 阅读全文

posted @ 2014-12-16 14:57 axl234 阅读(684) 评论(0) 推荐(0)

基于HTML5 Canvas的网页画板实现教程

摘要：HTML5的功能非常强大，尤其是Canvas的应用更加广泛，Canvas画布上面不仅可以绘制任意的图形，而且可以实现多种多样的动画，甚至是一些交互式的应用，比如网页网版。这次我们要来看的就是一款基于HTML5 Canvas的网页画板，在这里仅对一些关键性的代码进行记录，大家也可以下载全部源代码研究。... 阅读全文

posted @ 2014-08-15 14:52 axl234 阅读(912) 评论(0) 推荐(0)

响应式与瀑布流

摘要：以上只是示例代码，懒得对低版本浏览器做兼容，所以有些地方直接使用了现代浏览器的特性。比如使用Float32Array代替普通数组省去了对数组元素的初始化步骤；使用Array.prototype.reduce方法来搜索数组中的东西。这些都是低版本浏览器不支持的，如果需要兼容可以手动改写为低版本浏览... 阅读全文

posted @ 2014-08-12 15:02 axl234 阅读(318) 评论(0) 推荐(0)

animate CSS动画程序接口（仅Chrome可用）

摘要：jQuery中很早就提供了animate方法，使用它可以很方便地实现一些简单动画效果。后来CSS3中也提供了animation用于动画效果制作，但CSS本身的可操作性太差，所以用起来并不方便。现在最新版的Chrome原生支持了animate方法，弥补了CSS的操作缺陷。元素上的animate方法... 阅读全文

posted @ 2014-08-07 15:03 axl234 阅读(644) 评论(0) 推荐(0)

一次滚动一屏的滚动条行为实现

摘要：在一些类似于幻灯片之类的页面上，滚动条被限制为了每次滚动一个屏幕，也就是滚动幻灯片的一页。但浏览器并没有直接提供这样的功能，我们通常是通过程序控制来实现的。这样的程序并不困难，只要劫持鼠标滚轮事件，将其修改到自己需要的行为即可。下面是一个简单地实现代码，这里没有考虑低版本浏览器的兼容，如果需要可... 阅读全文

posted @ 2014-08-07 11:18 axl234 阅读(2131) 评论(0) 推荐(0)

axl234

随笔分类 - js技术

公告