码不停蹄v

导航

2020年8月14日 #

【Node】EventLoop(时间循环)详解

摘要: EventLoop详解 一、什么是EventLoop? 想要了解event loop我们就要从js的工作原理说起。首先,大家都知道js是单线程的。所谓单线程就是进程中只有一个线程在运行。那么,js为什么是单线程而不是做成多线程的呢?个人理解,js是用来实现浏览器与用户之间的交互的。如果同时要处理用户 阅读全文

posted @ 2020-08-14 17:47 码不停蹄v 阅读(1308) 评论(0) 推荐(0)

Vue实现无痕刷新

摘要: 一、什么是无痕刷新 在不刷新浏览器的情况下,实现页面的刷新。 传统的刷新页面方式 window.location.reload()原生 js 提供的方法 this.$router.go(0)vue 路由里面的一种方法 这两种方法都可以达到页面刷新的目的,简单粗暴,但是用户体验不好,相当于按 F5 刷 阅读全文

posted @ 2020-08-14 17:46 码不停蹄v 阅读(552) 评论(0) 推荐(0)

TCP的三次握手和四次挥手

摘要: 一、TCP的三次握手 所谓的三次握手的作用:是指建立一个TCP连接时,需要客户端和服务端总共发送3个包以确认连接的建立 官方解释: 第一次握手:建立连接,客户端发送syn包到服务器,并进入syn_send状态,等待服务器的确认 第二次握手:服务端收到syn包,同时自己也发送一个syn包(syn+ac 阅读全文

posted @ 2020-08-14 17:44 码不停蹄v 阅读(146) 评论(0) 推荐(0)

前后端联调

摘要: 一、前后端联调之前 当页面的布局和逻辑开发都实现后,后端的的接口没有开发出来的时候,我们可以先进行Mock数据,在已有接口文档的情况下,我们可以直接按照接口文档来开发,通过mock语法来编写相对应的字段和数据。常用的mock数据方式有json-server mockjs easy-mock. rap 阅读全文

posted @ 2020-08-14 17:43 码不停蹄v 阅读(1014) 评论(0) 推荐(0)

【Vue】 Vue.config常用配置项

摘要: 一、前言 Vue-cli3 搭建的项目 相比较Vue-cli2界面相对较为简洁,之前的build和config文件夹不见了,那么应该如何配置 如webpack等的配呢? 二、基本配置 只需要在项目的根目录下新建 vue.config.js 文件(是根目录,不是src目录) const path = 阅读全文

posted @ 2020-08-14 17:39 码不停蹄v 阅读(421) 评论(0) 推荐(0)

【vue】 vue中使用async+await出现的问题及解决方案

摘要: 一、在Vue中出现的问题 因为我没有用脚手架,自己用webpack配置的环境,因此报了以下错误,出现的问题应该是缺少解析器的原因 二、解决方案 安装: npm i babel-plugin-transform-runtime --save-dev npm i babel-runtime --save 阅读全文

posted @ 2020-08-14 17:37 码不停蹄v 阅读(3143) 评论(0) 推荐(0)

【node】 token的原理及使用

摘要: 一、登陆的验证流程 当用户请求登录的时候,如果没有问题,我们在服务端生成一条记录,这个记录里可以说明一下登录的用户是谁,然后把这条记录的 ID 号发送给客户端,客户端收到以后把这个 ID 号存储在 Cookie 里,下次这个用户再向服务端发送请求的时候,可以带着这个 Cookie ,这样服务端会验证 阅读全文

posted @ 2020-08-14 17:35 码不停蹄v 阅读(572) 评论(0) 推荐(0)

Nginx基本使用

摘要: 一、下载 http://nginx.org/en/download.html 二、解压文件 在当前文件夹下通过终端就可以操作nginx nginx -v 三、配置详解 #user nobody; worker_processes 1; #error_log logs/error.log; #erro 阅读全文

posted @ 2020-08-14 17:34 码不停蹄v 阅读(314) 评论(0) 推荐(0)

【小程序】---分包加载

摘要: 一、分包加载 某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载 在构建小程序分包项目时,构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而 阅读全文

posted @ 2020-08-14 17:32 码不停蹄v 阅读(128) 评论(0) 推荐(0)

【Vue】 编写Vue插件流程

摘要: 一、在Vue中编写插件流程 1、创建组件 components/message.vue <template> <div class="message" v-if="isShow"> <span>{{message}}</span> </div> </template> <script> export 阅读全文

posted @ 2020-08-14 17:29 码不停蹄v 阅读(350) 评论(0) 推荐(0)

【JavaScript】 ES6/ES7/ES8

摘要: 一、async async其实是ES7才有有的关键字,async的意思是异步,顾名思义是有关异步的操作 async用于声明一个函数是异步的。 通常情况下async、await都是跟随promise一起使用,因为async返回值都是一个promise对象,async适用于任何类型的函数上 二、基本使用 阅读全文

posted @ 2020-08-14 17:26 码不停蹄v 阅读(215) 评论(0) 推荐(0)

【vue】 项目接口管理

摘要: 一、前言 在vue开发中,会涉及到很多接口的处理,当项目足够大时,就需要定义规范统一的接口 假设后端的文档分成了以下几个模块 1、发现模块 2、个人信息模块 3、商品模块 4、评论模块 ...... 一般来说,网站的首页都是复杂的,会用到很多其他页面也会用到api,所以接口统一管理可以做到api的复 阅读全文

posted @ 2020-08-14 17:22 码不停蹄v 阅读(494) 评论(0) 推荐(1)

【微信小程序】 线上环境搭建

摘要: 一、前言 通常我们在本地电脑上开发微信小程序,调用和访问小程序会有很多问题。特别是在配有自己后端的情况下,我们通过真机访问我们的小程序会出现不可访问的问题 二、线上环境搭建 在这里我们主要以腾讯云给大家做演示 1、注册并登陆腾讯云 https://cloud.tencent.com/ 2、上传代码 阅读全文

posted @ 2020-08-14 17:19 码不停蹄v 阅读(157) 评论(0) 推荐(0)

【微信小程序】 授权登陆

摘要: Page({ onLoad: function() { var that = this; // 查看是否授权 wx.getSetting({ success: function(res) { if (res.authSetting['scope.userInfo']) { wx.getUserInf 阅读全文

posted @ 2020-08-14 17:17 码不停蹄v 阅读(161) 评论(0) 推荐(0)

Mock 基本使用

摘要: 一、mock解决的问题 开发时,后端还没完成数据输出,前端只好写静态模拟数据。数据太长了,将数据写在js文件里,完成后挨个改url。某些逻辑复杂的代码,加入或去除模拟数据时得小心翼翼。想要尽可能还原真实的数据,要么编写更多代码,要么手动修改模拟数据。特殊的格式,例如IP,随机数,图片,地址,需要去收 阅读全文

posted @ 2020-08-14 17:13 码不停蹄v 阅读(1324) 评论(0) 推荐(0)

fetch 基本使用(使用fetch、axios来替代ajax)

摘要: 一、fetch fetch是一种XMLHttpRequest的一种替代方案,在工作当中除了用ajax获取后台数据外我们还可以使用fetch、axios来替代ajax 二、安装 执行npm install whatwg-fetch --save即可安装。 为了兼容老版本浏览器,还需要安装npm ins 阅读全文

posted @ 2020-08-14 17:11 码不停蹄v 阅读(740) 评论(0) 推荐(0)

json-server 基本使用

摘要: 一、前后端并行开发的痛点 前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑 二、解决方法 在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock 三、json-server的基本使用 (1)、全局安装 cnpm install json-server -g (2)、准备js 阅读全文

posted @ 2020-08-14 17:10 码不停蹄v 阅读(346) 评论(0) 推荐(0)

vue路由懒加载

摘要: 一、懒加载 也叫延迟加载或者按需加载,即在需要的时候进行加载, 二、为什么要使用懒加载 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,时间过长,会出啊先长时间的白屏,即使做了loading也是不利于用户体验,而运用懒加载则 阅读全文

posted @ 2020-08-14 17:08 码不停蹄v 阅读(84) 评论(0) 推荐(0)

vue项目打包---基本使用

摘要: 一、基本设置 二、打包 npm run build 三、github创建一个仓库 1、将文件上传至仓库 2、点击仓库设置 3、选择代码上传到master 4、点击地址即可预览 5、常用技巧 a、如果在config -> index.js 中的 build 代码中的 productionSourceM 阅读全文

posted @ 2020-08-14 17:06 码不停蹄v 阅读(327) 评论(0) 推荐(0)

【深拷贝VS浅拷贝】

摘要: 1、回顾 数据传递的方法: 值传递:基本数据类型的数据不会发改变,因为基本数据类型一般存放在栈里面,值传递只是将数据拷贝了一份给另一个变量 引用传递:会改变内存中的数据,因为引用类型的数据都存放在堆里面,栈里面存放的是索引,拷贝的时候是拷贝的地址也就是索引 例如: 值传递 var a = 10; v 阅读全文

posted @ 2020-08-14 17:05 码不停蹄v 阅读(161) 评论(0) 推荐(0)

【node】node连接mongodb操作数据库

摘要: 1、下载第三方模块mongodb cnpm install mongodb --save 2、检测是否连接成功 1、引入第三方模块mongodb并创建一个客户端 const MongoClient = require("mongodb").MongoClient; 2、连接数据库 //连接地址 co 阅读全文

posted @ 2020-08-14 17:03 码不停蹄v 阅读(527) 评论(0) 推荐(0)

【node】mongoose的基本使用

摘要: 1、安装mongoose npm install mongoose 2、启动数据库 mongod --dbpath d:\data\db 3、引入mongoose模块并连接数据库 const mongoose = require("mongoose"); mongoose.connect("mong 阅读全文

posted @ 2020-08-14 17:02 码不停蹄v 阅读(205) 评论(0) 推荐(0)

【node】websocket

摘要: 001、学习地址 https://github.com/websockets/ws 002、server.js //引入ws第三方模块 const WebSocket = require('ws'); //创建服务器 const server= new WebSocket.Server({ port 阅读全文

posted @ 2020-08-14 17:01 码不停蹄v 阅读(89) 评论(0) 推荐(0)

【node】socket网络通信

摘要: 1、什么是一个socket? 网络上两个程序通过一个双向的通信连接实现数据交换,这个连接的一端称为socket 2、http与socket的区别 在以前我们实现数据交换已经有了HTTP协议,为什么还要学习socket? 回顾当输出www.baidu.com的时候浏览器执行了那些操作? http通信的 阅读全文

posted @ 2020-08-14 17:00 码不停蹄v 阅读(492) 评论(0) 推荐(0)

【css预处理器】sass的基本语法

摘要: 001、安装sass 1、删除gem源:gem sources --remove https://rubygems.org/2、添加国内源:gem sources -a http://gems.ruby-china.org/3、打印是否替换成功:gem sources -l4、安装sass:gem 阅读全文

posted @ 2020-08-14 16:58 码不停蹄v 阅读(284) 评论(0) 推荐(0)

【css预处理器】css预处理器及sass基本介绍

摘要: 001、什么是css预处理器? css预处理器定义了一种新的语言。用一种专门的编程语言,为css增加了一些编程的特性,将css作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。(通俗点说“”css预处理器用一种专门的编程语言,进行web页面样式设计,然后在编译成正常的css文件,以供项目使 阅读全文

posted @ 2020-08-14 16:57 码不停蹄v 阅读(166) 评论(0) 推荐(0)