2019年07月_贝程学院

原创 Node

先发布任务~一、搭建服务二、请求与响应三、http客户端请求四、同源策略及JSONP####一、搭建服务、二、请求与响应在nodeJS搭建http服务端或者http客户端离不开http模块，#####第一步，引入http模块(包)const http = require('http');#####第二步：创建服务http.createServer返回一个服务的实例，其参数...

2019-07-28 20:54:48 76

原创 express的request-和-response-对象详细介绍

request 和 response 对象的具体介绍：Request 对象 - request 对象表示 HTTP 请求，包含了请求查询字符串，参数，内容，HTTP 头部等属性。常见属性有：req.app：当callback为外部文件时，用req.app访问express的实例req.baseUrl：获取路由当前安装的URL路径req.body / req.cookies：获得「请求主体」...

2019-07-27 10:59:26 1082

js实现继承的六种方式继承，顾名思义就是子类通过一定的方式拥有父类的属性和方法，一个简单的栗子：有一个孩子，他拥有一个很有钱父亲，他的父亲不仅有钱，还有很多的人脉，那么他想要得到他父亲的钱和人脉来让自己变得有钱和强大，就必须通过自己的方式（比如努力）去继承他父亲拥有的这些，而靠自己去实现这些则会变得困难，因为需要从0开始，而js的继承也是如此。因此，我们必须先拥有一个父类，来提供继承的属性和方...

2019-07-27 10:58:34 84

原创 koa-session模块

koa-session模块下载npm install koa-session --save配置const session_signed_key = ["签名，可以理解为一个标识"]; // 这个是配合signed属性的签名keyconst session_config = { key: 'koa:sess', /** cookie的key。 (默认是 k...

2019-07-23 16:57:40 196

原创前端必会知识点-浏览器真的事很多

哒哒哒~输入url###一、DNS解析客户端：用户输入url回车了，瞅瞅又让俺去哪？我脑子里不记得之前访问过;客户端：hosts 你知道那货想去哪吗？Hosts: 俺也不知道，去找DNS吧，俺有就给你了;客户端：好勒，我去找DNS老大哥;浏览器收到用户输入的域名地址后，会先查询浏览器缓存，浏览器会缓存之前拿到的DNS 2-30分钟时间如果没有则去找本地hosts文件，检查在文...

2019-07-22 08:39:04 550

原创前端必会知识点-浏览器的渲染机制

面试肯定会问到这个吧~So：再一次的屡屡浏览器的渲染机制~在渲染一开始会先从网络层获取请求文档（HTML、XML）的内容，然后再进行以下基本流程####3.1 解析HTML =》 DOM树从HTML文本解析到HTML语法树，再解析到文档对象树（DOM Tree）HTML语法树生成的两个过程词法解析：按照词法规则将HTML文本分割成大量的标记(Token), 并去除其中无关的字符(...

2019-07-20 09:22:21 187

原创配置mysql数据库及可视化管理工具navicat

数据库安装mysql官网下载安装包，直接安装mac上安装mysql更简单，在设置中就可以看到并启动，网上有很多教程，可视化管理工具可以使用sequel pro本篇文章主要讲windows下配置环境变量例如我的mysql安装在C:\Program Files\MySQL\MySQL Server 5.7则打开电脑的环境变量配置，在path最后以;（分号）分割，加入C:\Progr...

2019-07-19 10:41:53 1660

原创 js中form表单属性介绍及阻止默认跳转和获取后端返回数据的方法

js中form表单属性介绍及阻止默认跳转和获取后端返回数据的方法method请求方式，一般使用get和postenctypeapplication/x-www-form-urlencoded对所有字符都会进行编码（空格转换为 “+” 加号，特殊符号转换为 ASCII HEX 值）multipart/form-data不对字符编码。在使用包含文件上传控件的表单时，必...

2019-07-18 15:02:58 1639

原创快速实现-简单分页器优化考虑

