自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

原创 MySQL总结

1、启动mysqlsudo /usr/local/mysql/support-files/mysql.server start2、停止mysqlsudo /usr/local/mysql/support-files/mysql.server stop3、重启mysqlsudo /usr/local/mysql/support-files/mysql.server restart1、connect ECONNREFUSED 127.0.0.1:3306重启MySQL即可2、ER_NOT_SUP

2020-11-11 23:32:13 143

原创 git fetch、git pull拉取远程分支合并到本地

1、git fetch1.1、需要在本地额外新建分支// 查看远程git remote -v // 获取远程指定分支到本地临时新建的分支git fetch origin master:temp // 获取远程master的分支的代码到临时新建的temp// 查看版本差异git diff temp // 查看temp分支与当前分支的差异// 将临时分支temp合并到当前分支git ...

2019-12-25 21:29:11 7144

原创 pip安装包失败总结

1.pip._vendor.urllib3.exceptions.ReadTimeoutError: HTTPSConnectionPool(host=‘files.pythonhosted.org’, port=443): Read timed out.解决:在pip后面加上--default-time=100,exp:pip --default-time=100 install wor...

2019-09-01 14:18:19 525

原创 JavaScript时间线

时间线创建Document对象,开始解析web页面。解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段 document.readyState = ‘loading’ 。遇到link外部css,创建线程加载,并继续解析文档。遇到script外部js,并且没有设置async、defer,浏览器加载,并阻塞,等待js加载完成并执行该脚本,然后继续...

2019-07-14 16:07:50 134

原创 不用循环、不用Array原生API,如何遍历数组。

解决递归。代码let index = 0function loopArr(arr, cb) { if(index < arr.length) { index++ cb(arr[index]) loopArr(arr, cb) }}// 使用let arr = [1,2,3,4,5]loopArr(arr, function(data) { conso...

2019-07-13 17:41:14 818

原创 响应式前端框架合集

BootstrapFoundationSemantic UIPureCSS

2019-07-08 14:12:27 240

原创 兼容性处理相关网站

https://browserhacks.com // 针对CSS hackhttps://github.com/aFarkas/html5shiv // 针对不支持HTML5标签的浏览器https://github.com/scottjehl/Respond // 针对不支持媒体查询https://modernizr.com // 防御性处理...

2019-07-08 11:22:04 108

原创 响应式图片的实现几种方式

1.srcset <img src="./../img/ad001-l.png" alt="" srcset="./../img/ad001.png 300w, ./../img/ad001-m.png 800w, ./../img/ad001-l.png 1600w">2.picture<picture><source srcset="img/a....

2019-07-08 10:10:52 550

原创 IE相关

定义文档在IE下的显示方式<meta http-equiv="X-UA-Compatible" content="ie=edge" />// 这里表示如果在IE浏览器下,尽可能以edge的模式渲染文档判断IE<body> <!--[if lte IE8]> <p>IE8,版本过低,请到Browsehappy升级</p> ...

2019-07-05 17:39:52 100

原创 媒体查询

布局视口相当于书,可视视口相当于放大镜,理想视口:<meta name="viewport" content="width=device-width" />

2019-07-05 17:20:35 89

原创 网格布局

以前使用table布局,但是table布局需要把表格渲染完毕后才会渲染表格内部的内容,性能不好。再到DIV+CSS浮动布局,再到position布局,再到inline,这几种都叫hack布局。flex布局,flex布局是一维的。再到Grid布局,Grid是二维的1.概念Grid Container:元素应用为display:grid;,所有网格项的父元素Grid Item:网格...

2019-07-03 18:04:36 134

原创 深入理解padding

1.padding与容器尺寸内联元素水平padding影响尺寸,垂直padding不影响。块级元素的padding都会影响尺寸2.padding负值与百分比padding不支持负值,padding的百分比是相对于宽度计算的...

2019-07-02 11:17:03 1545

原创 深入理解margin

