蜗牛不会跑

原创 ERROR 1396 (HY000): Operation ALTER USER failed for 'root'@'localhost'

注：原因为MySql 8.0.11换了新的身份验证插件（caching_sha2_password）, 原来的身份验证插件为（mysql_native_password）。而客户端工具Navicat Premium12 中找不到新的身份验证插件（caching_sha2_password），对此，我们将mysql用户使用的登录密码加密规则 还原成 mysql_native_passwor...

原创 git+github的使用-最简单的入门教程 言墨儿

前言自从git这个版本控制器问世以后，它便代替SVN成为最好用的免费控制器，会不会使用它关系着每个开发者的开发便利与否的问题，这么说：如果你不会用git===你不会团队开发，而GitHub 是一个面向开源及私有软件项目的托管平台，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub，除了 Git 代码仓库托管及基本的 Web 管理界面以外，还提供了订阅、讨论组、文本渲染、在线文...

原创 react-native的各种坑

一，Could not resolve all files for configuration ':app:releaseCompileClasspathreact-native版本：0.57.1这个问题原本不是rn版本的问题，原因是0.57.1将Android SDK的版本更新到27了。先来看下错误日志：> Task :app:preReleaseBuild FAILE...

原创 Webpack实战笔记

◆ 使用配置文件>> Webpack对于output.path的要求是使用绝对路径（从系统根目录开始的完整路径），用node.js的路径拼装函数---path.join，将__dirname(node.js内置全局变量，值为当前文件所在的绝对路径)与dist(输出目录)连接起来，得到了最终的资源输出路径。◆ webpack-dev-server&g...

原创 设置服务开机启动

自动扩容的机器设置服务开机启动使用场景用 auto scaling 扩容时，我们希望全程无人工介入。因此强烈为自动扩容的机器设置开机后服务自动启动，例如：httpd服务 mysqld服务 php-fpm服务 tomcat服务 等等其实花一分钟设置即可完成——修改 /etc/rc.d/rc.local 文件！设置方法（以 centos 为例）：step 1： 打...

原创 使用pm2部署node.js项目过程

一、部署Node.js环境（一）登录服务器，先更新一下（第一次使用服务器先更新下） 1 yum update -y 一。安装node 和 pm2wget命令下载Node.js安装包。该安装包是编译好的文件，解压之后，在bin文件夹中就已存在node和npm，无需重复编译。 1 wget https://nod...

原创 yeoman构建项目generator（yeoman-generator）

前言：在开始一个新项目得时候，如果我们已经有存在得项目，大多数都会借鉴这个项目，包括他的基础配置，以及一些公共的组件。而往往采用的方式都是复制粘贴，如果项目比较复杂，这样做有几个很明显的弊端，一是比较耗时，二是容易出错。即使我们重新构建一个新的脚手架，也需要根据项目的需求做不少的添加更改等等，其实经过简单的分析，在我们的许多项目当中都有很多共性的东西，哪我们有没有一个方法，在每次需开发新项目的时候...

原创 centos7下使用mysql离线安装包安装mysql5.7

原文：https://www.cnblogs.com/yy3b2007com/p/10497787.html服务器环境：centos7 x64需要安装mysql5.7+一、卸载CentOS7系统自带mariadb# 查看系统自带的Mariadb[root@CDH-141 ~]# rpm -qa|grep mariadbmariadb-libs-5.5.44-2.el7...

原创 浏览器缓存原理以及本地存储

原文：https://segmentfault.com/a/1190000017185195作为一名前端工作人员，前端的缓存知识是必须掌握的，因为一个网站打开网页的速度直接关系到用户体验，用户粘度，而提高网页的打开速度有很多方面需要优化，其中比较重要的一点就是利用好缓存，缓存文件可以重复利用，还可以减少带宽，降低网络负荷。1 缓存缓存从宏观上分为私有缓存和共享缓存，共享缓存就是那些能...

