20190106 前端开发周报-前端开发博客

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

一个大四前端实习生的2018年总结这是2018年的最后一个小时，此刻我正在改着我的毕业设计开题报告，坐在电脑前忽然有点感慨，于是打算做个年终总结，顺便把今年所学所想做个梳理和回顾。年初回想今年，似乎走了很多路，尝试了很多东西，在年初二月份左右选择了考研，尝试着想去读华南师范大学的软件工程，但是在很多原因的影响下，在七月初放…
前端面试中的各种方法实现最近在面试，面试官动不动就让写一个原生方法的实现，那咱们就在这里写一下常见的一些实现： 1.bind {代码…} 2.promise {代码…} 3.new的实现 {代码…} 4.函数防抖 {代码…} 5.函数节流 {代码…} 6.深拷贝 …
2018 年，JavaScript 都经历了什么？摘要：对JSer来说，这是很有意思的1年。本文灵感来自JavaScript Weekly周报，欢迎大家订阅。 The State of JavaScript 2018 The State of JavaScript调研已经连续做了3年(2016, 2017, 2018)，今年一共调研了2万多个JS开发者。有这样一些有意思的发现：绝大多数开发者都用过ES6，同时Type…
大三前端实习生2018总结看 QQ 空间同学们都在发自己的 2018 总结，以及对 2019 的展望，满满的正能量。出于个人性格的原因不喜欢发朋友圈这些东西，但是在逛掘金的时候看到各种技术大佬也在总结自己过去的一年。。可能是从众心理的原因，也为 2019 年无所事事的时候可以拿来看看，我也想写一下自己的 2018 总结。 …
深入了解JavaScript 中的For循环之详解前言 : 今天我想分享一个有关于循环筛选的知识点，也许是前端小白的你首先想到的是用for循环做筛选，但我这种小菜鸟想到的就是map(工作中很喜欢用= =),学过数据结构的小伙伴也肯定知道，线性表这些跟循环也息息相关，包括你出去面试的时候或许你遇到过这样的问题，map和forEach的区别？去重的几种方式？说实话，for…
css3实现元素环绕中心点布局效果如图：代码实现： {代码…} {代码…}
[ 造轮子 ] 手动封装 AJAX （三） —— 最终版首先打开一个连接发送数据返回结果我们要自定义的设置有哪些设置请求方式设置请求头设置返回数据格式返回成功后或失败后我们要做的功能有哪些数据校验统一数据的格式支持文件上传对于传入参数的容错处理经过以上思考基本结构大致成型数据校验 …
前端必知必会HTTP请求系列（一）了解Web及网络基础在当前大前端的环境下，前后端分离，前后端同构等开发协同的工作模式的出现，对前端的要求越来越高，前端需要懂得的知识面也越来越广，经常会有朋友在面试的时候被问到，在浏览器输入一个链接到浏览器显示整个网…
『前端好文整理』2019你值得拥有年初按照惯例，是应该立下flag的时候了。把2018年积累的一些碎片化的好文都梳理了一遍，知识体系化后学习会变得更加有目的性，从而提升学习效率(github地址)。
整理js开发中的实用小工具（一）：做一个整合存储的小工具在开发工作中，常遇到代码重复开发的问题，比如一个分页，左滑动等常见功能，而我们的解决办法可能是这次写一点，下次 copy 一点，如果不能解决问题，再改写一点。若是没有把可复用的代码抽离出来，做成一个通用的、可配置的小工具，私以为对技能的提升无益，所以在此立下个 flag，以后工作中遇到频繁开发的功能，都要有…
原生js 判断变量是一个数组{代码…}
javascript遍历方法总结JavaScript里还有一种循环方法：for…in。for…in 循环实际是为循环可枚举(enumerable)对象而设计的：
JS中鲜为人知的问题： [] == ![]结果为true，而 {} == {}却为false在比较字符串、数值和布尔值的相等性时，问题还比较简单。但在涉及到对象的比较时，问题就变得复杂了。最早的ECMAScript中的相等和不相等操作符会在执行比较之前，先将对象转换成相似的类型。后来，有人提出了这…
JS生成概率相等的随机数（4种类型）生成随机数的方案网上有很多，但是在验证概率的时候却发现不相同先把这4种类型的随机正整数生成方式贴出来。
TypeScript 总结篇（二）一、简介 1.1 什么是 TypeScript TypeScript是JavaScript的一个超集，主要提供了类型系统和对ES6的支持 1.2 为什么选择 TypeScript TypeScript 增加了代码的可读性和可维护性类型系统实际上是最好的文档，大部分的函数看看类型的定义就可以知道如何使用了 …
使用 Webapck 优化 VS Code 插件加载性能 Webpack 这一 JS 模块打包神器相信大家都不陌生了。由于 VS Code 插件大部分也都是 JS/TS 代码 + 依赖库的形式，因此也可以使用 Webpack 打包，优化性能。本文将介绍如果利用 Webpack 大幅提升我们的 VS Code 插件性能。增加 Webpack 相关依赖库 npm install –save-dev webpack webpack-cli ts-loader 复制代码…
打造 10000 Star 的前端开源项目 ⭐在工作学习之余，你可能会萌生做一个开源项目的想法。一方面将自己的好代码分享出去帮助更多开发者，另一方面也希望在开源社区中得到反馈和成长。如果项目能获得很多的关注那更是锦上添花，高 Star 不仅是衡量开…
《为什么我认为数据结构与算法对前端开发很重要？》从一个需求谈起在我之前的项目中，曾经遇到过这样一个需求，编写一个级联选择器！（by LeuisKen ）
vue管理后台主页（页面的结构基本和主页相同。左侧导航栏，右侧上方面包屑导航和用户头像，右侧下方大块空白区域对应的是各路由）
webpack学习进阶（一）webpack是模块化管理工具，使用webpack可以对模块进行压缩、预处理、按需打包、按需加载等。
Webpack + Vue 多页面项目升级 Webpack 4 以及打包优化早在 2016 年我就发布过一篇关于在多页面下使用 Webpack + Vue 的配置的文章，当时也是我在做自己一个个人项目时遇到的配置问题，想到别人也可能遇到跟我同样的问题，就把配置的思路分享出来了，传送门在这里。
如何正确合理使用 JavaScript async/awaitES7 引入的 async/await 在 JavaScript 的异步编程中是一个极好的改进。它提供了使用同步样式代码异步访问 resoruces 的方式，而不会阻塞主线程。然而，它们也存在一些坑及问题。在本文中，将从不同的角度探讨 as…
Vue实现函数防抖组件最近在掘金看到两篇非常不错的文章：以vue组件或者插件的形式，实现throttle或者debounce 奇技淫巧 – Vue Mixins 高级组件与 Vue HOC 高阶组件实践这两篇文章中作者都分享了关于把函数防抖/函数节流包装成通用组件的经验。在这里我就不介绍函数防抖/函数节流的概念了，…
「前端早读君008」新手必踩坑之display: inline-block今日励志语往日不可追，来日犹可期，祝大家2019年继往开来迷之间隙我们创建一个导航列表，并将其列表 item 设置为 inline-block，主要代码如下： {代码…} 效果图如下：我们从效果图中可以看到列表 item 之…
【20181231 前端开发日报】怎样尊重一个程序员；前端该知道些密码学和安全上的事儿；寒冬之下，被裁的那些人到底去哪了？；理解import、require、export、module.export；无依赖开发之封装DOM；201…详情→
HTML5之多线程（Web Worker）提到 HTML5 总是让人津津乐道，太多的特性和有趣的 API 让人耳目一新。但是很多童鞋还停留在语义化的阶段，忽视了 HTML5 的强劲之处。这节我们来探讨一下多线程 Web-Worker。一、明确 JavaScript 是单线程 JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。听起来有些匪夷所思，为…
基于Vue+Koa的pm2配置目前使用的技术栈是：前端Vue、后端Koa、数据库Mongodb。然而每当起服务的时候，都要 npm start 、 node ./server/app.js ，还要同时保持这两个窗口一直是开着的，很是麻烦。而且因为我使用的是koa，也没有使用狼叔写的koa脚手架。是自己基于廖雪峰老师的 Koa框架改的一个小型mvc。导致没有热更新。为了…
javascript引用类型之Array 类型使用数组字面【数组字面量由一对包含数组项的方括号表示，多个数组项之间以逗号隔开】表示法来创建数组 {代码…}
浅聊前端依赖管理及优化(上) 在npm、yarn等包管理工具的帮助下，前端工程化模块化的进程日益加快，项目的依赖包也日益增大，特别是若项目采用webpack来构建用到许多webpack的插件、一些辅助开发如（eslint、postcss、dev-server之类的库）以及一些单元测试(jest、mocha、enzyme)可能需要用到的插件，项目中的node_module就会变的十分庞大。如图：…
实现一个Promise(基于Promise/A+规范) 相信大家经常使用 Promise ，或者使用 Generator 、 asnyc/await 等异步解决方案，网上的 Promise 原理也遍地开花。一直以来想抽出时间也写一写 Promise 实现，但是平常工作也是忙的不可开交，正好元旦放了3天假期，休息了2天半，抽出半天时间来看一看 Promise 。如何…