####1. 数据的本地存储在短时间内点击页码的时候，我们是可以选择先不请求数据的，也就是说，在快速重复点击的时候，我们可以不作为某页码第一次请求数据，我们可以记录下时间戳，并且存储在localStorage3.1 在短时间再次点击该页码的同时，可以先从localStorage中取出，并对比时间间隔，如果时间间隔过长，我们可以请求新的数据，如果时间间隔过短，我们可以采用本地数据###...

2019-07-17 11:58:02 92

原创移动端调试工具及相关概念总结

pc端软件和移动端apppc端软件如：photoshop、360、腾讯QQ、谷歌浏览器等移动端app如：手机版QQ、微信、360、美颜相机等程序和软件的概念程序就是一段代码，一个功能，或者一个函数、一段逻辑，而软件就是由大大小小的程序文件通过文件夹归类整合组织在一起而形成的一个集合，我们每次安装软件都会选择安装位置，当我们查看安装位置的文件夹时，就会发现，软件其实...

2019-07-16 13:52:38 170

原创快速实现-简单分页器(下)

上一节的分页器只能实现简单的效果，是无法点击到中间页码的这一节，我们需要稍微改造一下考虑问题：当点击到5， 6， 7的时候页码应该是活动的，并且页码向后移动这时应该出现两边都有省略号So我们完全可以将上一节左右两边都有省略号的情况抠出来，作为函数around在首页情况下的时候，做一次判断，判断当前页码离首页间隔有一定数量的时候，使其变为两边都有省略号的效果在...

2019-07-13 09:51:57 340

原创快速实现-简单分页器(上)

首先形形色色的分页器大家肯定都看过，这一次就快速实现一个简单的分页器，应该不会耽搁太久吧~先来看一下简洁布局：瞜一眼这布局：页码数量总共只有9个当足够显示所有页码的情况就全部显示了那么问题来了，如果不够呢？第一种情况第二种情况第三种情况正点：总共只能显示九个页码当不够的是则显示省略号最主要的是省略号的位置，而省略号的位置由取决于当前页码处于哪里3....

2019-07-13 09:50:45 1759

原创二进制转换及javascript的位操作符

位操作符因为位操作符在数值都表示的最底层的操作，因此性能上比其他操作符要好,只做了解，性能好，但是会导致代码可读性降低二进制二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数。它的基数为2，进位规则是“逢二进一”，借位规则是“借一当二”，由18世纪德国数理哲学大师莱布尼兹发现。当前的计算机系统使用的基本上是二进制系统，数据在计算机中主要是以补码的形式存储的。计算...

2019-07-13 08:55:01 300

原创 canvas效果案例：透明球

canvas效果案例：透明球1.1随机生成球1.1.1球的大小1.1.2球的颜色1.1.3球心的位置1.1.4每个球的步长（x,y）1.2 随机生成的球都是一个对象，将其数据存储至数组当中1.3 每一帧都清除画布，重新循环数组中的每个球，绘制到画布上1.4 移动的区间范围是固定的，因此每个球都需要判断其（圆心的位置 + 半径）是否超出了可视范围，如果超出了则需要反向...

2019-07-12 19:03:52 266

原创快速实现-简单的分页器

首先形形色色的分页器大家肯定都看过，这一次就快速实现一个简单的分页器，应该不会耽搁太久吧~先来看一下简洁布局：瞜一眼这布局：页码数量总共只有9个当足够显示所有页码的情况就全部显示了那么问题来了，如果不够呢？第一种情况第二种情况第三种情况正点：总共只能显示九个页码当不够的是则显示省略号最主要的是省略号的位置，而省略号的位置由取决于当前页码处于哪里3....

2019-07-12 08:50:44 351

原创 canvas效果案例：线性渐变、径向渐变及纹理