原创 nginx: [error] open() "/run/nginx.pid" failed (2: No such file or directory)

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/qq_32502511/article/details/80112036nginx: [error] open() "/var/run/nginx.pid" failed (2: No such file or directory)解决...

原创 Service Worker学习与实践（一）——离线缓存

原文：https://juejin.im/post/5ba0fe356fb9a05d2c43a25c#commentService Worker学习与实践（一）——离线缓存什么是Service WorkerService Worker本质上充当Web应用程序与浏览器之间的代理服务器，也可以在网络可用时作为浏览器和网络间的代理。它们旨在（除其他之外）使得能够创建有效的离线体验...

原创 前端面试之路四(web性能优化篇)

原文：https://juejin.im/post/5c011e0c5188252ea66afdfa前端面试之路四(web性能优化篇)概括涉及到的分类网络层面 构建层面 浏览器渲染层面 服务端层面涉及到的功能点资源的合并与压缩 图片编解码原理和类型选择 浏览器渲染机制 懒加载预加载 浏览器存储 缓存机制 PWA Vue-SSR资源合并与压缩http请...

原创 CentOS7.5安装nodejs

安装方法1——直接部署1.首先安装wgetyum install -y wget如果已经安装了可以跳过该步2.下载nodejs最新的tar包可以在下载页面https://nodejs.org/en/download/中找到下载地址。然后执行指令wget https://nodejs.org/dist/v9.3.0/node-v9.3.0-linux-x64.tar...

原创 Centos7 下 Openresty 从安装到入门

官网安装说明根据官网的描述提供了不同的安装方式，例如：使用yum安装、源码编译安装等等。我目前暂时使用yum安装方式进行部署看看。设置安装的yum源你可以在你的 CentOS 系统中添加 openresty 仓库，这样就可以便于未来安装或更新我们的软件包（通过 yum update 命令）。运行下面的命令就可以添加我们的仓库：sudo yum install yum-ut...

转载 内网穿透

目录内网穿透内网穿透工具学了网络之后，我们知道了公网和私网。私网是不能在公网传输和通信的。我们一个学校，一个小区，都是在自己单独的私网里面。通过这个私网内部的路由器(NAPT方式)和外界通信。那么问题来了，假如我要和其他学校的小伙伴通信，那怎么办呢？我和小伙伴都是在单独的私网里面，而私网的地址是不能通信的，那么我怎么才能和他通信呢？内网穿透这就要说到内网穿透了！如下图，...

转载 防抖和节流原理分析

窗口的resize、scroll、输入框内容校验等操作时，如果这些操作处理函数是较为复杂或页面频繁重渲染等操作时，在这种情况下如果事件触发的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少触发的频率，同时又不影响实际效果。eg：搜索框的请求优化，输入搜索词条需要立即触发搜索请求时，防抖和节流可以将多个请求合并为...

原创 table-cell布局

html: <div class='box'> <div class="item w-50">测试</div> <div class="item w-120">测试</div> <div class="item w-self">测试</div> ...

原创 创建一个新的空白的文档片段( DocumentFragment)。

语法节let fragment = document.createDocumentFragment();fragment是一个指向空DocumentFragment对象的引用。DocumentFragments是DOM节点。它们不是主DOM树的一部分。通常的用例是创建文档片段，将元素附加到文档片段，然后将文档片段附加到DOM树。在DOM树中，文档片段被其所有的子元素所代替。...

转载 通过一个场景实例 了解前端处理大数据的无限可能

随着前端的飞速发展，在浏览器端完成复杂的计算，支配并处理大量数据已经屡见不鲜。那么，如何在最小化内存消耗的前提下，高效优雅地完成复杂场景的处理，越来越考验开发者功力，也直接决定了程序的性能。本文展现了一个完全在控制台就能模拟体验的实例，通过一步步优化，实现了生产并操控1000000（百万级别）个对象的场景。导读：这篇文章涉及到 javascript 中 数组各种操作、原型原型链、ES6、c...

转载 原生JavaScript插件编写指南