1.margin与百分比单位在非定位的元素时,元素的margin都是相对于父元素的宽度。在定位元素使用时,元素的margin相对于最近有定位属性的父元素的宽度。2.margin重叠margin重叠的三种情况相邻兄弟元素父元素与第一个或者最后一个子元素空的block元素3.margin:autoauto用于分配剩余空间,所以可以使用margin:0 auto;来使元...

2019-07-01 23:02:44 366

原创 Java实训项目分析

总体接口返回数据的格式:-101敏感接口需要登录查询失败查询成功{ code: 0, // 状态码, result: [{},{}], // 返回的数据 msg: "info" // 信息,成功或者错误提示信息}注:接口名称加粗的表示需要登录,返回数据加粗表示重要信息必须返回接口名称接口地址请求方法参数返回数据登录...

2019-06-20 15:10:06 776 1

原创 Java Web文件管理课程设计 网站地址

体验网站地址:http://jw.chenr.cn/github地址:https://github.com/CCZX/Java-Web

2019-06-18 10:42:03 530

原创 Error connecting to the service protocol: HttpException: Connection closed before full header was re

flutter报错:Error connecting to the service protocol: HttpException: Connection closed before full header was received, uri = http://127.0.0.1:11692/a5X01SG2cuw=/ws这是由于Android版本过高引起的,换成8.1就好了。查看模拟器的版本...

2019-06-09 21:21:57 1334

原创 Error retrieving device properties for ro.product.cpu.abi

使用flutter的时候出现这种错误。部分报错:Exit code -1073740940 from C:\SDK\platform-tools\adb -s emulator-5554 shell -x logcat -v time -t l这是platform-tools版本高引起的,进入目录查看adb的版本Android Debug Bridge version 1.0.40V...

2019-06-09 20:49:27 847

原创 小程序node腾讯云MySQL数据库报错:Error: ER_NOT_SUPPORTED_AUTH_MODE

Unhandled rejection Error: Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client at DB.raw.then.err (C:\Users\1831...

2019-05-30 10:59:12 314

原创 javaweb文档管理系统关键代码

登录验证 public class ViewController { @Autowired private DocumentService document; @Autowired DepartmentService department; String admin="admin"; String adminpass="123456"; @RequestMappin...

2019-05-29 19:40:33 983 2

原创 JAVAweb需求分析及UML图

企业文档管理项目软件需求分析报告项目名称:企业文档管理系统项目类别:企业级项目负责人:黄涛 陈超编制日期:2019年4月25日目 录引言 31.1 编写目的 31.2 项目风险 31.3 文档约定 31.4 预期读者 31.5 产品范围 3综合描述 42.1 产品的状况 42.2 产品的功能 42.3 用户类和特性 42.4 运行环境 4...

2019-05-07 22:06:10 2634 1

原创 JavaScript中介者模式

中介者模式面向对象设计鼓励将行为分布到各个对象之中,把对象划分为更小的粒度,有助于增强对象的可复用性,但是由于这些细粒度对象之间的关系剧增,反过来可能会降低代码的复用性。中介者模式的作用就是解除对象与对象之间的耦合关系,增加一个中介者之后所有的相关对象都通过中介者来通信,而不是相互引用。如果当一个对象发生变化只要通知中介者即可,这样就降低了对象与对象之间的耦合性。中介者模式是迎合迪米特法则的...

2019-05-04 12:22:24 200

原创 JavaScript职责链模式

职责链模式职责链模式定义是:使多个对象都有机会处理请求,从而避免请求的发送者与接收者之间的耦合关系,将这些对象连接成一条链,并沿着这条链传递该请求,直到有一个对象处理他为止。例子比如我们在程序要处理多种可能的结果的时候,先把参数传给第一个函数,如果第一个函数处理结果为false,即为不能处理,则传递给下个函数,如果不能处理再传递给下一个函数,直到遇到能处理的函数。let order500 ...

2019-05-04 12:22:02 116

原创 JavaScript享元模式

享元模式享元模式是一种用于性能优化的模式,享元模式的核心就是运用共享技术来有效支持大量细粒度的对象。享元模式要求将对象的属性划分为内部状态和外部状态。享元模式的目标就是尽量减少共享对象的数量。怎样划分内部状态和外部状态?内部状态存储于对象内部内部状态可以被一些对象共享内部状态独立于具体场景,通常不会改变外部状态取决于具体的场景,并根据场景变化,外部状态不能被共享这样一来,我们便可...

2019-05-04 12:21:33 196

原创 JavaScript模板方法模式

1、什么是模板方法模式模板方法模式是一种使用继承实现的模式。模板方法模式由抽象的父类与及具体实现的子类组成。通常在父类封装了子类的算法框架与及子类中的公共方法,子类可以继承父类中的方法也可以重写父类中的方法。我们通过提取子类中一些相同的行为,来降低代码的耦合度。抽象类的主要主要作用就是定义子类的公共接口,子类必须都具有这些接口,否则不能正常运行。需要注意的是,抽象父类定义的一些接口并没有实际的...

2019-05-04 12:21:09 343

原创 JavaScript组合模式

1、什么是组合模式在程序设计中,有一些**“事物是由相似的子事物构成”**。组合模式就是用小的事物来构建更大的对象,而这些小的事物本身也许是由更小的“孙对象”构成。比如在命令模式中,宏命令对象中包含了一组具体的子命令对象,不管是宏命令对象还是子命令对象,都有一个execute方法负责执行命令。2、组合模式的用途组合模式将对象组合成树形结构,以表示**“部分-整体”的层次结构**。组合模式另...

2019-05-04 12:20:42 203

原创 JavaScript命令模式

一、什么是命令模式命令模式中的命令指的是一个执行某些特定事件的指令。记录指令的对象叫做命令对象。​ 命令模式的使用场景:有时候需要向某些对象发送请求,但是并不知道请求的接收方是谁,也不知道被请求的操作是什么。此时希望采用一种松耦合的方式来设计程序,使得请求发送者和请求接收者能够消除彼此间的耦合关系。所以我们使用命令模式,封装一个命令对象来记录。​ 比如如果我们要在一个页面中绘制10个按钮,一...

2019-05-04 12:20:17 197

原创 JavaScript迭代器模式

迭代器模式1.1 迭代器模式定义迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部。迭代器模式可以把迭代的过程从业务逻辑中分离出来,在使用迭代器模式后,即不需要关心对象的内部构造,也可以按顺序访问其中的每个元素。现在许多语言都有内置的迭代器实现,许多历览器也支持JavaScript的Array.prototype.forEach方法。1.2 jQuery...

2019-05-04 12:19:51 98

原创 JavaScript代理模式

代理模式是为一个对象提供一个替代品或者占位符,以便控制对他的访问。当客户不方便直接访问或者不满足条件访问一个对象的时候,提供一个替身对象来控制对这个对象的访问。客户 ——>本体客户——>代理——>本体保护代理代理可以帮助本体过滤一些不满足条件的访问者,代理可以直接拒绝这些访问者,以便保护本体代理模式的用途图片预加载(虚拟代理)let myImage = (func...

2019-05-04 12:19:21 165

原创 JavaScript策略模式

一、什么是策略模式?策略模式的定义是:定义一系列方法,把它们一个个封装起来,并且使用它们可以相互替换。一个基于策略模式的程序至少由两部分组成,第一个是策略类,里面封装了具体的算法,并负责计算的过程;第二个部分是环境类,负责接收请求,然后将请求委托给策略来实现。策略模式,将算法的实现以及算法的使用分离开来。二、实现一个策略类首先我们是实现一个函数,用来计算员工工资:let calcula...

2019-05-04 12:18:27 115

原创 JavaScript中各种宽高总结

1、只读属性描述clientWidth/heightcontent+paddingoffsetWidth/heightcontent+padding+borderclientTop/LeftborderoffsetTop/Left距离自己最近的定位父元素的上边或左边距离scrollHeight和scrollWidth这两个属性指的是当元素内部...

2019-05-04 10:35:47 137

原创 webpack loader原理

在实现之前我们先来了解以下webpack的打包流程:初始化配置对象,创建compiler对象实例化插件,调用插件的apply方法,挂载插件的监听从入口文件执行编译,按照文件类型调用相应的loader,在合适的时间调用plugin执行,并查找各个模块的依赖将编译后的代码组装成一个个代码块(chunk),并安依赖和配置确定输出内容根据output把文件输出到对象的目录下可以看出load...

2019-05-02 11:36:57 3303

原创 原生JS实现瀑布流

HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...

2019-05-01 23:04:36 302

原创 JavaScript作用域和执行上下文的区别

emmm。。。不知道许多小伙伴是不是还是对作用域和执行上下文不清楚,这里就简单的给大家聊聊。作用域首先作用域指的是代码中特定变量的有效范围。JavaScript采用的是静态作用域。代码写在哪里作用域就在哪里确定,而不是在代码运行的时候确认。var a = 1let foo = function() { console.log(a)}let bar = function() {...

2019-04-27 19:33:00 446 1

原创 JavaScript观察者模式

1、发布订阅模式定义发布订阅模式也叫观察者模式,它定义了对象中一种一对多的依赖关系,当对象的一个状态发生改变时,所有依赖于它的对象都将得到通知。发布订阅模式可以广泛的运用在异步编程中,可以取代回掉函数,比如我们可以监听Ajax的error和success事件。或者我们想在动画完成每一帧后执行一些事件,那我们可以订阅这个事件,在动画每一帧结束后发布这个事件,在异步编程中使用发布于订阅模式,我们不...

2019-04-24 16:29:28 141

原创 npm指定淘宝源

npm --registry https://registry.npm.taobao.org install express

2019-04-24 10:46:36 2607

原创 MySQL实验

实验要求:新建数据库表pet实验过程:连接mysql -u dog -p新建数据库mysql> create database magnerie;Query OK, 1 row affected (0.00 sec)使用数据库menageriemysql> USE menagerie;Database changed在menagerie数据库中新建数据表pet,并定...

2019-04-21 20:48:33 449

原创 前端面试之JavaScript(持续更新)

1、bind、call、apply这三个函数都会改变this的指向,call和apply更适用于在函数运行时改变this;而bind会返回一个新的函数,新函数的this由bind传入的参数决定,所以bind更适用于返回一个新函数,这个函数在将来才会执行,比如DOM添加事件。// callFunction.prototype.myCall = function (ctx = window, ....

2019-04-09 22:51:54 127

原创 跨域解决方案CORS

CORS 需要浏览器和后端同时支持。IE 8 和 9 需要通过 XDomainRequest 来实现。浏览器会自动进行 CORS 通信,实现 CORS 通信的关键是后端。只要后端实现了 CORS,就实现了跨域。服务端设置 Access-Control-Allow-Origin 就可以开启 CORS。 该属性表示哪些域名可以访问资源,如果设置通配符则表示所有网站都可以访问资源。虽然设置 COR...

2019-04-08 10:51:53 165

原创 详解Session和cookie

1、cookie1.1、 为什么会有cookie?由于HTTP是无状态的,服务端并不记得你之前的状态。这种设计是为了HTTP协议的方便,但是也存在一些问题。比如我们登录一个购物网站,我们需要用户登录后才能进行物品的购买,但是由于HTTP无状态性,在你向服务端发起下一次请求的时候服务端并不会记得你之前登录过,所以服务端会要求客户再次登录;显然这样的用户体验是非常不好的,这个例子在我之前做购物网站...

2019-03-26 18:25:44 151

原创 正则表达式

一、什么是正则表达式正则表达式,又称规则表达式,是一种文本模式,通常用来检索、替换和控制文本。主要包括a 到 z 的字母以及一些特殊的元字符。正则表达式的应用范围非常之广泛,最初是由Unix普及开来的,后来在广泛运用于Scala 、PHP、C# 、Java、C++ 、Objective-c、Perl 、Swift、VBScript 、Javascript、Ruby 以及Python等等。二、...

2019-03-20 19:35:49 104

空空如也

空空如也

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

TA关注的人

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