FinGet_-CSDN博客

原创 Nuxt + Koa2 + Mongodb 手撸一个网上商城

2017年跟着教程做了一个全栈的商场(vue + express + mongodb)，2019年，工作中一直做前端，之前学过的都忘了，所以准备用 Nuxt + koa2 + mongodb 重写一次。温故而知新，会增加一些功能，让这个项目更完善，适合初入全栈的前端工程师参考练手。小白看起来会比较吃力，这文档里就是点了几处需要注意的东西，具体实现看源码。源码地址：https://g...

2019-08-09 10:27:30 1076

原创前端工程师，揭开HTTP的神秘面纱

原文博客地址:https://finget.github.io/2018/07/03/http/浏览器输入URL后HTTP请求返回过程网络协议分层OSI七层协议五层协议五层协议只是OSI和TCP/IP的综合，实际应用还是TCP/IP的四层结构。TCP/IP 协议TCP(Transmission Control Protocol)传输控制协议TCP/IP协议将应用层、表...

2018-11-28 15:14:17 397

原创从学校到实习直至毕业，前端——我一直在路上

为什么学前端——如果能靠兴趣挣钱，我为什么不做的更好！就要毕业了，从学校到实习直至毕业，这一路走来，总想写点什么，记录这过程中的点滴，以后老了再来回味！进入大学高考失利，选择了计算机2014年高考，勉强上了个二本，按我自己的打算是不愿意上大学的，总觉得读书无用，无奈家人都一致要求，我也就硬着头皮来了。填自愿的时候，可以填六个学校，由于分数低，又想在成都，所以只填了四...

2018-05-17 15:26:35 477

原创 JavaScript设计模式之装饰器模式

原文博客地址:https://finget.github.io/2018/11/22/decorator/装饰器模式为对象添加新功能；不改变其原有的结构和功能。手机壳就是装饰器，没有它手机也能正常使用，原有的功能不变，手机壳可以减轻手机滑落的损耗。代码示例class Circle { draw() { console.log('画一个圆形') }}class...

2018-11-29 09:43:19 245

原创 this 指向问题总结

原文博客地址:https://finget.github.io/2018/11/28/this/thisthis:上下文,会根据执行环境变化而发生指向的改变.1.单独的this，指向的是window这个对象alert(this); // this -&amp;amp;gt; window 2.全局函数中的thisfunction demo() { alert(this); // this...

2018-11-29 09:42:51 281

原创 JavaScript设计模式之适配器模式

原文博客地址：https://finget.github.io/2018/11/22/adapter/适配器模式适配器模式(Adapter)是将一个类(对象)的接口(方法或属性)转换成客户希望的另外一个接口(方法或属性),适配器模式使得原本由于接口不兼容而不能一起工作的那些类(对象)可以一起工作。[旧接口格式和使用者不兼容，中间加一个适配器转换接口。]UML模式作用：使用...

2018-11-28 15:19:47 222

原创 JavaScript设计模式之单例模式

原文博客地址：https://finget.github.io/2018/11/06/single/单例模式系统中被唯一使用，一个类只有一个实例。实现方法一般是先判断实例是否存在，如果存在就返回，不存在就创建再返回。在JavaScript里，单例作为空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。模式作用：模块间通信系统中某个类的对象只能存在一个保护自己的属性...

2018-11-28 15:18:27 180

原创 JavaScript设计模式之工厂模式

原文博客地址：https://finget.github.io/2018/10/12/factory/工厂模式简介工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型(抽象工厂)。将 new 操作单独封装，遇到new时，就要考虑是否该用工厂模式模式作用：对象的构建十分复...

2018-11-28 15:17:21 243

原创原型，原型链，call/apply

原文博客地址：https://finget.github.io/2018/09/13/proto/JavaScript从初级往高级走系列————prototype原型定义：原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。用一张图简单解释一下定义。每个函数上面都有一个原型属性...

2018-11-28 15:16:01 408

原创 JavaScript从初级往高级走系列————MVVM-Vue

原文博客地址：https://finget.github.io/2018/05/31/mvvm-vue/MVVM如何理解 MVVM如何实现 MVVM是否解读过 Vue 的源码Jquery 与框架的区别jquery 实现 todo-list<div> <input type="text" name="" id="txt-title"> ...

2018-11-28 15:11:14 215

原创 JavaScript从初级往高级走系列————Virtual Dom

原文博客地址：https://finget.github.io/2018/05/22/virtualDom/什么是虚拟DOM用JS模拟DOM结构DOM变化的对比，放在JS层来做（图灵完备语言）提高重绘性能重绘和回流页面渲染过程：当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。当render t...

2018-11-28 15:09:05 305

原创 JavaScript从初级往高级走系列————异步

原文博客地址：https://finget.github.io/2018/05/21/async/异步什么是单线程，和异步有什么关系什么是event-loop是否用过jQuery的DeferredPromise的基本使用和原理介绍一下async/await(和Promise的区别、联系)异步解决方案什么是单线程，和异步有什么关系单线程-只有一个线程，只做一件事。JS之所...

2018-11-28 15:07:25 217

转载 JavaScript从初级往高级走系列————prototype

原文博客地址：https://finget.github.io/2018/05/10/javascript-prototype/原型下面内容为转载的，原地址,写的真的很好！构造函数创建对象我们先使用构造函数创建一个对象：function Person() {}var person = new Person();person.name = 'Kevin';console....

2018-11-28 15:06:15 232

原创 JavaScript从初级往高级走系列————ES6

原文博客地址：https://finget.github.io/2018/05/10/javascript-es6/ES6现在基本上开发中都在使用ES6，浏览器环境支持不好，可以用babel插件来解决。采用‘二八定律’，主要涉及ES6常用且重要的部分。问题：ES6模块化如何使用，开发环境如何打包Class和普通构造函数有何区别Promise的基本使用和原理总结一下ES6其...

