var | 易学教程

jq回到顶部效果分析

在浏览网页时，超出屏幕高度就会出现提上点击回到顶部的图标，点击即可回到页面顶部。用到的知识点如下： 1、首先控制图标的显示和隐藏，先要获取浏览器的高度。 var wHeight = $(window).height; 2、鼠标滚动事件,并获取鼠标滚动距顶端的高度；进行比较。 $(document).scroll(function(){ var cHeight = $(document).scrollTop(); if(cHeight>wHeight){ $(".pig").show(); }else{ $(".pig").hide(); }; }); 3、图标出现后的点击事件 var timer=0; $(".pig").click(fuction(){ timer=setInterval(function(){ var backTop=$(document).scrollTop();//获取滚动的高度 var step=backTop/5;//获取步长 $(document).scrollTop(backTop-step); //执行向上 if(backTop ==0){ clearInterval(timer); } },30); }); 　　　来源： https://www.cnblogs.com/colorful-paopao1/p/8426415.html

localStorage使用总结

阅读更多关于 localStorage使用总结

一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。二、localStorage的优势与局限 localStorage的优势 1、localStorage拓展了cookie的4K限制 2、localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库，相比于cookie可以节约带宽，但是这个却是只有在高版本的浏览器中才支持的 localStorage的局限 1、浏览器的大小不统一，并且在IE8以上的IE版本才支持localStorage这个属性 2、目前所有的浏览器中都会把localStorage的值类型限定为string类型，这个在对我们日常比较常见的JSON对象类型需要一些转换 3、localStorage在浏览器的隐私模式下面是不可读取的 4、localStorage本质上是对字符串的读取，如果存储内容多的话会消耗内存空间，会导致页面变卡 5、localStorage不能被爬虫抓取到

基于HTML5的游戏制作

阅读更多关于基于HTML5的游戏制作

3 月，跳不动了？>>> 基于HTML5的游戏制作开发工具： vscode 1、拼图游戏 2、雷电飞机 3、flappybird 一、拼图游戏游戏介绍：可通过滑动滑块来调整拼图游戏难度，当拼图完成游戏胜利。程序设计步骤：使用一个一维数组存储每个拼块的编号。每一个元素代表一个拼块，初始时元素的数组下标与拼块的编号相同，说明位置正确。并实现拼块的随机放置 1.创建画布 var context=document.getElementById('puzzle').getContext('2d'); var img=new Image(); img.src='defa.jpg'; img.addEventListener('load',drawTiles,false); var boardSize=document.getElementById('puzzle').width; var tileCount=document.getElementById('scale').value; var tileSize=boardSize/tileCount; var clickLoc=new Object; clickLoc.x=0; clickLoc.y=0; var emptyLoc=new Object; emptyLoc.x=0; emptyLoc.y=0; var solved

DOM&JavaScript示例&练习

阅读更多关于 DOM&JavaScript示例&练习

以下示例均为html文件，保存至本地就可直接用浏览器打开以查看效果\(^o^)/~ 练习一：设置新闻字体 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5 <title>字体样式选择</title> 6 <style type="text/css"> 7 a:link,a:visited{ 8 text-decoration:none;//取消下划线 9 } 10 #newsText{ 11 border: #CC0033 double 2px; 12 width:800px; 13 } 14 p{ 15 text-indent:2em;//首行缩进 16 } 17 .max{ 18 font-size:36px; 19 color:#666699; 20 } 21 .mid{ 22 font-size:18px; 23 color

处理《无法获得锁 /var/lib/dpkg/lock - open (11: 资源暂时不可用) E: 无法锁定管理目录(/var/lib/dpkg/)，是否有其他进程正占用它？》

阅读更多关于处理《无法获得锁 /var/lib/dpkg/lock - open (11: 资源暂时不可用) E: 无法锁定管理目录(/var/lib/dpkg/)，是否有其他进程正占用它？》

无法获得锁 /var/lib/dpkg/lock - open (11: 资源暂时不可用) E: 无法锁定管理目录(/var/lib/dpkg/)，是否有其他进程正占用它？一、问题描述　　今天在ubuntu 16.04上安装软件时又遇到问题了（每天生活不有点小波澜怎么叫生活）　　二、问题分析 xx 　第一眼看到lock，立马想起了前几天遇到的一个问题（另外一个进程已经为 dpkg 状态数据库加锁）　　比较了一下，两个问题虽然描述不一样，但实质应该都是：我想用你的这个lock，但另一个人（进程）用着呢，想完成这个任务的话，快把那个人（进程）给灭了。　　重启肯定是可以的（杀死所有进程），但有没有针对某个进程的方法呢？　　试了一下以前的方法： sudo rm /var/lib/dpkg/lock 1 　　果然不行（我就知道上天没那么容易放过我）　　　　1. 求助百度吧，竟然还有一句命令 sudo rm /var/cache/apt/archives/lock 1 三、解决方法　　删掉lock（强制解锁） sudo rm /var/lib/dpkg/lock sudo rm /var/cache/apt/archives/lock 1 2 四、小结　　1. 进程占用问题，kill那个进程或重启系统。　　2. 熟悉linux的文件系统。 —————————————

JSTL之SQL标签FORMAT标签XML标签

阅读更多关于 JSTL之SQL标签FORMAT标签XML标签

3 月，跳不动了？>>> 上一篇介绍了EL的一些基本用法及JSTL中的C标签的主要用法。这篇介绍下其他的JSTL标签的用法 fmt标签参考 http://hi.baidu.com/yufei2999/item/123326f1373a160ec6dc459f fmt:requestEncoding fmt:setLocale fmt:timeZone fmt:setTimeZone fmt:bundle fmt:setBundle fmt:message fmt:param fmt:formatNumber fmt:parseNumber fmt:formatDate fmt:parseDate fml的几个常用的用法：日期格式(2008年5月5日22点00分23秒) <fmt:formatDate value="<%=new Date() %>" pattern="yyyy年MM月dd日HH点mm分ss秒" /> 保留两位小数 <fmt:formatNumber value="123.123456789" pattern="0.00"/> 格式数字(45,678.234) <fmt:formatNumber type="number" value="45678.2345" /> 格式百分比(23%) <fmt:formatNumber type="percent"

Dart 变量、常量和命名规则

阅读更多关于 Dart 变量、常量和命名规则

/* Dart 变量： dart是一个强大的脚本类语言，可以不预先定义变量类型，自动会类型推导 dart中定义变量可以通过var关键字可以通过类型来申明变量如： var str='this is var'; String str='this is var'; int str=123; 注意： var 后就不要写类型，写了类型不要var 两者都写 var a int = 5; 报错 Dart 常量： final 和 const修饰符 const值不变一开始就得赋值 final 可以开始不赋值只能赋一次 ; 而final不仅有const的编译时常量的特性，最重要的它是运行时常量，并且final是惰性初始化，即在运行时第一次使用前才初始化永远不改量的量，请使用final或const修饰它，而不是使用var或其他变量类型。 final name = 'Bob'; // Without a type annotation final String nickname = 'Bobby'; const bar = 1000000; // Unit of pressure (dynes/cm2) const double atm = 1.01325 * bar; // Standard atmosphere Dart的命名规则： 1、变量名称必须由数字、字母、下划线和美元符($

JavaScript Date（日期）对象

阅读更多关于 JavaScript Date（日期）对象

JavaScript Date（日期）对象日期对象用于处理日期和时间。 1. getFullYear() 使用 getFullYear() 获取年份。 2. getTime() getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。 3. setFullYear() 如何使用 setFullYear() 设置具体的日期。 4. toUTCString() 如何使用 toUTCString() 将当日的日期（根据 UTC）转换为字符串。 5. getDay() 如何使用 getDay() 和数组来显示星期，而不仅仅是数字。 6. Display a clock 如何在网页上显示一个钟表。完整的 Date 对象参考手册我们提供 JavaScript Date 对象参考手册，其中包括所有可用于日期对象的属性和方法。JavaScript Date 对象参考手册。该手册包含了对每个属性和方法的详细描述以及相关实例。创建日期 Date 对象用于处理日期和时间。可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象：有四种方式初始化日期: new Date() // 当前日期和时间 new Date(milliseconds) //返回从 1970 年 1 月 1 日至今的毫秒数 new Date(dateString

greasemonkey自动登陆脚本

阅读更多关于 greasemonkey自动登陆脚本

// ==UserScript== // @name 4399 // @include http://my.4399.com* // @include https://my.4399.com* // @version 1 // @grant none // ==/UserScript== var my4399_url = new RegExp("^(http|https):\/\/my\.4399\.com"); var ssjj_url = new RegExp("^http:\/\/my\.4399\.com\/yxssjj"); //my.4399.com window.setTimeout(function(){ var cur_url = window.location; var test = my4399_url.test(cur_url); if (test){ var loginform = document.getElementsByClassName('my_unlogin')[0].firstChild; if (loginform) { loginform.click(); } } },3000); window.setTimeout(function(){ var cur_url = window.location; var test = my4399

Echart 动态生成series数据

阅读更多关于 Echart 动态生成series数据

要做成页面只传入数据，js生成图表，如下图下面是js代码 var LineChart = function (ID, title, axisData,seriesData) { var myChart = echarts.init(document.getElementById(ID)); var newData = []; var legendData = []; for (var i = 0; i < seriesData.length; i++) { var lineItem = new serLineItem(); lineItem.name = seriesData[i].name; legendData.push(seriesData[i].name); lineItem.data = seriesData[i].data; newData.push(lineItem); } var option = { title: { text: title, subtext: '', x: 'center' }, tooltip: { trigger: 'axis' }, legend: { data: legendData, bottom:0 }, toolbox: { show: true, feature: { dataZoom: { yAxisIndex: 'none'

订阅 var