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

2018前端入门年终总结；前端面试官的套路，你懂吗？；八种方法实现CSS页面底部固定；Vue.js最受期待的5个特性；CSS 三角实现；2019 年的 JavaScript 新特性学习指南；前端必备基础概念与实战系列视频教程；《你不知道的JavaScript》 (下) 读书笔记

2018前端入门年终总结 92年出生，专科，专业酒店管理（其实就是做服务员，哈哈），和计算机八竿子打不着的专业，毕业以后浑浑噩噩渡过了三四年，那三四年对我来说，完全没有印象了，因为我不知道自己该去做什么，如何做，总觉得学的这个专业，就应该去做相关的事吧。然后某一天，应该算是自己非常狼狈的时候，去投奔了A同学，A同学在一个四…
前端面试官的套路，你懂吗？最近一年陆陆续续都在面试各种不同程度的 Web 前端开发，总觉得现在前端氛围太过于浮躁，急于求成的人比比皆是。然而很多童鞋还是没有掌握面试的技巧，一次次碰壁。鉴于此，我觉得是时候总结一些面试经验了，只不过这一次我打算从面试官的角度来阐述。我是如何面试前端的？一…
八种方法实现CSS页面底部固定当我们在写页面时经常会遇到页面内容少的时候，footer会戳在页面中间或什么？反正就是不在最底部显示，反正就是很难看，下面要讲的布局就是解决如何使元素粘住浏览器底部，
Vue.js最受期待的5个特性 Vue因为轻量易上手出名，它有一些短小精悍的API来实现一些特性。这里，开发者和维护团队也有在考虑一些有用的新功能。本文讨论了Vue的GitHub问题列表中最受期待的五个功能。支持v-for的可迭代协议模板支持多个根节点可响…
CSS 三角实现效果： {代码…}
2019 年的 JavaScript 新特性学习指南昨天在浏览 Babel 网站时，看到它的 blog 有一篇新的文章，说 Babel 发布了新的代码支持 class 的私有属性和方法。这着实让我头脑混乱，到底在哪可以了解到最新的规范？而这些规范又是否被支持？支持到什么程度？完全没有头绪。自从 ES6 规范发布以来，带来很多新的特性，而我们在消化这些大量的知识时，ES 规范也…
前端必备基础概念与实战系列视频教程前端最基础、必备知识点梳理，也是前端开发万丈高楼的基石。此系列教程从最基础的 JavaScript 概念开始梳理，帮你掌握火热的前端开发最基础、最核心的基本概念。前端最基础、必备知识点梳理，也是前端开发万丈高楼的基石。是不是经常被 ES3, ES5, ES6, ECMAScript, CommonJS, AMD, UMD, CMD 这些概念搞的有点迷糊…
《你不知道的JavaScript》 (下) 读书笔记本书属于基础类书籍，会有比较多的基础知识，所以这里仅记录平常不怎么容易注意到的知识点，不会全记，供大家和自己翻阅；
搭建自己的 Git 服务器根据 RhodeCode 在 2016 年做过的一项分析报告 Version Control Systems Popularity in 2016，在如今的 VCS（版本控制系统）领域，Git 几乎已经一统江山，在选择自己的 VCS 时，有 87% 的人会选择使用 Git，排在第二名的 SVN 只占 6%，无论是从 Google Trends，还是在 Stack Overflow 上的提问，都可以看到 Git 的爆…
es6的set和map学习因为 Set 中的值总是唯一的，所以需要判断两个值是否相等。在ECMAScript规范的早期版本中，这不是基于和===操作符中使用的算法相同的算法。具体来说，对于 Set s， +0 （+0 严格相等于-0）和-0是不同的值。然而，…
2019 年，为什么全网 HTTPS 势在必行？前言：全网HTTPS势在必行 HTTPS（全称：HyperText Transfer Protocol over Secure Socket Layer），是为了保证客户端与服务器之间数据传输的安全。近两年，Google、Baidu、Facebook 等这样的互联网巨头，不谋而合地开始大力推行 HTTPS，国内外的大型互联网公司很多也都已经启用了全站 HTTPS，这也是未来互联…
js正则理论与实践学习正则表达式的时候，可以说正则并不是很难，但是就是老记不住语法规则，相信大家跟我也有同样的发现吧，但是没办法，需要耐心的东西只能多啃几遍了。正则表达式的作用数据验证。复杂的字符串搜寻、替换。基于模式匹配从字符串中提取子字符串。概述正则表达式包括普通字符（例如…
Vue源码解读一前言作为一个vue爱好学习者，也加入了源码解读的学习阵营，对一个vue和react框架都用过的前端小白来说，还是更喜欢写vue的语法，现在也很主流，一直想研究一下vue框架背后的实现机制，对api掌握、数据驱动、数据…
js算法-快速排序(Quicksort)快速排序（英语：Quicksort），又称划分交换排序（partition-exchange sort），简称快排，一种排序算法，最早由东尼·霍尔提出。在平均状况下，排序n个项目要O(nLogn)次比较。在最坏状况下则需要O(n^2)次比较，但…
手牵手教你写 Vue 插件上一篇文章，我们介绍了如何构建一个 react 插件，今天我们说说如何构建 vue 插件准备工作由于与上一篇 react 插件文章使用的是相同的结构，代码测试、持续集成及发布 npm 包也都是一个套路，这里就不再敖述。下面主要说下不同的地方，let’s start :blush: 开发依赖包 { "devDependencie…
VUWE——又一个移动端Vue2组件库 VUWE 是一款基于微信 WeUI 所开发的，专用于 Vue2 的组件库。它与 WeUI 完全解耦。用户通过自定义 WeUI 的样式文件，可以方便地对 VUWE 实现定制化。中文文档使用进入一个 Vue 工程项目，然后执行以下命令： npm install vuwe –save 复制代码加载WeUI 在开始之…
vue 源码学习(二) 实例初始化和挂载过程从vue的构建过程可以知道，web环境下，入口文件在 src/platforms/web/entry-runtime-with-compiler.js （以Runtime + Compiler模式构建，vue直接运行在浏览器进行编译工作） import Vue from ‘./runtime/index’ 复制代码下一步，找到 ./runtime/index ，发现： import Vue from ‘core/index’ 复制代码…
【CSS字体font-family的正确选择方案】本文主要介绍的是CSS字体font-family的正确选择方案，由于设计稿和平台的不同，导致了制作有时候无法还原设计稿，理清各种平台字体区别，有助于做出最好的选择。
vue封装一个简单的div框选时间的组件前言新年第一篇文章，记录一下我前段时间封装的一个vue组件吧。技术需要积累，有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧。 div框选实现 div框选效果，其实没有什么好的方法，就是获取鼠标事件，根据鼠标的位置，动态创建一个…
前端打包编译时代来临对漏洞挖掘的影响 *文章原创作者：傻傻傻傻傻子，本文属于FreeBuf原创奖励计划，未经许可禁止转载 0×01 什么是webpack webpack用于编译JavaScript模块。关注javascript技术的同学一定知道，在CommonJS和ES6中，为了支持模块化，而引入了export/require/import这类东西，模块化可以降低开发的复杂度，用于支撑前端的复杂功能，但…
前端之JS的线程很多文章在介绍线程以及线程之间的关系，都存在着脱节的现象。还有的文章过于广大，涉及到了内核，本文希望以通俗易懂的话去描述晦涩的词语，可能会和实际有一丢丢的出入，但是更易理解。我们都知道JS是单线程的，即js的代码只能在一个线程上运行，也就说，js同时只能执行一个js任务，但是为什么要这样呢？这与浏览器…
一个前端在校生的2018年终总结最近看到各大社区都有人发布自己的年终总结，我觉得这是一个很好的习惯，所以也来写一篇，既可以回顾这一年来到底做了什么，也能更好地明确下一年的目标。先简单介绍一下自己，我今年18岁，是一名计算机专业的技校生。这是学习前端开发的第二年，由于去年没有写，所以很有必要说一下我的前端入门经历。初入前端…
StateOfJS：2018 年 JavaScript 生态圈趋势报告前言作为前端开发者，及时了解行业动态对我们的工作、学习方向起到至关重要的作用，毕竟知识太多，选择对的学习方向才能既省力又能紧跟技术发展潮流。近期，StateOfJS发布了刚刚过去的2018年JavaScript趋势报告，让我们一起来看看吧。 2018 年的报告，总共有来自 153 个不同的国家共 20,000 多…
《你不知道的JavaScript》 (中) 读书笔记本书属于基础类书籍，一次会有比较多的基础知识，所以这里仅记录平常不怎么容易注意到的知识点，不会全记，供大家和自己翻阅；
CSS实现图片与文本的居中对齐的常见方式1.为图片和文本都设置vertical-align：middle<!DOCTYPE <!DOCTYPE html><html><head>
JavaScript 算法之最好、最坏时间复杂度分析上一篇文章中介绍了复杂度的分析，相信小伙伴们对常见代码的时间或者空间复杂度肯定能分析出来了。思考测试话不多说，出个题目考考大家，分析下面代码的时间复杂度(ps: 虽然说并不会这么写) function find(n, x, arr) { let ind = -1; for (let i = 0; i < n; i++) { if (arr =…
前端图片上传解决方案图片上传是前端开发中经常使用到的，上传方案也有很多种吧，可能你有在使用一些插件完成上传，（比如我以前自己写的一个后台系统）现在在这里总结下图片上传的解决方案。主要有一下几种：
解决webpack-dev-server代理常切换问题背景通常我们有一份webpack.dev.config.js使用webpack-dev-server的proxy，代理到开发服务器，来解决本地跨域问题。假如项目变大，可能需要proxy到不同环境，比如docker，或者后端开发人员的电脑上现有问题需要手动更改proxy配置，比较麻烦还容易写错改变后的config文件会被git检测到不小心将本…
Html页面中内容禁止选择、复制、右键的实现方法{代码…} 实现起来其实很简单，只需要在网页中加入以下标签(注意是紧随body后)： {代码…} {代码…} {代码…} {代码…} {代码…}
JavaScript的迭代函数与迭代函数的实现前言如果对技术很自信,请直接看实现的源码如果想回顾一下基础,请按文章顺序阅读说到迭代方法,最先想到的是什么? forEach 还是 map ,迭代的方法ES5提供了5种方法以下定义来自 JavaScript高级程序设计每个方法都接收两个参数在每一项上运行的函数运行该函数的作用域对象(影响this的值) …