20190105 前端开发日报-前端开发博客

打造 10000 Star 的前端开源项目 ⭐；前端必知必会HTTP请求系列（二）简单一点的HTTP协议；【前端面试】变量和类型计算；原生 js 实现移动端 Touch 轮播图；JavaScript基础——Promise使用指南；[ webpack4 ] 配置属于自己的打包系统教程（一）—— 基础配置篇；如何实现一个简化版的 jQuery；js设计模式–策略模式

打造 10000 Star 的前端开源项目 ⭐在工作学习之余，你可能会萌生做一个开源项目的想法。一方面将自己的好代码分享出去帮助更多开发者，另一方面也希望在开源社区中得到反馈和成长。如果项目能获得很多的关注那更是锦上添花，高 Star 不仅是衡量开…
前端必知必会HTTP请求系列（二）简单一点的HTTP协议http协议和TCP/IP协议族内的其他众多协议相同，用于客户端和服务器之间的通信。那么问题来个如果两台服务器之间一台服务器向另一台服务器进行接口请求那谁是客户端呢？所以这里的客户端和服务端是相对的概念，如…
【前端面试】变量和类型计算1.题目 1.JS使用typeof能得到哪些类型 === 和 == 的选择 JS中有哪些内置函数 JS变量按存储方式分为哪些类型，并描述其特点如何理解JSON 2.知识点 2.1 值类型和引用类型值类型（boolean,string,number,null,unde…
原生 js 实现移动端 Touch 轮播图Touch 轮播图 touch轮播图其实就是通过手指的滑动，来左右切换轮播图，下面我们通过一个案例，来实现下。 1. html 结构结构上，还是用ul、li来存放轮播图片，ol、li来存放轮播小圆点： 2. 样式初始化 html的一些…
JavaScript基础——Promise使用指南在上篇文章里《JavaScript基础——回调(callback)是什么》我们一起学习了回调，明白了回调就是一个在另外一个函数执行完后要执行的函数，如果我们希望异步函数能够像同步函数那样顺序执行，只能嵌套使用回调函数，过多的回调嵌套会使得代码变得难以理解与维护，为了避免“回调地狱”让人发狂的行为，ES6原生引入了promise…
[ webpack4 ] 配置属于自己的打包系统教程（一）—— 基础配置篇 npm init -y 复制代码这里的init表示初始化一个 npm 项目， -y 表示全部选 yes，不加的话会提示输入一些项目信息，比如项目名，版本号，作者… 安装 webpack4 npm install webpack webpack-cli webpack-dev-server -D 复制代码这其实是一条合并的命令，拆开就是 npm install webpack -D npm install webpac…
如何实现一个简化版的 jQuery对于操作 DOM 来说，jQuery 是非常方便的一个库，虽然如今随着 React, Vue 之类框架的流行，jQuery 用得越来越少了，但是其中很多思想还是非常值得我们学习的，这篇文章将介绍如何从零开始实现一个简化版 jQuery。
js设计模式–策略模式本系列文章主要根据《JavaScript设计模式与开发实践》整理而来，其中会加入了一些自己的思考。希望对大家有所帮助。概念策略模式的定义是:定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。策略模式指的是定义一系列的算法，把它们一个个封装起来。将不变的部分和变化的部分隔开是…
JavaScript的2018 这两三年前端一直在不断变化，从规范到框架再到构建工具，不仅在pc/移动端攻城掠地，服务端也时常插一脚，大佬指点江山，小弟们也只能屁颠屁颠的跟随，不过说实在的“学的有点累了”。吐了会槽，说正题，最近看到stateofjs上发的去年（2018）Js情况调查，感觉蛮不错的，下面挑一些来讲讲。前言先提一下调查样本，…
2018 GitHub 年终盘点 2018 年转眼就要过去了，这一年在 GitHub 上也发生了不少事情。现在让我们回滚一下时间，看看 2018 年在 GitHub 上都发生了哪些事。微博号： @GitHubDaily 公众号：GitHubDaily GitHub 遭遇有史以来最严重 DDoS 攻击在今年 3 月 1 日晚上 12 点 15 分，GitHub 遭遇了有史以来最严重…
JavaScript 代码简洁之道测试代码质量的唯一方式：别人看你代码时说 f * k 的次数。代码质量与其整洁度成正比。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。本文并不是代码风格指南，而是关于代码的可读性、复用性、扩展性探讨。我们将从几个方面展开讨论：变量用有意义且常用的…
「Vue」与「React」–使用上的区别作者：落尘 Vue和React都是目前最流行、生态最好的前端框架之一，之所以用“与”字来做标题，也是为了避免把他们放在对立面。毕竟框架本身没有优劣之分，只有适用之别，选择符合自身业务场景、团队基础的技术才是我们最主要的目的。本文希望通过对比两个框架在使用上的区别，能使只用其中一个框架进行开发的开发者快…
使用 TypeScript 编写一个完善包含测试、文档和持续集成的库这篇文章主要是讲述如何使用 TypeScript 编写一个完善，包含测试、文档、持续集成的库，涵盖了编写整个库所需要的技术和工具，主要涵盖：
奇技淫巧 – Vue Mixins 高级组件与 Vue HOC 高阶组件实践在项目里，我们经常会使用组件库进行快速开发，然而在过程中，又难免会遇到对组件库的改造和拓展，如何优雅且简单的进行重构，下面让我们从一个简单需求来探索组件的奇技淫巧–Mixins和HOC
【20190104 前端开发日报】原生js 判断变量是一个数组；为什么我认为数据结构与算法对前端开发很重要；vue管理后台；20190103 前端开发日报；Golang WebAssembly 前端开发 – 2. Golang/JS 交…详情→
JavaScript 是如何工作的：Service Worker 的生命周期及使用场景这是专门探索 JavaScript 及其所构建的组件的系列文章的第8篇。如果你错过了前面的章节，可以在这里找到它们： JavaScript是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript是如何工作的：深入V8引擎&am…
Promise进阶——如何实现一个Promise库从上次更新Promise/A+规范后，已经很久没有更新博客了。之前由于业务需要，完成了一个TypeScript语言的Promise库。这次我们来和大家一步一步介绍下，我们如何实现一个符合Promise/A+规范的Promise库。如果对Promise/A+规范还不太了解的同学，建议先看看上一篇博客—— 前端基础知识储备——Promise/A+规范&…
js设计模式–代理模式本系列文章主要根据《JavaScript设计模式与开发实践》整理而来，其中会加入了一些自己的思考。希望对大家有所帮助。
简单高性能的 JavaScript 组件框架 Ale.js 老实说，写这篇文章其实是为了宣传我的框架，目前（在写这篇文章时）是beta.1版，还没有正式版发出。那么接下来我们就来详细对比一下 React 和 Vue：客观来说，作为 Ale 的核心开发者，我们肯定会更偏爱 Ale，认为对于某些问题来讲用 Ale 解决会更好。但是在此，我们想尽可能地公平和准确地来描述一…
React 中的函数式思想函数式编程中一个核心概念之一就是纯函数，如果一个函数满足一下几个条件，就可以认为这个函数是纯函数了：
【JavaScript闭包和匿名函数的关系详解】本文讲的是关于JavaScript闭包和匿名函数两者之间的关系，从匿名函数概念到立即执行函数，最后到闭包。下面一起来看看文章分析，希望你会喜欢。
JavaScript 算法之复杂度分析新的一年，先给大家整理分享一个简单而又重要的知识点：时间复杂度和空间复杂度。因为在前几篇文章中，提到了时间复杂度，也许有些小伙伴还不清楚。（ps：希望在我上篇文章留言的那位小伙伴别失望哦，慢慢来。）先给大家出个思考题，题目：sum = 1+2+3+…+n ，计算 sum 的值。为什么需要复杂度分析学习…
iOS开发-WKWebView与JS的交互 iOS8以后,Apple公司退出了WKWebView,对比之前的UIWebView不论是处理速度还是内存性能,都有了大幅度的提升! 那么下面我就分享一下WKWebView与JS的交互. 首先使用WKWebView.你需要导入WebKit #import 然后初始化一个WKWebView,设置代理,并且执行代理的方法.在网页加载成功的时候,我们会调用一些JS代码对网页…
《从入门到上线一个天气小程序》学习了一段时间小程序，大致过了两遍开发文档，抽空做个自己的天气预报小程序，全当是练手，在这记录下。（by wuwhs）
《移动端的那些坑》本文介绍了在IOS、Andriod上遇到的坑。（by LeuisKen）