- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 不改变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
839
原创 安装ubuntu后必须做的事
本文将整理安装ubuntu 后必须做的几件事，以帮助ubuntu爱好这更好更快的使用ubuntu,本文适用于ubuntu19.10 eoan或其他版本
2020-01-16 21:33:11
915
原创 Gitlab 配置前端自动化部署
前言 本文将介绍使用gitlab+gitlab-runner实现前端自动化部署的基本步骤： gitlab开启自动化 使用docker-compose 安装gitlab-runner 注册gitlab-runner到 gitlab中 编辑.gitlab-ci.yml 编辑环境变量 gitlab开启自动化 进入项目=>设置=>CI/CD=>自动化=>自动部署到预发布环境，手...
2019-12-26 11:52:23
2628
原创 linux ssh root免密登陆
实验环境:Ubuntu 19.10(client)+Centos7(server) 1.登陆端配置公钥 ssh-keygen -t rsa -P 'password' 注意默认情况下会覆盖已存在的公私钥，所以建议另存为独立的公私钥如：～/.ssh/id_rsa_100 2.配置登陆端config vi ~/.ssh/config 配置如下 Host 192.168.0.100 Hos...
2019-12-26 10:09:58
708
原创 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
1334
原创 Elasticsearch从小白到应用
引言 扫盲 索引 类型 文档 字段 和关系型数据库的关系: Relational DB -> Databases -> Tables -> Rows -> Columns Elasticsearch -> Indices -> Types -> Documents -> Fields 原理 配置 应用 参考 文档：https://es.x...
2019-11-07 21:09:43
366
原创 安装go-mysql-elasticsearch同步mysql数据到elasticsearch
安装go 官网下载并解压 wget https://dl.google.com/go/go1.12.13.linux-amd64.tar.gz tar -xvf go1.12.13.linux-amd64.tar.gz -C /opt 配置环境变量 sudo vi ~/.bashrc 输入 export GOROOT=/opt/go export GOPATH=/home/ubuntu/go-...
2019-11-07 20:49:54
920
原创 logstash同步mysql数据到elasticsearch
1.下载mysql-connector-java 2.安装 jdbc 和 elasticsearch 插件 logstash-plugin install logstash-input-jdbc bin/logstash-plugin install logstash-output-elasticsearch 3.编写配置文件 logstash.conf tips:数据库中删除的数据无法同步到E...
2019-11-06 19:40:51
266
原创 Ubuntu 安装logstash
安装apt-key wget -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
1100
原创 JS粘贴为文本，从contenteditable 中删除格式
问题： 使用contenteditable="true"的div元素，使用粘贴功能时会携带复制文本的样式，造成样式的错乱。在某些浏览器下，粘贴从word复制过来的文本还会把word中的格式也粘贴进来，导致功能的错误。所以针对contenteditable粘贴格式的问题，给出了以下的解决方案。 <div contenteditable="true"></div> 解决方案：...
2019-09-06 11:03:28
3809
2
原创 解决element-ui中carousel走马灯Tab键的问题
Element-ui 中Carousel走马灯中如携带`a`标签，按`tab`键会触发功能与样式的错误
2019-08-15 11:08:53
2171
2
原创 Vue自定义指令示例
本文将介绍Vue中自定义指令的常见示例与用法，给出了前端开发中几个常见的应用场景，如光标聚焦于文本末尾，点击空白处关闭，多行文本溢出省略等
2019-08-06 02:45:40
478
原创 前端防止重复发送Ajax 请求
前言 一般为了防止重复发送Ajax 请求，可以通过变量或按钮的状态去控制是否发送请求，但这样每个业务都得编写类似的代码，非常影响开发效率，所以这里将推荐更合适的防止重复发送Ajax请求的方案： 一，独占型请求 顾名思义，即在时刻内只允许一个请求存在，必须等到该请求成功或失败后才能开始下一个请求。 ...
2019-07-17 02:16:05
1373
1
原创 解决keydown重复触发/提交的问题
问题描述：Javascript中keydown会重复触发，导致了重复提交的问题 解决方案: 一、使用keyup事件代替 document.addEventListener('keyup',function(){ //dosomething... })； 该方法在shift+enter等组合键有一定概率不触发的问题，具体看个人操作习惯 二、使用flag变量控制 var flag=false; d...
2019-05-23 16:31:53
9570
1
原创 如何给xml增加 声明
在xml中加入一段代码 <!DOCTYPE inline_dtd [ <!ENTITY nbsp " "> <!ENTITY copy "©"> <!ENTITY reg "®"> <!ENTITY trade "™"> <!ENTITY mdash "—"> <!ENTITY ldquo "“"> <!ENTIT...
2019-05-16 18:08:53
688
原创 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
3162
原创 CSS3之transform-origin详解
前言 在没有设置过transform-origin属性时，CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心（变形原点/中心点）位置进行变形的。而CSS3 中的transform-origin属性用于设置旋转元素的基点位置，熟悉使用transform-origin并结合CSS3动画可以使元素沿着某一轨迹进行旋转，位移等，本文讲介绍transform-origin的定义和用法并尽可能的分析其原...
2019-04-08 22:52:23
52350
8
原创 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
421
原创 Ubuntu安装scrapy-splash
安装scrapy-splash包 pip install scrapy-splash 安装docker wget -qO- https://get.docker.com/ | sh docker配置阿里云源 1.创建配置文件 vi /etc/docker/daemon.json 2.新增配置后保存 { "registry-mirrors": ["https://alzgoonw.mirro...
2019-03-30 17:19:26
805
原创 Ubuntu安装和使用supervisor
前言 对于需要以进程的方式常驻在Ubuntu系统中或开机启动的脚本程序，通常使用supervisor进程管理工具进行管理。本文将结合ngrok启动脚本，简单介绍supervisor进程管理工具的安装和使用。 安装 sudo apt-get install supervisor 新建进程配置 supervsor进程管理工具后，建议在/etc/supervisor/conf.d/文件夹中为每一个进程...
2019-03-18 17:49:38
5673
原创 Elment-ui常见问题整理
Input事件无法绑定按键事件 原因是el-input被div所包裹，解决办法是在事件后追加native修饰符 &amp;amp;lt;el-input @keyup.enter.native=&amp;quot;save&amp;quot; /&amp;amp;gt;
2019-02-26 14:35:58
399
原创 HTML之meta属性大全
&lt;meta/&gt;用于定义页面元信息，定义元信息就是制定一些name-value对。可以制定如下三个属性。 1.http-equiv:指定元信息的名称，该属性指定的名称具有特殊意义，它可以向浏览器回传一些有用的信息，帮助浏览器正确地处理网页内容。 2.name:指定元信息的名称，该名称值可以随意指定。 3.content:指定元信息的值。 可以为网页指定如下的值： 网页字符集 &lt;m...
2019-02-26 08:58:56
2530
原创 JS设计模式之观察者模式
概述 观察者模式(Observer)，又叫做发布-订阅(Publish/Subscribe)模式，定义了一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象。主题对象状态发生改变时，会通知所有的观察者对象，使它们能自动更新自己。当不需要监听某一个特定的主题对象时，可以取消订阅，即从观察者列表中删除。为此可以确定如下的类。 Subject(目标) 用于维护一系列的观察者，方便添加或删除观察...
2019-02-24 15:56:39
509
原创 JS设计模式之单例模式
概述 单例模式（Singleton），保证一个类仅有一个实例，并提供一个访问它的全局访问点。该模式下，在该实例子不存在的情况下，可以通过一个方法创建一个类来实现创建类的新实例；如果实例已经存在，它会返回该对象的应用。 实现方法 ES5 var Singleton = function() { this.instance = null; } //核心方法，获取或创建实例的方法 Singlet...
2019-02-24 10:48:06
219
原创 JS前端面试问答（二）
1.对于前端的事件流，你是怎么理解的？ 答：事件流是浏览器中页面接收到事件的顺序，从最外层的元素到最里层的元素为事件捕获流(如html&amp;gt;body&amp;gt;div)，从最里层元素传到最外层元素是事件冒泡流（如div&amp;gt;body&amp;gt;html）。开发中建议使用事件冒泡，因为容易理解，阻止冒泡等。 2.简要介绍下事件委托并举个例子，使用事件委托有什么好处？ （1）事件委托即利用事件冒泡机制指定...
2019-02-21 22:46:55
375
原创 JS前端面试问答（一）
1.JS怎么控制一次加载一张图片，加载完后再加载一张？ 2.代码的执行顺序？ 3.如何实现sleep的效果（ES5或ES6）? 有三种方式实现sleep：promise，async，generate (1) (2) (3) 4.如何 ...
2019-02-18 22:22:30
429
原创 Ubuntu18安装Mysql
ubuntu上安装mysql非常简单只需要几条命令就可以完成。 sudo apt-get install mysql-server apt-get install mysql-client sudo apt-get install libmysqlclient-dev 安装完成后修改密码 vi /etc/mysql/mysql.conf.d 在配置文件添加 skip-grant-tables ...
2019-02-18 16:06:03
204
原创 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
194
原创 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
506
原创 LeetCode-Longest Substring Without Repeating Characters(JS题解)
Given a string, find the length of the longest substring without repeating characters. Example 1: Input: &quot;abcabcbb&quot; Output: 3 Explanation: The answer is &quot;abc&quot;, with the length of 3. Example 2: Inp
2019-01-30 17:18:17
205
原创 LeetCode- Reverse Integer(JS题解)
Given a 32-bit signed integer, reverse digits of an integer. Example 1: Input: 123 Output: 321 Example 2: Input: -123 Output: -321 Example 3: Input: 120 Output: 21 Note: Assume we are dealing with ...
2019-01-30 17:16:20
367
原创 深入了解W3C标准及规范
引言 合格的前端工程师必须深入理解W3C标准和规范，很多前端招聘要求中也常常提到W3C标准和规范。许多新手或项目并不太遵循W3C标准和规范，这就不利于前端工程化和标准化。 概述 万维网联盟（外语缩写：W3C）标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior） 规范 ...
2019-01-27 17:36:44
1457
原创 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
434
原创 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
413
原创 LeetCode-Add Two Numbers(JS题解)
Add Two Numbers You 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
310
原创 Ubuntu18.10换阿里云源
编辑sudo vi /etc/apt/sources.list文件, 在文件最前面添加以下条目(操作前请做好相应备份)： deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse deb http://mirrors.aliyun.com/ubuntu/ bionic-security main...
2019-01-21 13:07:07
5763
2
原创 Git常用指令
克隆文件 git clone url position 全局配置账户信息 git config --global user.email "example@qq.com" git config --global user.name "Haker-laptop" 更新.gitignore git rm -r --cached .//清空缓存 git add .//重新提交 git commit ...
2019-01-21 09:15:17
168
转载 Ubuntu终端多窗口分屏Terminator
Ubuntu终端多窗口分屏Terminator 参考： https://blog.csdn.net/mrgong_/article/details/77817018
2019-01-19 20:53:28
993
原创 ES5,ES6入门重点
ES5,ES6入门重点 引言：ES5,ES6在高级框架如Vue,React,Angular框架具有很好的支持,在某些不支持ES6语法的浏览器中也可以通过Babel转码器把ES6转为ES5语法，所以可以放心使用ES6语法 在开发环境中可能会用到的操作： 赋值操作 字符串操作 判断操作 常用数组操作 常用对象操作 for循环 ES6 １．变量的解构赋值 基本用法 ES6 以前的用法 var ...
2019-01-19 20:40:41
4442
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人