2018-11-28 15:04:51 566

原创 Vue 与 React 父子组件之间的家长里短

Vue// father.js&lt;template&gt; &lt;div id="father"&gt; 这是父组件： &lt;p&gt;父组件&lt;/p&gt; &lt;Child ref="child" :msg="

2018-06-08 16:56:08 248

原创站在人生的下一个路口，回顾过去20年，我是否是一个Loser

2018年6月7日，又是一年的高考日，我也即将大学毕业，高考和我分别了四年。今天来公司，我久久不能安坐，在路上我看了一下手表，知道今天高考，就回想起了往事。坐在这里我脑海中浮现了“Loser”这个词，想去空间发个说说，问一下同学、朋友，在他们看来，我是不是个Loser。还是算了，不如拿出MarkDown在这里乱写一通。回想四年前的高考，我如果考的好一点，在那个岔路口选择了另一条路，我是否会...

2018-06-07 10:20:16 369

原创不买服务器，不买域名，不花一分钱，hexo+github搭建自己的博客

博客地址：https://finget.github.io/，原文地址：https://finget.github.io/2018/01/25/hexo-GitHub/注册一个githubGitHub官网。按照一般的网站注册登录执行就好了，不详细说。安装git 安装很简单，一直下一步 git安装教程很多教程里都说要配置环境变量，我本人安装过5次左右的git，...

2018-05-17 11:01:46 4415 5

原创 JavaScript的预编译过程

原文地址：https://finget.github.io/2018/03/01/javascriptPrecompile/ JavaScript在运行时，要经历三步 1. 语法分析 2.预编译 3.解析执行(自上而下)JavaScript预编译先思考这么一个题function fn (a) { console.log(a); var a = ...

2018-05-07 10:48:10 372

原创初识JavaScript柯理化

原文地址：https://finget.github.io/2018/02/26/curry/什么是柯理化在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。把含有N个参数的函数转变成，N个只有一个参数的函数。中心思想：降低通用性，提高适用性。 ...

2018-05-07 10:44:57 889

原创一张图展示一段js代码的一生，变量对象、作用域链、闭包、this

原文地址：https://finget.github.io/2018/01/26/JavaScript%E7%9A%84%E4%B8%80%E7%94%9F/我也只是进行了一个简单的囊括，图中来源均属该文，强烈推荐小伙伴去详细看一下‘这波能反杀’的文章，定有收获。...

2018-05-07 10:43:17 252

原创原生javascript实现extend

原文地址：https://finget.github.io/2018/02/06/extend/代码var obj1 = {'a': 'obj2','b':'2'};var obj2 = {name: 'obj3'};function extend() { var length = arguments.length; var target = argumen...

2018-05-07 10:40:53 2501

原创 mongoose基础操作

mongoose 链接var mongoose = require('mongoose');var db = mongoose.createConnection('mongodb://127.0.0.1:27017/NodeJS'); // 链接错误db.on('error', function(error) { console.log(error);});...

2018-05-07 09:36:46 3090

原创深入理解CSS浮动float

常规流常规流（文档流）与包含块常规流就是页面元素（dom节点）从上往下，从左往右的排列包含块：一个元素的包含块是离它最近的块级祖先脱离常规流定位position:absolute/fixed,脱离常规流的元素，其前后的元素会当它不存在浮动《CSS权威指南》中说，浮动元素同时处于（常规）流内和流外浮动元素...

2018-05-05 22:23:27 739

原创 vue2.0 子组件改变props值，并向父组件传值

vue2.0 子组件改变props值，并向父组件传值为什么我们会有修改 prop 中数据的冲动呢？通常是这两种原因：prop 作为初始值传入后，子组件想把它当作局部数据来用；prop 作为初始值传入，由子组件处理成其它数据输出。对这两种原因，正确的应对方式是：定义一个局部变量，并用 prop 的值初始化它：props: ['initialCounter'],data: function

2017-08-10 10:06:07 31591 3

原创超简易——bootstrap可关闭tab选项卡

在项目中遇到要实现tab选项卡的关闭功能，项目中用的bootstrap框架，网上有很多插件，我这里只是简单的实现了tab选项卡的切换！ <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met

2017-07-08 20:41:39 12736

原创 window下利用git在码云上创建一个项目，GitHub类似

1、安装git nodejs1注册码云、创建组织点击进入码云新建项目复制ssh在git bash中设置ssh 如果直接设置不成功，提示你没有权限，lz就是没有设置，则先设置用户名和邮箱，如下：问题：最开始没有设置用户名和邮箱，则报错：The authenticity of host ‘git.oschina.net (218.11.0.86)’ can’t be estab

2017-06-20 01:46:36 994

原创 javascript 拖拽函数

1.拖拽的时候，如果有文字被选中，会产生问题原因：当鼠标按下的时候，如果页面中有文字被选中，那么会触发浏览器默认拖拽文字的效果解决：标准：阻止默认行为非标准ie：全局捕获 //设置全局捕获，当我们给一个元素设置全局捕获以后， // 那

2017-06-18 16:44:55 579

原创什么是Ajax? 详解原生js ajax

什么是Ajax？（前后端数据交互）Asynchronous JavaScript and XML（异步JavaScript和XML） a.节省用户操作时间，提高用户体验，减少数据请求 b.传输、获取数据ajax流程：oBtn.onclick=function(){ //第一步 ‘打开浏览器’ 创建ajax对象 /* var xmlhttp; 第一种方式

2017-06-18 16:39:36 896

FinGet的博客