MK.Gao Blog

前端架构：1.前端工程化web应用复杂度的增加，特别是单页面应用的风靡。组件化，工程化，自动化成了前端发展的趋势。或者说一线的互联网公司就是这么做的。每个前端团队都在打造自己的前端开发体系，这通常是一个东拼西凑，逐渐磨合的过程，在技术发展日新月异的今天，这样的过程真的是不可抽象和复制的么？本文希望能够通过系统的拆解前端开发体系为大家提供体系设计思路参考。前端工程的3个阶段

前言见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。----------超长文+多图预警，需要花费不少时间。----------如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我，一定是我写的还不够清晰，我来改。。。----------正文开始----------最近发现有不少介绍JS单线程运行机制的文章，但...

模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。一、CommonJSNode.js是commonJS规范的主要实践者，它有四个重要的环境变量为模块化的实现提供支持：module、export...

序言这是一篇全面介绍 WebKit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时间来研读网络浏览器的源代码。她写道：在 IE 占据 90% 市场份额的年代，我们除了把浏览器当成一个“黑箱”，什么也做不了。但是现在，开放源代码的浏览器拥有了过半的市场份额，因此，是时候来揭开神...

  1.循序渐进学习javascript(任何编程语言，甚至知识都适用)首先我会把Chrome浏览器装好，在dev tools => console里直接练习熟悉基本语法，变量，数据类型，数学运算，字符串运算，条件，循环基本结构，简单函数定义和调用这些，之所以用chrome dev tools，是因为这时候我不想费劲折腾单独的编辑器，也不需要在开文件和文件夹，然后去配一些工具最终才接触到真正...

nwind | 24 May 2014背景本文来自于之前我发的一篇微博：不过写这篇文章并不是为了帮大家准备面试，而是想借这道题来介绍计算机和互联网的基础知识，让读者了解它们之间是如何关联起来的。为了便于理解，我将整个过程分为了六个问题来展开。第一个问题：从输入 URL 到浏览器接收的过程中发生了什么事情？从触屏到 CPU首先是「输入 URL」，大部分人的第一反应会是键盘，不过为了与时俱进，这里将介...

1.安装git Git 是一个版本控制系统2.进到你本地项目文件夹，如果已经存在.git文件夹，先删除，右键选择git bash here输入以下命令：git initgit remote add origin *.git(换成你自己的github地址就行)git add .git commit -m "上传项目"git push -u origin master最后一个命令需要你输入你的gith...

本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：javascript是按照语句出现的顺序执行的看到这里读者要打人了：我难道不知道js是一行一行执...

Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码：1 <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />2 <link href="css/style.css" rel="styleshee

  学了这么长时间的JavaScript想必大家对浅拷贝和深拷贝还不太熟悉吧，今天在项目中既然用到了，早晚也要理清一下思路了，在了解之前，我们还是先从JavaScript的数据类型存放的位置 堆栈开始说起吧!           现在我们带着问题来学习！一：什么是堆栈？  我们都知道：在计算机领域中，堆栈是两种数据结构，它们只能在一端(称为栈顶(top))对数据项进行插入和删除。堆：队列优先,先进...

1.人脑最重要的技能就是能够进行学习，人工智能的核心就是利用编程，数学，算法让机器和人脑一样可以学习，

这是一个娱乐至死的时代，天天耳边都充斥折X音，X手，XX头条，金融，房地产。。。，我们的人工智能却没有自己核心的算法，顶会上发布论文数量屈指可数，还大部分是美籍华人，最近的中兴事件真的是让很多人惊愕，唉，科技才是发展强大的根本之道,Ai和机器人技术还是牢牢地掌握在西方国家AI is the future ,the future is coming AI即是未来，未来已来最强大的力量，科技，武力，资...

在这篇文章中，我将深入分析JavaScript中最基本的部分之一Execution Context。 在这篇文章的最后，你应该更清楚地了解解释器试图做什么，为什么一些函数/变量可以在声明之前使用，以及它们的值如何确定。什么是执行上下文？当代码在JavaScript中运行时，执行它的环境非常重要，并评估为以下一项：全局代码 - 第一次执行代码的默认环境。功能代码 - 只要执行流程进入功能体。评估代码...

终端开发框架flutterdart编译vs解释widgetclassContainer嵌套

