JQ监听页面滚动 下拉到底事件
1、监听整个demo的滚动 <script>
$(function(){
$(window).scroll(function() {
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();
if(scrollTop == 0){
alert('触
HTML 在手机软键盘弹出顶起影响页面布局
H5在手机端,尤其是安卓手机,如果用了定位或者用了百分比的元素,很容易在键盘弹起后引起页面错乱,其中分2种情况: **情况1:**在页面中用了position: fixed; bottom: 0;。把元素定位在页面的底部,可是这时候键盘弹起后,该定位元素也会跟着键盘一起弹起。网上大多数答案是:修改文档的排版,改为用absoult,或者监听页面高度变化等方法,在这种情况中亲测无效! 具体的思路后面会提到,先说解决方法: 在JS/JQ中加入以下代码片段: var winHeight = $(win
html2canvas 无法渲染网络图片 (JS把图片转换为base64格式)
1、canvas需要本地的图片 2、在使用html2canvas。大多数时候想动态加载网络的图片,可是经常在PC端能显示图片,到了手机端就显示不出来了。就是因为图片跨域的问题引起的 html2canvas不是有配置可以解决跨域了吗(useCORS: true,allowTaint: true)。的确是有的,可是在手机上就是不能渲染。 关于图片跨域的,这里就不多做说明,今天记录一个绕开用canvas请求跨域图片的方法: function convertImgToBase64(ur
使用vue-cli脚手架 esline 语法有误问题
在vscode环境下开发vue,难免会遇到esline语法问题,一连串的报错信息。 解决方法: 1、先准备3个插件 1)Vetur 2)Prettier - Code formatter 3)ESLint 然后修改用户的配置文件,我的配置如下: {
"workbench.startupEditor": "newUntitledFile",
"editor.fontSize": 16,
"explorer.confirmDelete": false,
"files
获取iframe实际高度
要解决的问题:iframe初始高度太小。想根据页面内容,自动撑开 HTML代码: <iframe id="frame-content" scrolling="auto" src="你的网页地址" frameborder="0"></iframe>
在iframe同页面 => JS代码: // iframe自适应会用到
function calcPageHeight(doc) {
var cHeight = Math.max(doc.body.clientHeight, doc.
H5获取用户当前位置(获取用户的经纬度)
H5获取用户当前位置,粗略分为3种方法: 1、H5自带的方法,获取经纬度 2、通过地图提供的JS。获取位置 3、通过微信的API(这个需要公众号 / 小程序) 1、通过H5自带的获取经纬度的方法 优点: 需要引用的资源较少,H5自带的方法 缺点: 1、获取的经纬度偏差较大,如果需要配合地图使用,还需要使用地图提供的经纬度转换方法 2、目前大多数浏览器(包括手机端),已经不支持http的请求获取用户地址,必须为https域名的才能发起请求。目前测试,在安卓手机的微信打开的浏览器和IE浏览器还能支
CSS命名规范——BEM思想
特别声明:此篇文章由David根据csswizardry的英文文章原名《MindBEMding – getting your head ’round BEM syntax》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax以及作者相关信息 ——作者:csswizardry ——
PC端/移动端 禁止底层页面滚动
在页面中弹出层后。如果是弹出的页面滚动到顶部 / 底部后。在拖动 body 也会一起跟着滚动 PC端解决方案: 在蒙版层弹出时,加上这句代码: document.body.parentNode.style.overflow = "hidden"; //禁止横竖向滚动条
在弹出层页面关闭时: document.body.parentNode.style.overflow = "auto"; //恢复横竖向滚动条
移动端解决方法: 需要先添加一个函数,也可以不添加 function bod
js--属性和方法(私有/公有)
【私有变量】 在对象内部使用’var’关键字来声明,而且它只能被私有函数和特权方法访问。 【私有方法】 在对象的构造函数里声明(或者是通过varfunctionName=function(){…}来定义),它能被特权方法调用(包括对象的构造方法)和私有方法调用,私有函数只能访问私有的方法和属性。 【特权方法】通过this.methodName=function(){…}来声明而且可能被对象外部的代码调用。它可以使用:this.特权函数() 方式来调用特权函数,使用 :私有函数()方式来调用私有
大数据入门(18)hbase的shell语法
版权声明: https://blog.csdn.net/u011518709/article/details/83928832 进入hbase命令行(bin下运行) ./hbase shell 帮助 help 显示hbase中的表 list 创建user表,包含info、data两个列族 create 'user', 'info1', 'data1' create 'user', {NAME => 'info', VERSIONS => '3'} 向user表中插入信息,row key为rk0
大数据入门(21)storm和kafka结合的实例
版权声明: https://blog.csdn.net/u011518709/article/details/83928871
1、原理:
storm的lib下的jar,
external\storm-kafka\storm-kafka-0.9.2-incubating.jar 此jar中的sqout已经写好
2、/********** KafkaTopoMain :运行,在本地生成文件****************/
public class KafkaTopoMain {
pub
大数据入门(22)storm的第一个实例
版权声明: https://blog.csdn.net/u011518709/article/details/84837785
public class RandomWordSpout extends BaseRichSpout{
private static final long serialVersionUID = 1L;
private SpoutOutputCollector collector;
//模拟一些数据
String[] words = {"iphone","
大数据入门(23)kafka的第一个实例
版权声明: https://blog.csdn.net/u011518709/article/details/84837808
导入kafka下lib的jar
#################生产者:直接右键运行,weekend05的consumer会接收到#################################
public class ProduceTest {
public static void main(String[] args) throws Exception
大数据入门(24)kafka和storm的结合实例
版权声明: https://blog.csdn.net/u011518709/article/details/84837840
1、原理:
storm的lib下的jar,
external\storm-kafka\storm-kafka-0.9.2-incubating.jar 此jar中的sqout已经写好
2、/********** KafkaTopoMain :运行,在本地生成文件****************/
public class KafkaTopoMain {
pub
大数据入门(25)sqoop快速入门
版权声明: https://blog.csdn.net/u011518709/article/details/84837872
sqoop的使用
----sqoop是一个用来在hadoop体系和关系型数据库之间进行数据互导的工具
----实质就是将导入导出命令转换成mapreduce程序来实现
sqoop安装:安装在一台节点上就可以了。
1.上传sqoop
2.安装和配置
(1)修改配置文件 sqoop-env.sh
#Set path to where bin/hadoop i
大数据入门(0)linux的基本命令
版权声明: https://blog.csdn.net/u011518709/article/details/84838472 最近研究大数据,将linux的基本命令整理如下:
1、设置图形界面
vim /etc/inittab
2、清屏幕 clear
3、创建用户,设置密码
useradd test
passwd test
4、切换用户
su - test
5、查看当前目录,
pwd,
/home/test
6、查看主机名
hostname
设置主机名:
JDK1.9 新特性
版权声明: https://blog.csdn.net/u011518709/article/details/84855184 java 7 2011发布,Java 8 2014发布,java9发布于2017年9月21日。 你可能已经听说过 Java 9 的模块系统,但是这个新版本还有许多其它的更新。 这里有九个令人兴奋的新功能将与 Java 9 一起发布。 1. Java 平台级模块系统 Java 9 的定义功能是一套全新的模块系统。当代码库越来越大,创建复杂,盘根错节的“意大利面条式代码”
今日推荐
周排行