自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 资源 (1)
  • 收藏
  • 关注

原创 不改变DOM,给元素增加遮罩(背景)

如题,现需要给modal元素增加一个全局遮罩或全局背景,要求不能修改DOM结构和修改JS代码:<!DOCTYPE html><html><head><meta charset=utf-8 /><title>CSS</title><style> .modal { position: fixed;...

2020-01-18 13:26:40 189

原创 安装ubuntu后必须做的事

本文将整理安装ubuntu 后必须做的几件事,以帮助ubuntu爱好这更好更快的使用ubuntu,本文适用于ubuntu19.10 eoan或其他版本

2020-01-16 21:33:11 292

原创 Gitlab 配置前端自动化部署

前言本文将介绍使用gitlab+gitlab-runner实现前端自动化部署的基本步骤:gitlab开启自动化使用docker-compose 安装gitlab-runner注册gitlab-runner到 gitlab中编辑.gitlab-ci.yml编辑环境变量gitlab开启自动化进入项目=>设置=>CI/CD=>自动化=>自动部署到预发布环境,手...

2019-12-26 11:52:23 522

原创 linux ssh root免密登陆

实验环境:Ubuntu 19.10(client)+Centos7(server)1.登陆端配置公钥ssh-keygen -t rsa -P 'password'注意默认情况下会覆盖已存在的公私钥,所以建议另存为独立的公私钥如:~/.ssh/id_rsa_1002.配置登陆端configvi ~/.ssh/config配置如下 Host 192.168.0.100 Hos...

2019-12-26 10:09:58 253

原创 docker-compose安装Elasticsearch,Kibana

新建docker-compose.yml参考:极客时间version: '2.2'services: cerebro: image: lmenezes/cerebro:0.8.3 container_name: cerebro ports: - "9000:9000" command: - -Dhosts.0.host=http:/...

2019-11-08 09:15:26 933

原创 Elasticsearch从小白到应用

引言扫盲索引类型文档字段和关系型数据库的关系:Relational DB -> Databases -> Tables -> Rows -> ColumnsElasticsearch -> Indices -> Types -> Documents -> Fields原理配置应用参考文档:https://es.x...

2019-11-07 21:09:43 163

原创 安装go-mysql-elasticsearch同步mysql数据到elasticsearch

安装go官网下载并解压wget https://dl.google.com/go/go1.12.13.linux-amd64.tar.gztar -xvf go1.12.13.linux-amd64.tar.gz -C /opt配置环境变量sudo vi ~/.bashrc输入export GOROOT=/opt/goexport GOPATH=/home/ubuntu/go-...

2019-11-07 20:49:54 552

原创 logstash同步mysql数据到elasticsearch

1.下载mysql-connector-java2.安装 jdbc 和 elasticsearch 插件logstash-plugin install logstash-input-jdbcbin/logstash-plugin install logstash-output-elasticsearch3.编写配置文件 logstash.conftips:数据库中删除的数据无法同步到E...

2019-11-06 19:40:51 77

原创 Ubuntu 安装logstash

安装apt-keywget -qO - https://artifacts.elastic.co/GPG-KEY-elasticsearch | sudo apt-key add -可能需要安装https库sudo apt-get install apt-transport-https保存源echo "deb https://artifacts.elastic.co/packages...

2019-11-05 21:13:06 415

原创 JS粘贴为文本,从contenteditable 中删除格式

问题: 使用contenteditable="true"的div元素,使用粘贴功能时会携带复制文本的样式,造成样式的错乱。在某些浏览器下,粘贴从word复制过来的文本还会把word中的格式也粘贴进来,导致功能的错误。所以针对contenteditable粘贴格式的问题,给出了以下的解决方案。<div contenteditable="true"></div>解决方案:...

2019-09-06 11:03:28 1226 2

原创 解决element-ui中carousel走马灯Tab键的问题

Element-ui 中Carousel走马灯中如携带`a`标签,按`tab`键会触发功能与样式的错误

2019-08-15 11:08:53 1106

原创 Vue自定义指令示例

本文将介绍Vue中自定义指令的常见示例与用法,给出了前端开发中几个常见的应用场景,如光标聚焦于文本末尾,点击空白处关闭,多行文本溢出省略等

2019-08-06 02:45:40 224

原创 前端防止重复发送Ajax 请求

前言一般为了防止重复发送Ajax 请求,可以通过变量或按钮的状态去控制是否发送请求,但这样每个业务都得编写类似的代码,非常影响开发效率,所以这里将推荐更合适的防止重复发送Ajax请求的方案:一,独占型请求顾名思义,即在时刻内只允许一个请求存在,必须等到该请求成功或失败后才能开始下一个请求。...

2019-07-17 02:16:05 240

原创 解决keydown重复触发/提交的问题

问题描述:Javascript中keydown会重复触发,导致了重复提交的问题解决方案:一、使用keyup事件代替document.addEventListener('keyup',function(){ //dosomething...});该方法在shift+enter等组合键有一定概率不触发的问题,具体看个人操作习惯二、使用flag变量控制var flag=false;d...

2019-05-23 16:31:53 3740

原创 如何给xml增加&nbsp声明

在xml中加入一段代码<!DOCTYPE inline_dtd [<!ENTITY nbsp " "><!ENTITY copy "©"><!ENTITY reg "®"><!ENTITY trade "™"><!ENTITY mdash "—"><!ENTITY ldquo "“"><!ENTIT...

2019-05-16 18:08:53 184

原创 JS获取事件冒泡路径(composedPath )的兼容性写法

调用方式:function clickDom(event) const path=eventPath(event); console.log(path);}代码:/* * 获取事件冒泡路径,兼容ie11,edge,chrome,firefox,safari * @param evt * @returns {*} */ function eventPath(evt) { ...

2019-04-17 10:43:09 1377

原创 CSS3之transform-origin详解

前言在没有设置过transform-origin属性时,CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心(变形原点/中心点)位置进行变形的。而CSS3 中的transform-origin属性用于设置旋转元素的基点位置,熟悉使用transform-origin并结合CSS3动画可以使元素沿着某一轨迹进行旋转,位移等,本文讲介绍transform-origin的定义和用法并尽可能的分析其原...

2019-04-08 22:52:23 4755 3

原创 Linux常用命令

从服务端下载到本地sudo scp dc2-user@192.168.0.1:/usr/local/ngrok/bin/windows_amd64/ngrok.exe /var/www

2019-04-02 09:12:02 193

原创 Ubuntu安装scrapy-splash

安装scrapy-splash包pip install scrapy-splash安装dockerwget -qO- https://get.docker.com/ | shdocker配置阿里云源1.创建配置文件vi /etc/docker/daemon.json2.新增配置后保存{ "registry-mirrors": ["https://alzgoonw.mirro...

2019-03-30 17:19:26 417

原创 Ubuntu安装和使用supervisor

前言对于需要以进程的方式常驻在Ubuntu系统中或开机启动的脚本程序,通常使用supervisor进程管理工具进行管理。本文将结合ngrok启动脚本,简单介绍supervisor进程管理工具的安装和使用。安装sudo apt-get install supervisor新建进程配置supervsor进程管理工具后,建议在/etc/supervisor/conf.d/文件夹中为每一个进程...

2019-03-18 17:49:38 1556

原创 Elment-ui常见问题整理

Input事件无法绑定按键事件原因是el-input被div所包裹,解决办法是在事件后追加native修饰符&amp;amp;amp;lt;el-input @keyup.enter.native=&amp;amp;quot;save&amp;amp;quot; /&amp;amp;amp;gt;

2019-02-26 14:35:58 135

原创 HTML之meta属性大全

&amp;lt;meta/&amp;gt;用于定义页面元信息,定义元信息就是制定一些name-value对。可以制定如下三个属性。1.http-equiv:指定元信息的名称,该属性指定的名称具有特殊意义,它可以向浏览器回传一些有用的信息,帮助浏览器正确地处理网页内容。2.name:指定元信息的名称,该名称值可以随意指定。3.content:指定元信息的值。可以为网页指定如下的值:网页字符集 &amp;lt;m...

2019-02-26 08:58:56 1024

原创 CSS实现垂直水平居中的几个方法

CSS实现垂直水平居中的几个方法

2019-02-25 13:18:42 67

原创 JS设计模式之观察者模式

概述观察者模式(Observer),又叫做发布-订阅(Publish/Subscribe)模式,定义了一种一对多的依赖关系,让多个观察者对象同时监听某一个主题对象。主题对象状态发生改变时,会通知所有的观察者对象,使它们能自动更新自己。当不需要监听某一个特定的主题对象时,可以取消订阅,即从观察者列表中删除。为此可以确定如下的类。Subject(目标)用于维护一系列的观察者,方便添加或删除观察...

2019-02-24 15:56:39 153

原创 JS设计模式之单例模式

概述单例模式(Singleton),保证一个类仅有一个实例,并提供一个访问它的全局访问点。该模式下,在该实例子不存在的情况下,可以通过一个方法创建一个类来实现创建类的新实例;如果实例已经存在,它会返回该对象的应用。实现方法ES5var Singleton = function() { this.instance = null;}//核心方法,获取或创建实例的方法Singlet...

2019-02-24 10:48:06 42

原创 JS前端面试问答(二)

1.对于前端的事件流,你是怎么理解的?答:事件流是浏览器中页面接收到事件的顺序,从最外层的元素到最里层的元素为事件捕获流(如html&amp;amp;gt;body&amp;amp;gt;div),从最里层元素传到最外层元素是事件冒泡流(如div&amp;amp;gt;body&amp;amp;gt;html)。开发中建议使用事件冒泡,因为容易理解,阻止冒泡等。2.简要介绍下事件委托并举个例子,使用事件委托有什么好处?(1)事件委托即利用事件冒泡机制指定...

2019-02-21 22:46:55 145

原创 JS前端面试问答(一)

1.JS怎么控制一次加载一张图片,加载完后再加载一张?2.代码的执行顺序?3.如何实现sleep的效果(ES5或ES6)?有三种方式实现sleep:promise,async,generate(1)(2)(3)4.如何...

2019-02-18 22:22:30 147

原创 Ubuntu18安装Mysql

ubuntu上安装mysql非常简单只需要几条命令就可以完成。sudo apt-get install mysql-serverapt-get install mysql-clientsudo apt-get install libmysqlclient-dev安装完成后修改密码vi /etc/mysql/mysql.conf.d在配置文件添加skip-grant-tables...

2019-02-18 16:06:03 86

原创 Windows常用命令

查看占用端口netstat -aon|findstr "49157"杀掉占用进程Taskkill /pid 8081 /F添加静态路由首先在“运行”窗口输入cmd(按WIN+R打开运行窗口),然后回车进入命令行,输入 route add 10.253.251.0 mask 255.255.255.0 -p 192.254.1.1。其中10.253.251.0是源地址,25...

2019-02-14 11:37:19 64

原创 Flex 布局详解

flex-direction:使用在display:flex的父容器里,改变横轴的方向:1.flex-direction:row:默认值,从左到右2.flex-direction:row-reverse:从右到左3.flex-direction:column:从上到下4.flex-direction:column-reverse:从下到上flex-wrap:使用在display:fl...

2019-01-30 22:18:28 63

原创 LeetCode-Longest Substring Without Repeating Characters(JS题解)

Given a string, find the length of the longest substring without repeating characters.Example 1:Input: &amp;quot;abcabcbb&amp;quot;Output: 3 Explanation: The answer is &amp;quot;abc&amp;quot;, with the length of 3. Example 2:Inp

2019-01-30 17:18:17 41

原创 LeetCode- Reverse Integer(JS题解)

Given a 32-bit signed integer, reverse digits of an integer.Example 1:Input: 123Output: 321Example 2:Input: -123Output: -321Example 3:Input: 120Output: 21Note:Assume we are dealing with ...

2019-01-30 17:16:20 81

原创 深入了解W3C标准及规范

引言合格的前端工程师必须深入理解W3C标准和规范,很多前端招聘要求中也常常提到W3C标准和规范。许多新手或项目并不太遵循W3C标准和规范,这就不利于前端工程化和标准化。概述万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)规范...

2019-01-27 17:36:44 359

原创 Mysql高级语句之-插入

带条件且带主键更新的语句根据某个条件是否成功而插入表,同时如果存在主键冲突则更新数据字段。insert into db_name.db_table(ent_id,user_id,user_role,dept_name,sub_dept_name,create_datetime) select(283, 1, 3,'', '', '2018-01-01 12:13:14') from...

2019-01-25 18:53:47 176

原创 Postman配置Windows PHP7 xdebug

引言开发中为了查看PHP版本和位数下载xdebgu扩展在xdebug下载页去下载最新的版本(注意:要下载PHP对应版本,位数和线程安全)一般phpinfo下的Thread safety为enabled说明是线程安全版本下载地址:https://xdebug.org/download.php配置php.ini在php安装目录打开php.ini,增加如下配置注意:如配置多版本同时运...

2019-01-23 17:24:16 132

原创 LeetCode-Add Two Numbers(JS题解)

Add Two NumbersYou are given two non-empty linked lists representing two non-negative integers. The digits are stored in reverse order and each of their nodes contain a single digit. Add the two num...

2019-01-22 22:08:13 95

原创 Ubuntu18.10换阿里云源

编辑sudo vi /etc/apt/sources.list文件, 在文件最前面添加以下条目(操作前请做好相应备份):deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiversedeb http://mirrors.aliyun.com/ubuntu/ bionic-security main...

2019-01-21 13:07:07 5065 2

原创 Git常用指令

克隆文件git clone url position全局配置账户信息git config --global user.email "example@qq.com"git config --global user.name "Haker-laptop"更新.gitignoregit rm -r --cached .//清空缓存git add .//重新提交git commit ...

2019-01-21 09:15:17 68

转载 Ubuntu终端多窗口分屏Terminator

Ubuntu终端多窗口分屏Terminator参考:https://blog.csdn.net/mrgong_/article/details/77817018

2019-01-19 20:53:28 677

原创 ES5,ES6入门重点

ES5,ES6入门重点引言:ES5,ES6在高级框架如Vue,React,Angular框架具有很好的支持,在某些不支持ES6语法的浏览器中也可以通过Babel转码器把ES6转为ES5语法,所以可以放心使用ES6语法在开发环境中可能会用到的操作:赋值操作字符串操作判断操作常用数组操作常用对象操作for循环ES61.变量的解构赋值基本用法ES6 以前的用法var ...

2019-01-19 20:40:41 3940 1

Inspect.exe

Win10SDK提取出来的Inspect.exe,用于获取窗口或控件句柄

2019-03-24

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除