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 的定义功能是一套全新的模块系统。当代码库越来越大，创建复杂，盘根错节的“意大利面条式代码”
今日推荐
周排行