在jQuery大量使用的环境下，目前网上的众多jQuery插件也能基本满足要求，但是在项目具体需求下，有时候依旧需要自己造轮子，本文介绍了如何不依赖jQuery等库进行原生JavsScript插件的编写。插件需要满足的条件一个可复用的插件需要满足以下条件：插件自身的作用域与用户当前的作用域相互独立，也就是插件内部的私有变量不能影响使用者的环境变量； 插件需具备默认设置参数； 插件除...

原创 vue-cli 自定义路径别名 assets和static文件夹的区别 --save-dev和--save的区别

写在前面：这是一篇vue-cli的几个小知识点简单介绍，适用于刚接触vue-cli脚手架以及对此方面并不太了解的同学，大佬们绕道。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。静态资源处理：assets和static文件夹的区别相信有很多人知道vue-cli有两个放置静态资源的地方，分别是src/assets文件夹和static文件夹,这两者的区别很...

转载 Vue的自动化测试

前言为什么我们需要测试？让产品可以快速迭代，同时还能保持高质量 -- 阮一峰 持续集成是什么？对于一些相对稳定的系统级别页面，自动化测试在提高测试的效率的方面起到非常重要的作用。前端的自动化测试主要包括：浏览器测试和单元测试。Vue官方脚手架自带自动化测试配置，并帮助你完成对组件，函数等的自动化测试。什么是持续集成？它和持续部署有什么区别？代码集成到主分支需要经过一系列的自...

转载 e2e自动化之Nightwatch

前言怎么说呢？本司之前用的是selenium Java写的前端自动化。倒也是我写了。不过为什么会想着Nightwatch呢？因为有一天发现自动化挂了。一查看才发现前端加了个蒙板。结果导致xpath变了，然后导航页点击挂了（不能点到导航页，也就进不了具体页面）。改了下倒也不麻烦，但是导runable jar包没给折腾死。实在太多了。想着如今js也是很强的，就找到了Nightwatch。为什么不...

原创 git push的全部参数

