因项目需要实现消息通知上下无缝轮播的效果,所以写了一下,在这个分享出来,希望再次遇到此需求的道友,可以直接拷贝来用,节约一点不必要的时间。 原生JS版本 <!DOCTYPE html> <html la…
分类:html
移动端下拉刷新原理和实例
移动端的下拉刷新是一个很常见的功能,也有许多开源库实现了这个功能,不过为了学习,还是先自己写一个例子学习一下。其中用到了一些touch事件和一些DOM属性CSS3属性。直接上代码,代码里面有注释。 <!DOCTYP…
表单提交时submit按钮的值没有被提交
FORM表单中,submit提交的时候,有时候有值,有时候无值 FORM表单中,submit的name是Submit。如下<input type="submit" name="Submit" value="提交表单…
聊聊网页中的图片
warn: 这是一篇没有一张图片的讲图片的文章 1. 图片格式 通常在网页中使用的图片有三种格式,jpg,png和gif。jpg是有损压缩格式,就算你在ps里用100%质量保存,保存多次会产生质量损失,而png和gif则…
切图崽的自我修养-模块插件化书写方式
前言: 大致记一下模块插件化的书写思路 一般写法: define(function(require, exports, module) { var plugin = { //插件初始化入口 init : function…
mockjs让前端开发独立于后端
mock.js 可以模拟ajax数据,拦截ajax请求,返回模拟数据,无需后端返回就可以测试前端程序 mockjs官网 原文:http://i.jakeyu.top/2016/08/1… 首先在head头中引…
move.js操作CSS3动画
move.js是一款简单的支持CSS3动画的JavaScript库,对于对CSS3的操作不是很熟悉的人来说,使用move.js提供的方法操作CSS3动画更简单方便。 要想使用move.js提供的方法,首先应在我们的HTM…
页面加载事件DOMContentLoaded和load(相关文章)
1:事件DOMContentLoaded和load的区别 http://www.jianshu.com/p/d851…2:JS异步加载的三种方式 http://blog.csdn.net/l5227032…
vue实现选中效果
前情提要 好久没有写Vue了,略有生疏,这个东西还是得多用。下午看到一个需求,选择相册图片作为轮播图显示。接口返回相册列表,用户选一下再扔回去。直到我看到e.target.className我就知道这个事情不简单。。 V…
Html静态页面更新,解决浏览器缓存不更新问题
问题 在写静态网站的时候,经常回面临某些页面上传更新后,查看时会出现没有更新的清空,就是因为浏览器读取了缓存造成的,需要清空缓存刷新才可以看到页面的更新,但是有些用户不知道这些操作。就很头痛 浏览器缓存(强制缓存与协商缓…
四.在js中怎么实现用按钮修改文本框里面的文字内容。
问题:怎么实现用按钮修改文本框里面的文字内容? 实现:1,在body中设置text文本框value值和标题。 2,在body中设置一个button,同时要设置该按钮的实现方法用setText()。 3,在script中用…
关于网页的一些小知识点
Web前端的基础知识 什么是web?WEB标准是一系列标准的总称,包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。WEB标准不仅仅是大家常说的…