摘要: node中的线程进程及pm2的使用 进程 进程 process是系统进行资源分配和调度的基本单位,是操作系统结构的基础,进程是线程的容器(来自百科)。进程是资源分配的最小单位。我们启动一个服务、运行一个实例,就是开一个服务进程 如下就是一个node进程: 线程 线程是操作系统能够进行运算调度的最小单 阅读全文
posted @ 2019-10-29 09:33 小前端Mr_陈 阅读(2250) 评论(0) 推荐(0) 编辑
摘要: 1.引入相应模块 2.启动服务 因为这里使用的是mysql数据库,所以在安装node下mysql模块后,我们还需要下载mysql数据库到本地,最后使用可视化工具进行操作数据库,这里我推荐使用Navicat for MySQL 3.建好数据库和表以及定义数据格式数据类型 4.使用node连接数据库如下 阅读全文
posted @ 2019-09-25 18:00 小前端Mr_陈 阅读(2493) 评论(0) 推荐(0) 编辑
摘要: 一、下载MongoDB 打开官网下载地址:https://www.mongodb.com/download-center#community 可以下载如: 双击根据提示安装 二:C:\Program Files\MongoDB\Server\3.4\bin (安装的路径)加入系统环境变量,就可以在命 阅读全文
posted @ 2019-09-19 21:48 小前端Mr_陈 阅读(2878) 评论(0) 推荐(0) 编辑
摘要: 1.首先来看一下promise常用场景 2.了解promise状态 1.常规分三种:PENDING, RESOLVED, REJECTED 2.一开始promise状态是PENDING,当调用了resolve()之后promise的状态就被固定了即成功时的状态RESOLVED,当调用了reject( 阅读全文
posted @ 2019-09-18 10:07 小前端Mr_陈 阅读(498) 评论(0) 推荐(0) 编辑
摘要: 如果想0发包到npm上的话: 1.注册npm账号: 命令行注册命令:1. npm adduser 2.输入账号名 3.绑定邮箱 2.发包步骤: 1.新建文件夹 当前文件夹输入命令:npm run init 2.根据提示输入相关内容 3.在当前文件新建index.js 4.完成之后命令行输入指令:np 阅读全文
posted @ 2019-09-06 17:10 小前端Mr_陈 阅读(338) 评论(0) 推荐(0) 编辑
摘要: 节流的应用场景频繁会在input实时搜索展示相应内容,所以为了避免无线向后端发送请求以下是核心代码: 对这个input进行节流看下图 你只需要将this.refreshAll()换成自己要执行的逻辑即可 对于获取监听input的值得话在可以有两种比较合适的方式:1.通过input上添加input事件 阅读全文
posted @ 2019-05-15 14:45 小前端Mr_陈 阅读(6181) 评论(0) 推荐(0) 编辑
摘要: 先直接上核心代码如下: 在火狐浏览器,360浏览器,初次加载,bug长这样: 如果你想通过生命周期componentDidMounted等生命周期进行置空操作都是不行的,这可能是浏览器自带的特性记住密码在组件生命周期后才进行密码回显,这样的实现原理把要回显的密码用一个无用input接收,达到目的! 阅读全文
posted @ 2019-04-09 11:31 小前端Mr_陈 阅读(1077) 评论(0) 推荐(0) 编辑
摘要: 图片校验码原理就是图片是后端生成的前端只是前后端传过来的数据流做些处理展示即可,先直接上核心代码图: 这里就是简单得对axios的一些默认项属性重写:最后你只需要将resolve的内容插入页面的<img src="resolve(data:img/png;base64,&{base64})">即可, 阅读全文
posted @ 2019-03-24 12:00 小前端Mr_陈 阅读(1942) 评论(1) 推荐(0) 编辑
摘要: 昨天出去溜了一圈,被问到几个问题回来整理了一下,当被特意问到一看感觉就会的问题,千万要不要急于回答,先想想,因为这往往是一个被忽略的坑(例如class解析顺序)!!! 1.写出虚拟dom和真实dom之间的转换方法解答如下: 更多详细请前往:https://github.com/boomler/vir 阅读全文
posted @ 2019-03-15 10:05 小前端Mr_陈 阅读(590) 评论(1) 推荐(0) 编辑
摘要: 先直接上核心代码: this.goToHomePage换成自己逻辑 this.goToHomePage换成自己逻辑 自己写的时候直接把this.goToHmoPage()换成自己的逻辑就行了,还有注意一点的是: 需要传个空函数,不然会报错 需要传个空函数,不然会报错 在componentWillMo 阅读全文
posted @ 2019-03-12 16:36 小前端Mr_陈 阅读(3582) 评论(0) 推荐(0) 编辑
摘要: var str = "aaaa"var reg = /(a)\1/g // 这里的“\1表示反向引用前面匹配的结果” var str = "aaaa"var reg = /(\w)\1/gstr.match(reg) // ["aa", "aa"](2) ["aa", "aa"] var str2 阅读全文
posted @ 2020-04-18 18:20 小前端Mr_陈 阅读(267) 评论(0) 推荐(0) 编辑
摘要: 自己有点忘了预编译是啥了,今天来回忆一下,首先在说js预编译之前,先来说下什么是函数声明? 举个简单例子: // 函数表达式 var f = function() { console.log(1); } // 函数声明 function f (){ console.log(2); }其实预编译可以分 阅读全文
posted @ 2020-03-29 13:01 小前端Mr_陈 阅读(376) 评论(0) 推荐(0) 编辑
摘要: 最近要做一个vue项目的监控,来实时监听正式环境的异常,并且快速响应进行bug修改,其实vue项目报错主要从下面三个方法进行错误收集 1. window.addEventListener('unhandledrejection', event => { event.promise.catch((e) 阅读全文
posted @ 2020-01-16 13:56 小前端Mr_陈 阅读(1862) 评论(2) 推荐(0) 编辑
摘要: Vue工作机制 编译compile 核心逻辑获取dom, 遍历dom,获取{{}},v-和@开头的,设置响应式 class Compile { constructor(el,vm) { this.$vm = vm this.$el = document.queryySelector(el) if ( 阅读全文
posted @ 2019-12-20 16:34 小前端Mr_陈 阅读(458) 评论(0) 推荐(0) 编辑
摘要: 渲染保留字符串样式使用css: white-space: pre-wrap; viewport:可视窗口,也就是浏览器。 vw Viewport宽度, 1vw 等于viewport宽度的1% vh Viewport高度, 1vh 等于viewport高的的1% 例如 :设置div元素的高度为当前窗口 阅读全文
posted @ 2019-10-12 19:15 小前端Mr_陈 阅读(400) 评论(0) 推荐(0) 编辑