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

[ 造轮子 ] 手动封装 AJAX （三） —— 最终版；前端面试中的各种方法实现；javascript遍历方法总结；使用React Hooks复用复杂业务组件；css3实现元素环绕中心点布局；网络协议 17 – HTTPDNS：私人定制的 DNS 服务；TypeScript 总结篇（二）；浅聊前端依赖管理及优化(上)

[ 造轮子 ] 手动封装 AJAX （三） —— 最终版首先打开一个连接发送数据返回结果我们要自定义的设置有哪些设置请求方式设置请求头设置返回数据格式返回成功后或失败后我们要做的功能有哪些数据校验统一数据的格式支持文件上传对于传入参数的容错处理经过以上思考基本结构大致成型数据校验 …
前端面试中的各种方法实现最近在面试，面试官动不动就让写一个原生方法的实现，那咱们就在这里写一下常见的一些实现： 1.bind {代码…} 2.promise {代码…} 3.new的实现 {代码…} 4.函数防抖 {代码…} 5.函数节流 {代码…} 6.深拷贝 …
javascript遍历方法总结JavaScript里还有一种循环方法：for…in。for…in 循环实际是为循环可枚举(enumerable)对象而设计的：
使用React Hooks复用复杂业务组件导语：复杂业务逻辑复用一直是React组件开发中的一大难题，团队目前同质化业务比较多，我们的想法是直接复用已有的逻辑代码，因为还要考虑到数据的拉取，展示，显然纯UI组件不能满足我们的需求。前段时间也在复杂…
css3实现元素环绕中心点布局效果如图：代码实现： {代码…} {代码…}
网络协议 17 – HTTPDNS：私人定制的 DNS 服务【前五篇】系列文章传送门：网络协议 12 – HTTP 协议：常用而不简单网络协议 13 – HTTPS 协议：加密路上无尽头网络协议 14 – 流媒体协议：要说爱你不容易网络协议 15 – DNS 协议：网络世界的地址簿网络协议 …
TypeScript 总结篇（二）一、简介 1.1 什么是 TypeScript TypeScript是JavaScript的一个超集，主要提供了类型系统和对ES6的支持 1.2 为什么选择 TypeScript TypeScript 增加了代码的可读性和可维护性类型系统实际上是最好的文档，大部分的函数看看类型的定义就可以知道如何使用了 …
浅聊前端依赖管理及优化(上) 在npm、yarn等包管理工具的帮助下，前端工程化模块化的进程日益加快，项目的依赖包也日益增大，特别是若项目采用webpack来构建用到许多webpack的插件、一些辅助开发如（eslint、postcss、dev-server之类的库）以及一些单元测试(jest、mocha、enzyme)可能需要用到的插件，项目中的node_module就会变的十分庞大。如图：…
【20190101 前端开发日报】2018 年，JavaScript 都经历了什么？；前端必知必会HTTP请求系列（一）了解Web及网络基础；深入了解JavaScript 中的For循环之详解；FE.CSS-理解Matrix,Flex,Grid；UWP 在…详情→
webpack学习进阶（一）webpack是模块化管理工具，使用webpack可以对模块进行压缩、预处理、按需打包、按需加载等。
nodejs 配置文件处理方案易于使用：配置项应该是分层配置的，有助于查找条目和维护庞大的配置文件的，应该是容易组织和容易获取的，比如json结构
在 GitLab 中使用 Issue 面板的 4 种方式原文地址：https://about.gitlab.com/2018/08/02/4-ways-to-use-gitlab-issue-boards/ 本文作者为GitLab团队的产品经理VictorWu，写于 2018 年 8 月 2 日借助标签（label），可以方便的自定义 GitLab Issue 以支持各种工作流。本文列出了四种例子。构建软件和运行项目的方式林林…
Typescript+React模板搭建（三）确保安装了 npm install -g typescript # -S 是–save简写 # -D 是–save-dev简写 # 创建目录 mkdir ts-react && cd ts-react # 生成package.json、tsconfig.json npm init -y && tsc –init # 安装开发工具 npm install-D webpack webpack-cli webpack-dev-server # 安装react相关 npm…
HTML5之多线程（Web Worker）提到 HTML5 总是让人津津乐道，太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段，忽视了 HTML5 的强劲之处。这节我们来探讨一下多线程 Web-Worker。一、明确 JavaScript 是单线程 JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。听起来有些匪夷所思，为…
「前端早读君007」css进阶之彻底理解视觉格式化模型今日励志不论你在什么时候开始，重要的是开始之后不要停止。前言对于部分前端工程师来讲，有时候CSS令他们很头疼，明明设置了某个样式，但是布局就是不起作用。如果你也有这种问题，那么是时候学习下什么是cs…