git push [--all | --mirror | --tags] [--follow-tags] [--atomic] [-n | --dry-run] [--receive-pack=<git-receive-pack>] [--repo=<repository>] [-f | --force] [-d | --delete] [--prune] [-v...

原创 Rebase

https://www.liaoxuefeng.com/wiki/896043488029600/1216289527823648

转载 vue图片点击放大预览v-viewer

图片放大预览功能参考网站：https://github.com/mirari/v-viewerimage.png1、安装依赖npm install v-viewer --save2、全局引入import Vue from 'vue';import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vu...

转载 好的用户界面-界面设计的一些技巧

1 尽量使用单列而不是多列布局单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。2 放出礼品往往更具诱惑力给用户一份精美小礼品这样的友好举动再好不过了。具体来讲，送出礼品也是之有效的获得客户忠诚度的战术，这是建立在人们互惠准则上的。而这样...

原创 移动端设计规范

转载 Mock.js篇2：数据占位符定义规范DPD

Mock.Random 是一个工具类，用于生成各种随机数据。Mock.Random 的方法在数据模板中称为『占位符』，书写格式为@占位符(参数 [, 参数])。内置方法列表：Type**** Method**** Basic boolean, natural, integer, float, character, string, range, date, time, da...

转载 Mock.js篇：数据模板定义规范DTD

Mock.js 的语法规范包括两部分：（1）数据模板定义规范（Data Template Definition，DTD）；（2）数据占位符定义规范（Data Placeholder Definition，DPD）。数据模板中的每个属性由三部分构成：属性名、生成规则、属性值。 // 属性名 name // 生成规则 rule // 属性值 valu...

原创 MVC，MVP，MVVM开发模式对比

MVC，MVP和MVVM这些模式是为了解决开发过程中的实际问题而提出来的，它们目前作为主流的几种架构模式而被广泛使用。1，MVC(Model View Controller)模式 MVC是比较直观的架构模式，既用户操作--&gt;View(负责接收用户的输入操作)--&gt;Controller(业务逻辑处理)--&gt;Model(数据持久化)--&gt;View(将结果反馈给...

转载 git删除/撤销,撤销某一次merge，git命令log与reflog的比较

git删除/撤销远已经push到程服务器上某次代码提交场景：不小心把一次错误的代码push到远程服务器上的分支上，需要立即删除/撤销这次代码提交。具体方法，git命令：git reset --hard &lt;commit_id&gt;git push origin HEAD --forcecommit_id可以通过git命令：git log输出获取。commit_id形如：1...

原创 Js系列四：变量对象

在前面的文章中我们提到过变量对象（Variable Object），我们在Js代码中申明的所有变量都保存在变量对象当中，除此之外变量对象中还可能包含以下内容。（1）函数的参数（arguments，es6中废弃）。（2）当前执行上下文的所有函数申明（通过function申明的函数）。（3）当前上下文的所有变量申明（通过var申明的变量）。一，创建过程变量对象的创建依次经历了一下过...

原创 Js系列三：执行上下文

Js代码在运行的时候会进入一个特定的环境中，这个环境被称为执行上下文。在Js中运行环境主要包括以下三种情况（1）全局环境既Js代码运行时首先进入的环境。（2）函数环境：函数运行时会进入当前函数的环境执行代码。（3）eval环境：此不推荐使用。由此我们知道在Js程序执行过程中必然会出现多个执行环境（执行上下文）。Js引擎以函数调用栈的方式来处理，函数调用栈规定了Js代码的执行顺序。栈...

原创 Js系列二：内存空间

      因为js有垃圾自动回收机制，所以内存空间不是一个被经常提及的概念，也很容易被忽略，特别是非工科内入行的前端通常对内存机制比较模糊甚至一无所知。然而内存空间确是真正的基础，是我们理解其他概念的基石，如闭包等。所以我们需要花点时间来理解一下它。一，基础数据类型与变量对象      最新的ECMAScript标准定义了7种数据类型，其中6种基础数据类型和一种引用数据类型（Object...

转载 Jenkins的详细安装及使用

操作环境：Windows一、环境准备1 安装JDK  本文采用jdk-8u111-windows-x64.exe；2 配置tomcat  本文采用tomcat8，无需安装，配置JAVA_HOME及JRE_HOME环境变量即可；3 安装maven  本文采用maven3.3.9，无需安装；4 安装Jenkins  下载地址https://jenkins.io/do...

原创 Js系列一十三：一个简单的状态管理库

          像vue或者react等在做中大型项目的时候，如果运用自身的方法来管理数据状态，最终会导致代码变得臃肿难以维护及复用，因此他们都会运用相应的状态管理库的协助管理数据状态，如，vuex，redux，mobix，flux等。今天我们不是讲如何运用一个状态管理库，而是运用js模块化开发的思想来写一个简单的状态管理库，从而让大家了解状态管理库的实现思路及js模块化开发的思想。注：为...

原创 Js系列一：三种基础的数据结构

在js中我们必须了解得三种数据结构：栈（stack），堆（heap），队列（queue）.一，栈（1），栈是一种数据结构，它表达的是数据的一种存取方式，这是理论基础。（2），栈可以用来规定代码的执行顺序，在js中通常叫做函数调用栈（call stack），它是根据数据结构理论实现的一种实践。（3），栈表达的是一种数据在内存当中的储存区域，通常叫栈区。但js和其他语言有所区别，它并没...

原创 rem自适应布局

原文链接：http://caibaojian.com/web-app-rem.html摘要：rem是相对于根元素&lt;html&gt;，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem...

原创 JS获取当前时间戳的方法

JavaScript 获取当前时间戳：第一种方法：var timestamp = Date.parse(new Date());第二种方法：var timestamp = (new Date()).valueOf();第三种方法：var timestamp=new Date().getTime()；第一种：获取的时间戳是把毫秒改成000显示，第二种和第三种是获取了当前毫...