LBY.LINK

• 最新文章
• 微信开发
• 前端方向
• 后端方向
• API申请
• 工具
• 关于

搜索

登录注册

• 记录一次手残删除mysql中ibdata1中相关文件通过仅存的.frm和.ibd恢复数据库数据历史

  前几天无意间去打开零食小铺站点(https://snackshop.lby.link)发现mysql报错了，页面上大概的意思就是无法连接到mysql，一看这个节奏，心想还以为是磁盘空间满了导致mysql启动失败，因为之前有这个前例。接着打开ssh终端登录阿里云的ecs，看了下磁盘空间正常，不是空间不足导致启动不了，然后尝试手动启动mysql:servicem
  憶、逝呿靑舂阅读(2825)(0)2021-05-16 16:44:14
• webpack构建工具之性能优化

  webpack是一个现代JavaScript应用程序最为火热的静态模块打包器，当webpack处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个bundle，在项目构建的时候可以根据项目需求配置自己的构建配置来优化构建的速度和项目的加载速度。我们在这篇文章中主要来说说优化webpack项目构建性能，和对于
  憶、逝呿靑舂阅读(2147)(0)2020-04-05 00:07:59
• Git 版本控制工具

  什么是git?是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目,有效提高团队协作能和代码版本的管理问题.目前工作流中使用版本控制系统主要有:SVN(集中式)和Git(分布式)SVN与Git的区别SVN是一个集中式管理系统(所有项目代码统一集中管理)Git是一个分布式管理系统(每台终端设备既是终端也是一个本地的仓库,也会有一个集中管理仓库)
  憶、逝呿靑舂阅读(2386)(0)2020-01-04 09:50:19
• nginx反向代理配置

  nginx作为web服务器一个重要的功能就是反向代理。当然你也可以使用nginx配置正向代理，本是介绍如何配置nginx的反向代理。nginx反向代理的指令不需要新增额外的模块，默认自带proxy_pass指令，只需要修改配置文件就可以实现反向代理。配置前的准备工作，后端跑apache服务的ip和端口，也就是说可以通过http://ip:port能访问到你的
  憶、逝呿靑舂阅读(1765)(0)2019-12-28 14:25:18
• JavaScript 性能优化之节流和防抖

  在js事件中,一般像:鼠标移动事件(onmousemove),页面滚动事件(onscroll),窗口缩放事件(onresize),oninput输入事件事件触发频率非常快,轻轻一动就是触发几十次(如果每次触发的执行任务比较复杂,会严重影响性能)优化方案(对一些没有必要的操作忽略):节流:(在一段时间内只触发一次):当持续触发事件时，保证一定时间段内只调用一次
  憶、逝呿靑舂阅读(1963)(0)2019-12-27 12:12:25
• JavaScript中的高阶函数

  高阶函数是对其他函数进行操作的函数，可以将它们作为参数或返回它们。简单来说，高阶函数是一个函数，它接收函数作为参数或将函数作为输出返回。//functionfn(){//console.log(＂这是fn函数...＂);//}//////封装一个能够适用于多数场景的业务函数=>10个地方//functionabc(fn){//console.log(f
  憶、逝呿靑舂阅读(1862)(0)2019-12-27 12:02:57
• 在浏览器地址栏输入地址 按回车 / F5 刷新 / ctrl + F5(强制刷新) 区别 ?

  问题:在浏览器地址栏输入地址按回车/F5刷新/ctrl+F5(强制刷新)区别?地址栏按回车:直接拿请求的资源与当前的缓存对比,直接使用缓存,不需要向服务器验证是否最新(本来要喝牛奶,然后打开冰箱发现还有牛奶,就直接喝了,不管有没有过期)F5刷新:1.先看下浏览器的缓存是否过期(已过期)重新请求,向服务器进行验证是否过期(服务器进行文件的最后修改时间对比:1.
  憶、逝呿靑舂阅读(2172)(0)2019-12-27 12:01:25
• JavaScript 函数柯理化

  定义:在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。好处:1.实现参数单一传入实现参数复用2.缓存函数执行的参数,减少重复计算=>延迟计算(延迟处理某些任务,因考虑到后面还有其他的任务)使用场景:1.比如说再一些需要动态传参的场景下使
  憶、逝呿靑舂阅读(2006)(0)2019-12-23 16:38:16
• vue鉴权处理

  在SPA（单页面应用）中，前端需要根据用户的权限来控制用户菜单以及路由表，vue-router提供了几个路由生命周期钩子，叫做路由守卫，我们可以利用路由守卫在路由以及路由元信息进行权限控制，同时搭配vuex将会更美味登录权限登录验证是最常见的一种路由权限验证，使用vuex+路由守卫可以实现比较清晰流畅的鉴权流，能轻松应对页面刷新、清除缓存等场景。路由元信息v
  憶、逝呿靑舂阅读(1854)(0)2019-11-29 10:56:48
• Vue实现非父子组件通信方式

  实现Vue非父子组件通信方式：1、利用$attrs实现祖孙组件间的数据传递，$listeners实现祖孙组件间的事件监听$attrs包含了父作用域中不作为prop被识别(且获取)的特性绑定(class和style除外)。当一个组件没有声明任何prop时，这里会包含所有父作用域的绑定(class和style除外)，并且可以通过v-bind=＂$attrs＂传入
  憶、逝呿靑舂阅读(1664)(0)2019-11-17 21:24:53
• 使用ES6的class关键字定义类和extends实现类的继承

  //使用class关键字,定义类=>(ES5中构造函数)//定义一个父类:父类不会被用于实例化,只提供与继承使用classAnimal{//构造函数constructor每个类中都会有这个内置的构造函数,会在类实例化的时候自动调用,用于初始化实例对象(在new需要设置一些属性)constructor(name,type,color){//此处的参数,在
  憶、逝呿靑舂阅读(2164)(0)2019-10-22 15:05:40
• 使用webpack构建react - 配置篇

  首先配置webpack配置文件：./config/dev.jsconstpath=require(＂path＂);constWebpackHtmlPlugin=require(＇webpack-html-plugin＇);//配置webpack-html-plugin插件constwebpackHtmlPlugin=newWebpackHtmlPlugin(
  憶、逝呿靑舂阅读(1936)(100)2019-08-12 22:29:39
• Css布局技巧-实现未知宽高元素网页水平和垂直居中

  未知宽高网页元素实现水平和垂直居中对齐如果网页中给一个已经知道宽高尺寸的元素设置水平和垂直居中,我相信大家都可以很简单的实现出来,参考代码如下:.box{position:absolute;left:50%;top:50%;margin-top:-100px;margin-left:-100px;width:200px;height:200px;backgr
  憶、逝呿靑舂阅读(3394)(0)2019-06-18 16:26:31
• npm使用介绍

  NPM(nodepackagemanager)是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。由于新版的nodejs已
  憶、逝呿靑舂阅读(2384)(0)2019-03-24 22:05:29
• 使用webpack构建vue项目（配置篇）

  现在主流前端项目构建工具-webpack，可用于项目静态资源文件编译打包等使用，那么接下来就以配置Vue项目的方式，跟大家讲解它的配置与使用。一、新建一个项目目录，cd/d定位进去，然后输入npminit，会提示你填写一些项目的信息，一直回车默认就好了，或者直接执行npminit-y直接跳过，这样就在项目目录下生成了一个package.json文件。二、接下
  憶、逝呿靑舂阅读(2110)(0)2019-03-24 20:57:05
• 理解JavaScript继承的6中方式

  想要继承，就必须要提供个父类（继承谁，提供继承的属性）一、原型链继承重点：让新实例的原型等于父类的实例。特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！）缺点：1、新实例无法向父类构造函数传参。2、继承单一。3、所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原型属
  憶、逝呿靑舂阅读(2184)(0)2019-02-27 01:22:36
• jQuery实现无缝轮播图

  以下为实现无缝轮播图主要代码：varindex=0;//当前页码vartimer=null;//定时器//为了弥补短暂的间隔,将第一张克隆一个放置最后面$(＂.slide-imgli＂).first().clone().appendTo(＂.slide-img＂);//设置宽度$(＂.slide-img＂).width(730*$(＂.slide-imgli
  憶、逝呿靑舂阅读(3282)(0)2019-02-27 22:11:04
• 移动端开发随手笔记

  PC端移动端：   一、微信端：      1)公众号（H5页面）（信用卡、银行卡、移动联通等通过公众号接入等页面）    &
  憶、逝呿靑舂阅读(3900)(0)2019-01-12 15:23:13
• 移动端开发问题罗列（一）

  定义的变量不再使用，没有及时销毁 事件冒泡。导致事件流死循环如果使用css高级特效，原则就是能使用3d（硬件加速效果）代替就不用2d，比较耗用资源的样式尽量少用（计算属性calc，过滤属性...）在css布局中，position定位其实是渲染的最后的一步骤，而且定位需要重新计算其他的元素位置，这样相对而言比较耗性能。移动端开发常见问题：1.
  憶、逝呿靑舂阅读(2290)(0)2019-01-12 15:20:27
• 前端必备知识点之HTTP协议

  HTTP--HyperTextTransferProtocol，超文本传输协议。是一种建立在TCP上的无状态连接，整个基本的工作流程是客户端发送一个HTTP请求，说明客户端想要访问的资源和请求的动作，服务端收到请求之后，服务端开始处理请求，并根据请求做出相应的动作访问服务器资源，最后通过发送HTTP响应把结果返回给客户端。其中一个请求的开始到一个响应的结束称
  憶、逝呿靑舂阅读(4788)(0)2018-12-21 19:55:20
• H5存储

  存储：1.本地存储（存储在客户端）cookie（饼干）localStorage（本地仓库）：主要使用微信小程序、移动端、App端websql2.离线缓存(在线状态进行缓存，离线状态依然可以使用)3.服务器端存储session（会话）举例说明：1.网页中登录过了，下次（网页刷新，浏览器重新）不需要登录，是因为记住了登录信息原因：http协议是一种无状态协议（没
  憶、逝呿靑舂阅读(2373)(0)2018-12-11 15:47:44
• 使用vue-cli脚手架构建项目

  使用vue官方提供的vue-cli(脚手架)可以快速的搭建起一个基于webpack的vue项目。1.首先得先全局安装vue-cli脚手架：npminstallvue-cli-g2.检测是否安装完成可以使用以下命令，如有看到版本号即可安装完成。、vue--version3.使用vue命令快速构建模板项目:官方提供好几个版本的模板，这里使用webpackvuei
  憶、逝呿靑舂阅读(3533)(0)2018-12-02 21:13:44
• vue+vuex+mpvue+iview-weapp构建小程序项目

  使用vue+vuex+mpvue+iview-weapp构建小程序项目1、安装vue-cli脚手架npminstallvue-cli-g2、用myvue模板初始化项目为：vueinitmpvue/mpvue-quickstartxshhr3、安装项目依赖：cnpminstall（小程序不让操作DOM，vue针对DOM的操作都无效）4.运行开发环境：npmst
  憶、逝呿靑舂阅读(3777)(0)2018-12-02 19:25:41
• 使用gulp搭建HTTP服务器操作手册

  前言为了满足标准化开发环境，web开发环境的要求越发复杂。经常在开发环境中需要有服务器端的环境，所以也会使用一些带环境的开发工具来使用，但也是会有一些诟病，比如webstorm软件的允许缓慢，这也很影响开发效率，所以我们能不能自己搭建一个简易便捷高效的环境呢？答案是可以的，我们可以借助node平台，使用gulp构建工具搭建起这样的一个开发环境用于开发测试使用
  憶、逝呿靑舂阅读(2449)(0)2018-11-17 11:20:20
• Css 样式属性的继承分类

  一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin、margin-t
  憶、逝呿靑舂阅读(2243)(0)2018-11-17 11:14:20
• gulp构建工具配置Less编译

  gulp构建工具配置Less编译gulp简介gulp是前端开发过程中对代码进行自动化构建的利器，它不仅能对资源进行优化，而且在开发过程中能够通过配置自动完成很多重复的任务，让我们可以专注于代码，提高工作效率。 使用场景：合并优化压缩css实时自动刷新压缩静态资源修改预处理样式后自动编译（SASS，Less）自动刷新浏览器资源文件（图片、cs
  憶、逝呿靑舂阅读(2373)(0)2018-11-10 23:50:23
• 原生js移动端滑动事件

  移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件:touchstart:   //手指放到屏幕上时触
  憶、逝呿靑舂阅读(2325)(0)2018-11-10 23:40:18