- 博客(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
769
原创 安装ubuntu后必须做的事
本文将整理安装ubuntu 后必须做的几件事，以帮助ubuntu爱好这更好更快的使用ubuntu,本文适用于ubuntu19.10 eoan或其他版本
2020-01-16 21:33:11
814
原创 Gitlab 配置前端自动化部署
前言本文将介绍使用gitlab+gitlab-runner实现前端自动化部署的基本步骤：gitlab开启自动化使用docker-compose 安装gitlab-runner注册gitlab-runner到 gitlab中编辑.gitlab-ci.yml编辑环境变量gitlab开启自动化进入项目=>设置=>CI/CD=>自动化=>自动部署到预发布环境，手...
2019-12-26 11:52:23
2553
原创 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
643
原创 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
1248
原创 Elasticsearch从小白到应用
引言扫盲索引类型文档字段和关系型数据库的关系:Relational DB -> Databases -> Tables -> Rows -> ColumnsElasticsearch -> Indices -> Types -> Documents -> Fields原理配置应用参考文档：https://es.x...
2019-11-07 21:09:43
307
原创 安装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
865
原创 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
221
原创 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
992
原创 JS粘贴为文本，从contenteditable 中删除格式
问题： 使用contenteditable="true"的div元素，使用粘贴功能时会携带复制文本的样式，造成样式的错乱。在某些浏览器下，粘贴从word复制过来的文本还会把word中的格式也粘贴进来，导致功能的错误。所以针对contenteditable粘贴格式的问题，给出了以下的解决方案。<div contenteditable="true"></div>解决方案：...
2019-09-06 11:03:28
3548
2
原创 解决element-ui中carousel走马灯Tab键的问题
Element-ui 中Carousel走马灯中如携带`a`标签，按`tab`键会触发功能与样式的错误
2019-08-15 11:08:53
2096
2
原创 Vue自定义指令示例
本文将介绍Vue中自定义指令的常见示例与用法，给出了前端开发中几个常见的应用场景，如光标聚焦于文本末尾，点击空白处关闭，多行文本溢出省略等
2019-08-06 02:45:40
407
原创 前端防止重复发送Ajax 请求
前言一般为了防止重复发送Ajax 请求，可以通过变量或按钮的状态去控制是否发送请求，但这样每个业务都得编写类似的代码，非常影响开发效率，所以这里将推荐更合适的防止重复发送Ajax请求的方案：一，独占型请求顾名思义，即在时刻内只允许一个请求存在，必须等到该请求成功或失败后才能开始下一个请求。...
2019-07-17 02:16:05
1279
1
原创 解决keydown重复触发/提交的问题
问题描述：Javascript中keydown会重复触发，导致了重复提交的问题解决方案:一、使用keyup事件代替document.addEventListener('keyup',function(){ //dosomething...})；该方法在shift+enter等组合键有一定概率不触发的问题，具体看个人操作习惯二、使用flag变量控制var flag=false;d...
2019-05-23 16:31:53
9316
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
597
原创 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
3052
原创 CSS3之transform-origin详解
前言在没有设置过transform-origin属性时，CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心（变形原点/中心点）位置进行变形的。而CSS3 中的transform-origin属性用于设置旋转元素的基点位置，熟悉使用transform-origin并结合CSS3动画可以使元素沿着某一轨迹进行旋转，位移等，本文讲介绍transform-origin的定义和用法并尽可能的分析其原...
2019-04-08 22:52:23
51676
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
349
原创 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
745
原创 Ubuntu安装和使用supervisor
前言对于需要以进程的方式常驻在Ubuntu系统中或开机启动的脚本程序，通常使用supervisor进程管理工具进行管理。本文将结合ngrok启动脚本，简单介绍supervisor进程管理工具的安装和使用。安装sudo apt-get install supervisor新建进程配置supervsor进程管理工具后，建议在/etc/supervisor/conf.d/文件夹中为每一个进程...
2019-03-18 17:49:38
5580
原创 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
352
原创 HTML之meta属性大全
&lt;meta/&gt;用于定义页面元信息，定义元信息就是制定一些name-value对。可以制定如下三个属性。1.http-equiv:指定元信息的名称，该属性指定的名称具有特殊意义，它可以向浏览器回传一些有用的信息，帮助浏览器正确地处理网页内容。2.name:指定元信息的名称，该名称值可以随意指定。3.content:指定元信息的值。可以为网页指定如下的值：网页字符集 &lt;m...
2019-02-26 08:58:56
2418
原创 JS设计模式之观察者模式
概述观察者模式(Observer)，又叫做发布-订阅(Publish/Subscribe)模式，定义了一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象。主题对象状态发生改变时，会通知所有的观察者对象，使它们能自动更新自己。当不需要监听某一个特定的主题对象时，可以取消订阅，即从观察者列表中删除。为此可以确定如下的类。Subject(目标)用于维护一系列的观察者，方便添加或删除观察...
2019-02-24 15:56:39
458
原创 JS设计模式之单例模式
概述单例模式（Singleton），保证一个类仅有一个实例，并提供一个访问它的全局访问点。该模式下，在该实例子不存在的情况下，可以通过一个方法创建一个类来实现创建类的新实例；如果实例已经存在，它会返回该对象的应用。实现方法ES5var Singleton = function() { this.instance = null;}//核心方法，获取或创建实例的方法Singlet...
2019-02-24 10:48:06
156
原创 JS前端面试问答（二）
1.对于前端的事件流，你是怎么理解的？答：事件流是浏览器中页面接收到事件的顺序，从最外层的元素到最里层的元素为事件捕获流(如html&amp;gt;body&amp;gt;div)，从最里层元素传到最外层元素是事件冒泡流（如div&amp;gt;body&amp;gt;html）。开发中建议使用事件冒泡，因为容易理解，阻止冒泡等。2.简要介绍下事件委托并举个例子，使用事件委托有什么好处？（1）事件委托即利用事件冒泡机制指定...
2019-02-21 22:46:55
335
原创 JS前端面试问答（一）
1.JS怎么控制一次加载一张图片，加载完后再加载一张？2.代码的执行顺序？3.如何实现sleep的效果（ES5或ES6）?有三种方式实现sleep：promise，async，generate(1)(2)(3)4.如何...
2019-02-18 22:22:30
379
原创 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
162
原创 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
149
原创 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
458
原创 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
159
原创 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
307
原创 深入了解W3C标准及规范
引言合格的前端工程师必须深入理解W3C标准和规范，很多前端招聘要求中也常常提到W3C标准和规范。许多新手或项目并不太遵循W3C标准和规范，这就不利于前端工程化和标准化。概述万维网联盟（外语缩写：W3C）标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）规范...
2019-01-27 17:36:44
1322
原创 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
388
原创 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
343
原创 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
253
原创 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
5704
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
133
转载 Ubuntu终端多窗口分屏Terminator
Ubuntu终端多窗口分屏Terminator参考：https://blog.youkuaiyun.com/mrgong_/article/details/77817018
2019-01-19 20:53:28
956
原创 ES5,ES6入门重点
ES5,ES6入门重点引言：ES5,ES6在高级框架如Vue,React,Angular框架具有很好的支持,在某些不支持ES6语法的浏览器中也可以通过Babel转码器把ES6转为ES5语法，所以可以放心使用ES6语法在开发环境中可能会用到的操作：赋值操作字符串操作判断操作常用数组操作常用对象操作for循环ES6１．变量的解构赋值基本用法ES6 以前的用法var ...
2019-01-19 20:40:41
4389
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人