前言见解有限，如有描述不当之处，请帮忙指出，如有错误，会及时修正。为什么要梳理这篇文章？最近恰好被问到这方面的问题，尝试整理后发现，这道题的覆盖面可以非常广，很适合作为一道承载知识体系的题目。关于这道题目的吐槽暂且不提（这是一道被提到无数次的题，得到不少人的赞同，也被很多人反感），本文的目的是如何借助这道题梳理自己的前端知识体系！窃认为，每一个前端人员，如果要往更高阶发展，必然会将自己的知识体系梳...

JavaScript是世界上最被误解的语言JavaScript ( es6,es7,es8......) 是一种轻量级解释或JIT编译型的编程语言，拥有一流的功能。虽然它是作为开发web页面的脚本语言而出名的，但是在很多非浏览器环境中也使用JavaScript，例如 node.js、 Apache CouchDB 和 Adobe Acrobat。JS是一种基于原型、多范式的动态脚本语言，并且支

根据自身从业这些年的一些产品和项目经验，对前端工程体系的设计有一些自己的见解：前端开发应该是“自成体系”的，包括运维布署、日志监控等针对不同的场景有不同的解决方案，并不是一套大而全的框架体系。比如针对以产品宣传展示为主的网页(Site)，采用多页模式和响应式设计开发；以用户交互为主的且无强烈 SEO 要求的应用(Application)，采用单页模式开发产品组件化，为提高复用性尽量将组件的

FE-interview$HTML， HTTP，web综合问题常见排序算法的时间复杂度,空间复杂度前端需要注意哪些SEOweb开发中会话跟踪的方法有哪些的title和alt有什么区别doctype是什么,举例常见doctype及特点HTML全局属性(global attribute)有哪些什么是web语义化,有什么好处HTTP method从浏览器地址栏输入

这些问题都很普通 但很基础和重要，决定了你可以走多远和拿到敲门砖，所以不要觉得不重要，因为这些问题都答不到70%，那么你基本可以和正经的重视前端的大公司说拜拜了。如果你一些基本问题答对了，那么我可以肯定的是 你面试任何公司的前端技术轮，都是没问题的。不是我吹，是真的 基础很重要 也很简单都可以自己查到，做好准备即可。由于我拿到过 阿里巴巴事业

在使用js的Object.defineProperty来给一个对象定义属性时，为什么没有设置writable，configurable，enumerable为false,却改变不了它的value和读出它的属性名？首先，我们了解一下Object.defineProperty的四个数据属性configurable： 仅当该属性的 configurable 为 true 时，该属

Object 构造函数 var obj=new Object();obj.name='objName';obj.property=function(){alert(this.name)};对象字面量var person={name:'mark',age:20};缺点:使用同一个接口创建很多对象，会产生大量的重复代码。工厂模式工厂模式是软件工程领域一种广为人知的设计模式，这种

---title: github pages+hexo搭建博客date: 2017-09-20 10:39:20tags: ["技术","学习",'博客']---Web 前端爱好者。写博客的好处，不是为了写而写，而是一个记录思想的过程。不要考虑它能带给你什么，而是你自己从中收获了什么。最近刚好有空，于是就参照网上的各种教程，搭建了一个博客。现在把 Hexo + GitHub

## 版本迭代信息### v1.0.01. 使用mysql数据库2. 提示框使用Prompt组件3. video-player实现视频上传4. 视频蒙层，hover显示数据信息5. 改造node层，增加获取数据信息的接口8. 修改信息部分从form表单上传改为fetch上传1. 用户注册，登录，修改个人信息，退出## 技术栈1. node.js (为了锻炼n

当cretate-react-app appname是出现 postinstall: info时间。。。时，使用 npm install -g npm@latest 更新下npm，之后使用管理运行npm 重新试下就ok了。

navicat for mysql10.0.11简体中文破解版下载地址链接：https://pan.baidu.com/s/1oAoSAam 密码：330e

React Router4是一个流行的纯React重写的包。现在的版本中已不需要路由配置，现在一切皆组件。本文涵盖了开始使用React Router构建网站所需要的一切知识。我们将会为本地运动队制作一个网站。代码想看网站最终效果，查看demo点击预览安装React Router被拆分成三个包：react-router,react-router-dom和r

React+Redux+React-Router v4+ES6+webpackgithub 地址 https://github.com/bestGao/Big-Funny-World.git

checkbox全选全不选:prop用于操作元素的固有属性attr用于自定义属性$("#all").click(function(){       if(this.checked){           $("#list :checkbox").prop("checked", true);      }else{   $("#list :checkbox").prop(

一：Git是什么？　　Git是目前世界上最先进的分布式版本控制系统。　　二：SVN与Git的最主要的区别？　　SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如果在互联网下，如果网速...

puppeteer科普Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headless by default, but can be configured to run full...