1、设置线性渐变语法创建var linearGrad = context.createLinearGradient(startX, startY, endX, endY);增加颜色linearGrad.addColorStop(0-1, 'color');linearGrad.addColorStop(0-1, 'color');linearGrad.addColorStop(0...

2019-07-11 19:27:42 229

原创使用koa搭建web应用api详解

Koa基于NodeJs的web应用框架，由Express的原班人马打造，致力于提供一个轻量级的框架，几乎所有功能都需要第三方的中间件来辅助完成，使用了node的新特性，比express更简洁，更轻量express与koa对比koa相对于express更加年轻，意味着express生态更加成熟，koa比express更加轻量，本身只提供一个架子，几乎所有功能都需要依赖于第三方插件，而expre...

2019-07-11 18:56:29 392

原创 dart-快速入门

如果看到这篇文章，说明已闻Flutter但是，想学Flutter,必先会DartSo, 咱们就别废话！！！#####必须贴出官网Dart中文网站####Dart环境搭建：#####一、安装Dart当前 Dart 稳定版本为： 2.4.0安装 Dartwindow(推荐)这里是dart-windows的下载路径下载完之后安装即可2. mac如果mac电脑没有安装b...

2019-07-11 18:50:51 474

原创 JS单线程与任务队列

javascript单线程与任务队列一、JavaScript为什么设计为单线程？JavaScript语言的一大特点就是单线程，换言之就是同一个时间只能做一件事。for(var j = 0; j < 100000; j++) { console.log(j);}console.log('end');上面的代码，只有for循环执行完毕，才会执行end；JavaScript的...

2019-07-11 18:44:40 373

原创 JS的Event-Loop

javascript中的Event-Loop在之前的一篇文章中我们解释了一下为什么JavaScript要设计成单线程以及这门语言的任务队列的概念，这也帮助了我们简单了解了这门语言的运行机制，那么今天我们就谈谈任务队列相关的概念！事件和回调函数任务队列其实是事件的一个队列，也可以理解为消息队列，当IO设备完成一个任务的时候，就会在任务队列中添加一个事件，用来表示当前任务已经执行完了，可以进入执...

2019-07-11 11:26:54 115

原创面试题：NodeJS特点

面试官：了解Node吗，有什么特点？回答官网第一句：面试官：然后呢？1. 它的用途决定了它的特性-单线程1.作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题2.这也就意味着任务需要排队，也就说明在Node中用户的请求将会排队，形成一个事件队列举个例子：事情发生在一个小酒馆，只有一个伙计，陆陆续续...

2019-07-11 11:12:58 1856

原创 BFC

前言：在我们学习css的时候会遇到一个概念：BFC，这个知识点经常会在面试中被问到，很多人都回答的模棱两可，那么我们今天来探讨一下究竟什么是BFC，它的原理以及他的应用场景，在学习此篇文章前你要知道的知识有定位、盒模型、float、常规流（流式布局）～BFC（Block Formatting Context），即块格式化上下文，什么时候会用到呢？比如，解决子元素设置margin-top时，导致父...

2019-07-11 11:02:37 190

原创 vue中使用富文本编辑器

前端使用富文本编辑器的插件有很多，今天献上wangeditor的使用教程，教你如何在vue中使用富文本编辑器先敬上官网：http://www.wangeditor.com/index.htmlwangeditor是一个萌新富文本编辑器，基于js和css，重点在于它轻量，如果你需要的功能不是很复杂，那么选它没错了，刚好能满足你！第一步：先保证你的电脑中安装有node，当然使用cdn也可以，下载...

2019-07-11 09:11:13 740

原创 em、rem、px区别

css中如何区分em、rem、px？随着css学习的不断深入页面也随之丰富，那么em、rem、px是我们在页面布局中经常会用到的单位，也是面试题中老生常谈的一个问题，经久不衰，那我们今天用我们的小案例来解释他们的区别吧！px（像素）px这个单位用的非常多，我们大多数人都很熟悉了吧。px单位的名称为像素，它是一个固定大小的单元，像素的计算是针对（电脑/手机）屏幕的，一个像素（1px）就是（电脑...

2019-07-11 09:03:41 150

原创 NodeJS-如何去理解CommonJS

先偏移主题，聊聊闭包JavaScript中具有全局作用域和函数作用域：函数内部可以直接读取全局变量，在函数外部无法读取函数内部的局部变量如何获取内部变量的呢？闭包: 闭包就是能够读取其他函数内部变量的函数function fn() { var a = 1; return function () { a++; console.log(a);...

2019-07-10 20:33:15 157

原创 canvas效果案例：安卓机器人

利用之前所学的线的样式及上节的弧形画一个简单的机器人吧！// 开始新的路径 ctx.beginPath(); // 描边色 ctx.strokeStyle = 'green'; // 线宽 ctx.lineWidth = 40; // 左边手 // 线帽 ctx.lineCap = 'round'; // 下笔 ctx.moveTo(120, 160); // 起笔...

2019-07-10 14:06:03 225

原创 canvas效果案例：贝塞尔曲线

绘制二次贝塞尔曲线ctx.quadraticCurveTo(x1, y1, x, y);从上一点开始绘制一条二次曲线，到(x, y)为止，并且以(x1, y1)作为控制点ctx.beginPath();ctx.strokeStyle = 'green';ctx.lineWidth = 4;// 起始点ctx.moveTo(100, 400);//（从上一点）ctx.quadra...

2019-07-10 11:45:07 307

原创 canvas效果案例：五角星

参悟参悟，绘制一个属于你的五角星吧，结合之前知识点，完全可以绘制出一个标准的五角星效果：首先屡屡想法1 五角星有几个角？五个角！错啦~ 十个角：分为五个外角，五个内角2.找准角的坐标，将每个角都连接起来，那么五角星就出来了我们可以先找外角(图上所示)红色的线所呈现的夹角就是两个外角形成的夹角 360 / 5 = 72°三点钟方向0 °~ 到外角起始角的度数 18...

2019-07-10 11:28:24 423

原创新手NodeJS必备基础

终端、客户端、服务端终端终端也称为终端设备，字面意思也可以理解为结束的一端或者最终的一端，比如键盘，打印机，或者我们的手机电脑，用来安装客户端等软件的一个显示设备或者操作设备客户端与服务端对应，又称为用户端，是为用户提供本地服务的程序，接收来自服务端的数据，一般除了本地程序以外，都需要与服务端交互，把服务端的数据或者资源渲染出来展示给用户，也可以理解为软件，安装在终端上的程序，如果...

2019-07-10 10:48:44 251

原创 koa-router模块

koa必不可少的路由处理中间件，之前使用过koa-route模块，用法和koa-router大致一样，但是没有koa-router强大，并且网上很多文章都是关于koa-router的，建议新手移步koa-router下载cnpm i koa-router -S使用const Koa = require('koa');const Router = require('koa-router'...

2019-07-10 09:38:17 243

原创 koa洋葱模型

koa-compose：koa-compose则是将 koa/koa-router 各个中间件合并执行，结合 next() 形成一种串行机制，并且是支持异步，这样就形成了洋葱式模型图解：一个洋葱来一刀![在这里插入图片描述](https://img-blog.csdnimg.cn/201907100849543.jpg?x-oss-process=image/watermark,type_ZmF...

2019-07-10 09:26:36 2337

翻译快速上手better-scroll

新手快速掌握better-scroll的常用API只为新手上路~老司机别抢道汇集配套功能的方法：例如上拉刷新：需开启，需监听，需完成纵向的排版HTML:  <section class="wrap">  <div&...

2019-07-09 20:03:51 95

原创快速理解位运算符和二进制数

**二进制转十进制，十进制转二进制，位运算符 | 和 &**先看个例子位运算符： | 是将两边数字转为二进制做位对比，两个位只要有一个为1，那么结果都为1。否则就为067|3367//转为二进制为100001133//转为二进制为100001//对比结果就是：1000011 | 0100001 按照运算符的运算方式：1和0对比 = 1，0和1对比 = 1，0和0对比=0，...

2019-07-09 19:09:53 429

原创入门node.js文件系统

文件操作fs概述在 NodeJS 中，所有与文件操作都是通过 fs 核心模块来实现的，包括文件目录的创建、删除、查询以及文件的读取和写入，在 fs 模块中，所有的方法都分为同步和异步两种实现，具有 sync 后缀的方法为同步方法，不具有 sync 后缀的方法为异步方法；文件描述符fd操作系统会为每个打开的文件分配一个名为文件描述符的数值标识，文件操作使用这些文件描述符来识别与追踪每个特定的...

2019-07-09 17:32:10 133