20190106 前端开发周报

一个大四前端实习生的2018年总结;前端面试中的各种方法实现;2018 年,JavaScript 都经历了什么?;大三前端实习生2018总结;深入了解JavaScript 中的For循环之详解;css3实现元素环绕中心点布局;[ 造轮子 ] 手动封装 ajax (三) —— 最终版;前端必知必会HTTP请求系列(一)了解web及网络基础

  1. 一个大四前端实习生的2018年总结 这是2018年的最后一个小时,此刻我正在改着我的毕业设计开题报告,坐在电脑前忽然有点感慨,于是打算做个年终总结,顺便把今年所学所想做个梳理和回顾。 年初 回想今年, 似乎走了很多路, 尝试了很多东西, 在年初二月份左右选择了考研, 尝试着想去读华南师范大学的软件工程, 但是在很多原因的影响下,在七月初放...
  2. 前端面试中的各种方法实现最近在面试,面试官动不动就让写一个原生方法的实现,那咱们就在这里写一下常见的一些实现: 1.bind {代码...} 2.promise {代码...} 3.new的实现 {代码...} 4.函数防抖 {代码...} 5.函数节流 {代码...} 6.深拷贝 ...
  3. 2018 年,JavaScript 都经历了什么? 摘要: 对JSer来说,这是很有意思的1年。 本文灵感来自JavaScript Weekly周报,欢迎大家订阅。 The State of JavaScript 2018 The State of JavaScript调研已经连续做了3年(2016, 2017, 2018),今年一共调研了2万多个JS开发者。有这样一些有意思的发现: 绝大多数开发者都用过ES6,同时Type...
  4. 大三前端实习生2018总结 看 QQ 空间同学们都在发自己的 2018 总结,以及对 2019 的展望,满满的正能量。 出于个人性格的原因不喜欢发朋友圈这些东西,但是在逛掘金的时候看到各种技术大佬也在总结自己过去的一年。。 可能是从众心理的原因,也为 2019 年无所事事的时候可以拿来看看,我也想写一下自己的 2018 总结。 ...
  5. 深入了解JavaScript 中的For循环之详解 前言 : ​ 今天我想分享一个有关于循环筛选的知识点,也许是前端小白的你首先想到的是用for循环做筛选,但我这种小菜鸟想到的就是map(工作中很喜欢用= =),学过数据结构的小伙伴也肯定知道,线性表这些跟循环也息息相关,包括你出去面试的时候或许你遇到过这样的问题,map和forEach的区别?去重的几种方式?说实话,for...
  6. css3实现元素环绕中心点布局效果如图: 代码实现: {代码...} {代码...}
  7. [ 造轮子 ] 手动封装 AJAX (三) —— 最终版 首先打开一个连接 发送数据 返回结果 我们要自定义的设置有哪些 设置请求方式 设置请求头 设置返回数据格式 返回成功后或失败后 我们要做的功能有哪些 数据校验 统一数据的格式 支持文件上传 对于传入参数的容错处理 经过以上思考基本结构大致成型 数据校验 ...
  8. 前端必知必会HTTP请求系列(一)了解Web及网络基础在当前大前端的环境下,前后端分离,前后端同构等开发协同的工作模式的出现,对前端的要求越来越高,前端需要懂得的知识面也越来越广,经常会有朋友在面试的时候被问到,在浏览器输入一个链接到浏览器显示整个网...
  9. 『前端好文整理』2019你值得拥有年初按照惯例,是应该立下flag的时候了。把2018年积累的一些碎片化的好文都梳理了一遍,知识体系化后学习会变得更加有目的性,从而提升学习效率(github地址)。
  10. 整理js开发中的实用小工具(一):做一个整合存储的小工具 在开发工作中,常遇到代码重复开发的问题,比如一个分页,左滑动等常见功能,而我们的解决办法可能是这次写一点,下次 copy 一点,如果不能解决问题,再改写一点。若是没有把可复用的代码抽离出来,做成一个通用的、可配置的小工具,私以为对技能的提升无益,所以在此立下个 flag,以后工作中遇到频繁开发的功能,都要有...
  11. javascript遍历方法总结JavaScript里还有一种循环方法:for...in。for...in 循环实际是为循环可枚举(enumerable)对象而设计的:
  12. JS中鲜为人知的问题: [] == ![]结果为true,而 {} == {}却为false在比较字符串、数值和布尔值的相等性时,问题还比较简单。但在涉及到对象的比较时,问题就变得复杂了。最早的ECMAScript中的相等和不相等操作符会在执行比较之前,先将对象转换成相似的类型。后来,有人提出了这...
  13. JS生成概率相等的随机数(4种类型)生成随机数的方案网上有很多,但是在验证概率的时候却发现不相同先把这4种类型的随机正整数生成方式贴出来。
  14. TypeScript 总结篇(二) 一、简介 1.1 什么是 TypeScript TypeScript是JavaScript的一个超集,主要提供了类型系统和对ES6的支持 1.2 为什么选择 TypeScript TypeScript 增加了代码的可读性和可维护性 类型系统实际上是最好的文档,大部分的函数看看类型的定义就可以知道如何使用了 ...
  15. 使用 Webapck 优化 VS Code 插件加载性能 Webpack 这一 JS 模块打包神器相信大家都不陌生了。由于 VS Code 插件大部分也都是 JS/TS 代码 + 依赖库的形式,因此也可以使用 Webpack 打包,优化性能。 本文将介绍如果利用 Webpack 大幅提升我们的 VS Code 插件性能。 增加 Webpack 相关依赖库 npm install --save-dev webpack webpack-cli ts-loader 复制代码...
  16. 打造 10000 Star 的前端开源项目 ⭐在工作学习之余,你可能会萌生做一个开源项目的想法。一方面将自己的好代码分享出去帮助更多开发者,另一方面也希望在开源社区中得到反馈和成长。如果项目能获得很多的关注那更是锦上添花,高 Star 不仅是衡量开...
  17. 为什么我认为数据结构与算法对前端开发很重要?》从一个需求谈起 在我之前的项目中,曾经遇到过这样一个需求,编写一个级联选择器! (by LeuisKen ) ​​​

    为什么我认为数据结构与算法对前端开发很重要
  18. vue管理后台主页 (页面的结构基本和主页相同。左侧导航栏,右侧上方面包屑导航和用户头像,右侧下方大块空白区域对应的是各路由)
  19. webpack学习进阶(一)webpack是模块化管理工具,使用webpack可以对模块进行压缩、预处理、按需打包、按需加载等。
  20. Webpack + Vue 多页面项目升级 Webpack 4 以及打包优化早在 2016 年我就发布过一篇关于在多页面下使用 Webpack + Vue 的配置的文章,当时也是我在做自己一个个人项目时遇到的配置问题,想到别人也可能遇到跟我同样的问题,就把配置的思路分享出来了,传送门在这里。
  21. 如何正确合理使用 JavaScript async/awaitES7 引入的 async/await 在 JavaScript 的异步编程中是一个极好的改进。它提供了使用同步样式代码异步访问 resoruces 的方式,而不会阻塞主线程。然而,它们也存在一些坑及问题。在本文中,将从不同的角度探讨 as...
  22. Vue实现函数防抖组件 最近在掘金看到两篇非常不错的文章: 以vue组件或者插件的形式,实现throttle或者debounce 奇技淫巧 - Vue Mixins 高级组件 与 Vue HOC 高阶组件 实践 这两篇文章中作者都分享了关于把函数防抖/函数节流包装成通用组件的经验。 在这里我就不介绍函数防抖/函数节流的概念了,...
  23. 「前端早读君008」新手必踩坑之display: inline-block今日励志语 往日不可追,来日犹可期,祝大家2019年继往开来 迷之间隙 我们创建一个导航列表,并将其列表 item 设置为 inline-block,主要代码如下: {代码...} 效果图如下: 我们从效果图中可以看到列表 item 之...
  24. 20181231 前端开发日报】怎样尊重一个程序员;前端该知道些密码学和安全上的事儿;寒冬之下,被裁的那些人到底去哪了?;理解import、require、export、module.export;无依赖开发之封装DOM;201...详情→ ​​​

    20181231 前端开发日报
  25. HTML5之多线程(Web Worker) 提到 HTML5 总是让人津津乐道,太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段,忽视了 HTML5 的强劲之处。 这节我们来探讨一下多线程 Web-Worker。 一、明确 JavaScript 是单线程 JavaScript 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。 听起来有些匪夷所思,为...
  26. 基于Vue+Koa的pm2配置 目前使用的技术栈是:前端Vue、后端Koa、数据库Mongodb。 然而每当起服务的时候,都要 npm start 、 node ./server/app.js ,还要同时保持这两个窗口一直是开着的,很是麻烦。 而且因为我使用的是koa,也没有使用狼叔写的koa脚手架。是自己基于廖雪峰老师的 Koa框架 改的一个小型mvc。导致没有热更新。 为了...
  27. javascript引用类型之Array 类型使用数组字面【数组字面量由一对包含数组项的方括号表示,多个数组项之间以逗号隔开】表示法来创建数组 {代码...}
  28. 浅聊前端依赖管理及优化(上) 在npm、yarn等包管理工具的帮助下,前端工程化模块化的进程日益加快,项目的依赖包也日益增大,特别是若项目采用webpack来构建用到许多webpack的插件、一些辅助开发如(eslint、postcss、dev-server之类的库)以及一些单元测试(jest、mocha、enzyme)可能需要用到的插件,项目中的node_module就会变的十分庞大。 如图:...
  29. 实现一个Promise(基于Promise/A+规范) 相信大家经常使用 Promise ,或者使用 Generator 、 asnyc/await 等异步解决方案,网上的 Promise 原理也遍地开花。 一直以来想抽出时间也写一写 Promise 实现,但是平常工作也是忙的不可开交,正好元旦放了3天假期,休息了2天半,抽出半天时间来看一看 Promise 。 如何...

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20190106 前端开发周报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-weekly-20190106.html)