- 博客(61)
- 收藏
- 关注
RSS订阅原创 mysql、hive、tez安装配置
文章目录一 mysql安装与配置1. 卸载自带的Mysql-libs（如果之前安装过mysql，要全都卸载掉）2. 下载安装包和JDBC驱动3. 安装（一定要逐个安装，前面是后面的依赖）4. 启动mysql5. 查看mysql密码6. 用刚刚查到的密码进入mysql7. 更改mysql密码策略8. 设置简单好记的密码9. 进入msyql库，修改user表，把Host表内容修改为%10. 刷新退出二 Hive安装与配置1. 下载 解压 改名2. 修改环境变量与权限1. `sudo chown -R hado
2020-10-17 21:02:02
547
原创 HDFS-HA与yarn-HA配置
# 一 配置## 1. 在opt目录下创建一个ha文件夹，改权限```javascriptsudo mkdir hasudo chown atguigu:atguigu /opt/ha```## 2. 将/opt/module/下的 hadoop-3.5.7拷贝到/opt/ha目录下```javascriptcp -r /opt/module/hadoop-3.5.7 /opt/ha/```## 3. 修改环境变量 `vim /etc/profile.d/my_env.sh````ja
2020-10-15 15:09:52
395
原创 hadoop之——zookeeper配置
文章目录一 下载/安装/权限更改/环境配置1. 下载zookeeper-3.5.7到 `/opt/software`2. 解压并改名3. 更改环境变量并source1. 执行命令`vim /etc/profile.d/my_env.sh`2. 加入4. 配置zookeeper1. 改名2. 配置 vim zoo.cfg5. 同步与集群配置1. 同步2. 创建myid `vim /opt/module/zookeeper-3.5.7/data/myid`二 启动zookeeper1. 多节点执行`zkServ
2020-10-15 10:56:17
595
原创 hadoop（一）——linux为hadoop配置基本环境
添加新用户hadoopuseradd hadooppasswd hadoop//输入密码修改hadoop权限（使用普通用户能使用root权限的命令，且使用sudo时不用输入password）visudo修改文件内容gpasswd -a hadoop wheel切换hadoop用户，创建文件夹，修改文件所有者为hadoopsu hadoopmkdir /opt/software /opt/modulesudo chown hadoop:hadoop /opt/soft.
2020-10-10 00:47:23
616
原创 实现鼠标移入框内改变内容（文本/按钮等）
思路：用hover+transform<div class="hover-box-outer"> <div class="hover-box"> <div class="before-hover">before</div> <div class="after-hover">after</div> </div> </div&
2020-08-19 17:00:07
1235
原创 vue+Element【el-collapse】实现任务框的实现与隐藏（点击其他按钮也可隐藏）
大体效果如下 点击open实现任务框的实现且文本变为close，改造了el-collapse原来的样式组件原样式改造后的样式代码实现<el-collapse @change="handleChange"> <el-collapse-item :title="context" name="1"> <el-button @click="closePanel">close</el-button>//内部一个close按钮 <.
2020-08-19 13:50:55
4304
1
原创 typescript中querySelector/getElementBy出现【Property ‘style‘ does not exist on type ‘Element‘.】解决方法
vue+typescript项目中使用querySelector/querySelectorAll/getElementBy出现【Property ‘style’ does not exist on type ‘Element’.】解决方法：//data 设置一个变量为any类型，然后赋值private d1:any//methodd1 = document.querySelector('content')d1.style.display = 'none'//getElmentBy
2020-08-19 11:38:20
874
原创 typescript中特殊符号（？/！）用法
属性或参数中使用 ？：表示该属性或参数为可选项属性或参数中使用 ！：表示强制解析（告诉typescript编译器，这里一定有值），常用于vue-decorator中的@Prop变量后使用 ！：表示类型推断排除null、undefined转载出处...
2020-08-19 11:29:40
10849
原创 Element ＜el-date-picker＞默认日期/默认日期样式/值的格式/显示格式修改/日期禁用/快速选择
1. Code<el-date-picker v-model="startTime" type="date" :picker-options="pickerOptions" placeholder="Starts On" :clearable="false" :format="`${date} ~ yyyy/MM/dd`" :valu
2020-08-18 17:08:59
4609
1
原创 完美解决vue+typescript中父组件调用子组件报错解决办法
文章目录一 不用typescript时父组件调用子组件中的方法1. 子组件2. 父组件3. 结果一 用typescript时父组件调用子组件中的方法一. 方法11. 子组件2. 父组件二. 方法21. 子组件2. 父组件一 不用typescript时父组件调用子组件中的方法1. 子组件<template> <div class="echild" @click="lg"> child </div></template>//methods
2020-08-18 16:00:07
2207
原创 从此不用为git烦恼啦
文章目录1.2.1. git status2. git add [file name]3. git commit -m "commit message" [file name]4. git log1.git分为 工作区 暂存区 本地库git add 将指定文件从 工作区 存入 暂存区git commit 将指定文件从 暂存区 存入 本地库2.1. git status查看工作区、暂存区状态2. git add [file name]将工作区的“新建/修改”添加到暂存区3. git com
2020-05-21 23:23:06
313
1
原创 前端获取视窗的兼容方法
1. 总结（网上兼容写法）var clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;2. window.innerWidth/Height获取浏览器可视区域宽/高度宽度：获取的是包含滚动条宽度的浏览器可视区域宽度高度：不包含工具栏高度，只是可视区域高度IE 8 及更早 IE版本不支持这两个属性。3. document.documentE
2020-05-21 11:04:05
156
原创 一文搞定TS高级语法（函数 类 多态 接口 泛型 装饰器）
文章目录一、 函数1. 定义函数1. 函数声明2. 匿名函数3. 三点运算符的应用二、 类1. 类的定义2. 类的继承3. 类修饰符1. 三种类修饰符2. 修饰符实例4. 静态方法 实例方法 静态属性5. 多态的表现-重载与重写1. 重载1. 什么是重载2. 重载的作用3. 重载实例2. 重写1. 什么是重写2. 重写实例6. 类修饰符一、 函数1. 定义函数1. 函数声明//?为可选参数 可选参数必须配置在最后面 //可用默认参数，但不能和?用在一起function fun1(name:str
2020-05-18 23:29:43
2534
原创 TS的数据类型大全
文章目录1. TS数据类型总括2. string/字符串 number/数值 boolean/布尔3. array 数组 的三种声明方式4. tuple 元组（array的一种）5. enum 枚举6. any 任意数据类型7. null/空 与 undefined/未定义8. void9. never 其他类型（代表从不会出现的值）1. TS数据类型总括布尔类型 boolean数字类型 number字符串类型 string数组类型 array元组类型 tuple枚举类型 enum任意类型
2020-05-11 09:55:39
5976
1
原创 常用的字符串函数
常用的字符串函数concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。charAt() – 返回指定位置的字符。lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。match() – 检查一个字符串是否匹配一个正则表达式。su...
2020-04-04 20:55:46
273
原创 ES6新语法
文章目录let const解构赋值模板字符串对象简写方式箭头函数三点运算符形参默认值promisesymbollet const//let//有块作用域//不能重复声明//无预处理，不存在变量提升//const 定义一个常量，其他特性与let相同解构赋值//从对象或数组中提取数据，并赋值给多个变量//========对象==============let obj = {nam...
2020-04-02 23:17:35
176
原创 Promise-异步调用
文章目录一 初探Promise1. Promise有什么作用？2. 什么时候使用Promise？3. Promise三种状态4. Promise两种写法一 初探Promise1. Promise有什么作用？Promise可以防止程序阻塞，陷入无限回调（回调地狱）2. 什么时候使用Promise？当有异步操作时，可以给异步操作包装一个Promise3. Promise三种状态pend...
2020-04-01 18:21:26
208
原创 webpack基本配置
文章目录一 开发环境基本配置一 开发环境基本配置./webpack.config.jsconst {resolve} = require('path')const htmlPlugin = require('html-webpack-plugin')module.exports = { entry: './src/index.js', output: { filenam...
2020-03-19 17:14:38
236
原创 完美扫清Flex布局
文章目录一 初识flex二 flex container上的CSS1. flex-direction（决定main axis的方向）2. justify-content（决定flex items 在main axis的对齐方式）3. align-content（决定flex items 在cross axis上的对齐方式）4. align-items（决定flex items在cross axis...
2020-03-17 13:48:08
1531
原创 axios网络模块封装
文章目录一 WHY axios二 axios 封装一 WHY axios在浏览器中发送XMLHttpRequests请求在nodejs中发送http请求支持Promise API拦截请求和响应转换请求和响应数据二 axios 封装/src/main.jsimport Vue from 'vue'import App from './App'import axios f...
2020-02-28 21:37:54
793
原创 Javascript
文章目录一 普通对象对象的分类对象基本操作对象属性名与属性值in 检测对象中是否有此属性使用对象字面量创建对象二 函数创建函数函数参数函数返回值实参可以是任意值立即执行函数遍历对象作用域全局作用域函数作用域this一 普通对象对象的分类内建对象由ES标准定义的对象，在任何ES实现都能使用如 Math String Number Boolean Function Object等宿...
2020-02-19 19:17:26
190
原创 Vuex-各模块的应用
文章目录一 初识Vuex一 初识VuexVuex是vue官方推出的一款插件，采用“集中式存储“管理所有组件的状态（其实就是使数据共享）
2020-02-15 16:25:05
246
原创 Vue路由的使用
文章目录一 Vue路由使用1. vue-router安装2. vue-router实例文件组织3. vue-router相关标签1. router-link2. router-view4. vue-router代码跳转5. vue-router动态路由6. vue-router懒加载7. vue-router子路由8. vue-router参数传递9. vue-router导航守卫10. vue-...
2020-02-14 17:13:34
442
原创 vue-cli and webpack配置（理解）
文章目录一 初识Webpack1. 未配置的webpack打包2. webpack配置-JS3. webpack配置-CSS4. webpack配置-Less一 初识Webpack1. 未配置的webpack打包webcpack ./src/main.js ./dist/bundle.js2. webpack配置-JS创建webpack.config.js文件配置（配置完命令行输入...
2020-02-13 22:25:09
290
原创 Vue组件化理解与使用
文章目录一 Vue组件化1. 组件使用的三个步骤2. 全局组件（多个Vue实例中可用）3. 局部组件（只在自身Vue实例可用）4. 父子组件（组件中复用组件）5. 语法糖注册组件6. 模板分离7. 组件数据存放8. 父子组件通信-父传子9. 父子组件通信-子传父一 Vue组件化应用会被抽象成一棵组件树1. 组件使用的三个步骤创建组件构造器 Vue.extend()注册组件 Vue.co...
2020-02-12 19:44:54
474
原创 Vue语法，看这一篇就够了
文章目录一 初识Vue二 Vue模板语法1. Mustache语法(双大括号)2. v-once（静态数据）3. v-html（添加标签）4. v-text（添加文本）5. v-pre（禁止解析）6. v-cloak（遮挡）7. v-pre（禁止解析）8. v-bind（:）（动态绑定属性）9. v-on（@）（监听事件）10. v-if v-else-if v-else11. v-show12....
2020-02-11 17:05:28
16017
5
原创 JS AJAX
1. ajax与XMLHttpRequest什么是XMLHttpRequest一种支持异步请求的技术，是ajax的核心XMLHttpRequest的作用向服务器提出请求并处理响应而不阻塞用户可以在页面加载后进行局部页面更新如何使用ajax创建XMLHttpRequest异步调用对象创建一个新的HTTP请求，并指定该HTTP请求的方法URL设置响应HTTP请求状态变化的函...
2020-02-06 11:26:55
278
原创 jQuery动画
animate$('img').eq($(this).index()).animate({'opacity':'1'},1000).siblings().animate({'opacity':'1'},1000);delay 串行动画var swiper = function(){ $('div').stop() .animate({'width':'0%'},1000) ....
2020-02-05 21:35:45
286
原创 jQuery事件
1. 鼠标事件click dblclick（同时会触发单击事件）$('a').click(function(){ $('img').eq($(this).index()).css({'opacity':'1'}) .siblings().css({'opacity':'0'});});//双击$('a').dblclick(function(){ $(...
2020-02-05 20:49:36
183
原创 jQuery选择器过滤器基础大全
1. JQuery的优势轻量级强大的选择器出色的DOM操作及其封装可靠的事件处理机制完善的Ajax不污染顶级变量出色的浏览器兼容性链式操作隐式迭代（不需要for 迭代）行为层和结构层分离丰富的插件2. JQuery引入$ === jQuery;typeof($); function<script type="text/javascript" src="...
2020-02-05 16:31:16
259
原创 JS DOM操作
1. create创建节点createElement与createTextNodevar ul=document.getElementById("list");var li=document.createElement("li");//创建标签var txt=document.createTextNode("item");//创建文本li.appendChild(txt);ul.app...
2020-02-04 15:50:42
194
原创 JS内置对象
数组var colors=new Array(3);var num=new Array(1,2,3);var co=["red",6,true];colors[0]="red";console.log(colors[6]); //undefinednum.length=2; //保留前两个num[99]="red";console.log(num.length);//100//p...
2020-02-03 13:42:10
132
原创 JS流程控制语句和函数
prompt (弹出输入框)var age=prompt("输入您的年龄");//用户点确定 返回值 用户点取消 返回nullif(age<18){alert("您还没有成年");}else{alert("请输入身份证号")}if var paw=prompt("输入"); if(paw.length!=8){ alert("...
2020-02-02 20:15:03
143
原创 JS组成 标识符 变量 类型转换 操作符
1. JavaScript组成JavaScript由ECMAScript（语法）、Browser Objects（DOM、BOM）（特性）组成DOM浏览者和网页内容的接口BOM与浏览器交互的方法和接口2. 标识符（大小写敏感）标识符变量 函数 属性名 函数的参数 都是标识符标识符命名规则字母 数字 下划线_ 美元符号$ 组成不能以数字开头不能使用关键字 保留字3...
2020-02-02 17:35:04
178
原创 初探-Sass基础语法大全
1. 定义变量 重复定义 拼接$baseWidth:200px;$baseWidth:100px !default;$str:'img.png';$strNoQout:abc;$class:'.div';$wd:idth#{$class} { w#{$wd} : $baseWidth; background: url('./img/' + $strNoQout)...
2020-01-29 09:34:40
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人