通过网页title来提示用户有新消息这个功能很常见,比如现在的微博,还有一些邮箱,这个功能都很常见.如何实现则个功能呢? 思路是:通过ajax访问后台,若有新消息,则将网页的title替换为 提示信息 ,并与空格来回切换.例:[你有新消息]与[ ]切换.提示内容弄是动态的,所以替换文字的空格数目也是算出的.这里用全角的空格.但是如果提示 消息中有‘数字’等半角字符的话就会出现问题.全角的空格比半角的1的宽度要宽的多.这样的话,闪动起来看着就不是很舒服:解决方法就是用全角的空格替换 全角的字符,半…
通过网页title来提示用户有新消息这个功能很常见,比如现在的微博,还有一些邮箱,这个功能都很常见.如何实现则个功能呢? 思路是:通过ajax访问后台,若有新消息,则将网页的title替换为 提示信息 ,并与空格来回切换.例:[你有新消息]与[ ]切换.提示内容弄是动态的,所以替换文字的空格数目也是算出的.这里用全角的空格.但是如果提示消息中有‘数字’等半角字符的话就会出现问题.全角的空格比半角的1的宽度要宽的多.这样的话,闪动起来看着就不是很舒服:解决方法就是用全角的空格替换全角的字符,半角的…
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>Instagram</title> </head> <body> </body> <script type="text/javascript" language="javascri…
作者:jack_lo www.jianshu.com/p/4c93f5bd9861 如有好文章投稿,请点击 → 这里了解详情 loading随处可见,比如一个app经常会有下拉刷新,上拉加载的功能,在刷新和加载的过程中为了让用户感知到 load 的过程,我们会使用一些过渡动画来表达.最常见的比如“转圈圈”,“省略号”等等. 网页loading有很多用处,比如页面的加载进度,数据的加载过程等等,数据的加载loading很好做,只需要在加载数据之前(before ajax)显示loading效果,在…
作者:jack_lo www.jianshu.com/p/4c93f5bd9861 如有好文章投稿,请点击 → 这里了解详情 loading随处可见,比如一个app经常会有下拉刷新,上拉加载的功能,在刷新和加载的过程中为了让用户感知到 load 的过程,我们会使用一些过渡动画来表达.最常见的比如“转圈圈”,“省略号”等等. 网页loading有很多用处,比如页面的加载进度,数据的加载过程等等,数据的加载loading很好做,只需要在加载数据之前(before ajax)显示loading效果,在…
这几天忙着使用Python+Django+sqlite 搭建自己的博客系统,但是单纯的使用H5的TextArea,简直太挫了有木有.所以,就想模仿一下人家内嵌到网页上的Markdown编辑器,从而让自己的博客系统更加美观一点. 准备 需要什么 Markdown"解释器":便于处理文本输入以及实时预览 Bootstrap模板 :建议的H5界面看起来并不好看,所以使用这个框架美化一下. Sublime Text:当然也可以是记事本或者其他的文本编辑器,这就是我们编写处理逻辑的工具而已. 下…
这个游戏JS部分全都是用原生JS代码写的,加有少量的CSS3动画,并简单的兼容了一下移动端. 先看一下在线的demo:https://yuan-yiming.github.io/2048-online-game/ github地址:https://github.com/Yuan-Yiming/2048-online-game ==================================================================== 下面简单分析一下JS代码: 1.游…
这是一只小白的突发奇想,实验多次终于有所效果.想要实现什么效果呢, 如图所示 :    要实现这个效果,大体需要两步. 第一,如何像打印似的一个一个字显示文字.要实现这个效果有多种方法.在这里我所运用的是javaScript中的substring()方法 substring()方法是干嘛的简单说一下,它用于提取字符串中介于两个指定下标之间的字符.返回的子串包括开始处的字符,但不包括结束处的字符. 首先,做几个div,放你要打印的文字(不一定是div,能取到就行,这个随意),然后通过节点取到里面的…
import urllib.requesturl='https://fanyi.baidu.com/v2transapi'data={}data['i']=opdata['from']='AUTO'data['to']='AUTO'data['smartresult']='dict'data['client']='fanyideskweb'data['salt']='1497512226700'data['sign']='a0d2b9d367c98b7b3c8affe79cc0419b'data…
HTML代码 <html> <head> <!--<title>定义网页标题,显示在浏览器的标题--> <title>网页标题</title> <!--<base> 用于设定浏览器中文件的绝对路径,网页中的文件只需要写下文件的相对路径即可,这个路径就是base中指定下的路径--> <base> <!--<link>设置外部文件的链接标记,用于确定本页面和其他文档之间的关系-->…