20190113 前端开发周报

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

  1. 2018前端入门年终总结 92年出生,专科,专业酒店管理(其实就是做服务员,哈哈),和计算机八竿子打不着的专业,毕业以后浑浑噩噩渡过了三四年,那三四年对我来说,完全没有印象了,因为我不知道自己该去做什么,如何做,总觉得学的这个专业,就应该去做相关的事吧。 然后某一天,应该算是自己非常狼狈的时候,去投奔了A同学,A同学在一个四...
  2. 前端面试官的套路,你懂吗? 最近一年陆陆续续都在面试各种不同程度的 web 前端开发,总觉得现在前端氛围太过于浮躁,急于求成的人比比皆是。 然而很多童鞋还是没有掌握面试的技巧,一次次碰壁。鉴于此,我觉得是时候总结一些面试经验了,只不过这一次我打算从面试官的角度来阐述。 我是如何面试前端的? 一...
  3. 八种方法实现CSS页面底部固定当我们在写页面时经常会遇到页面内容少的时候,footer会戳在页面中间或什么?反正就是不在最底部显示,反正就是很难看,下面要讲的布局就是解决如何使元素粘住浏览器底部,
  4. Vue.js最受期待的5个特性 Vue因为轻量易上手出名,它有一些短小精悍的API来实现一些特性。 这里,开发者和维护团队也有在考虑一些有用的新功能。 本文讨论了Vue的GitHub问题列表中最受期待的五个功能。 支持v-for的可迭代协议 模板 支持多个根节点 可响...
  5. CSS 三角实现效果: {代码...}
  6. 2019 年的 JavaScript 新特性学习指南 昨天在浏览 Babel 网站时,看到它的 blog 有一篇新的文章,说 Babel 发布了新的代码支持 class 的私有属性和方法。 这着实让我头脑混乱,到底在哪可以了解到最新的规范?而这些规范又是否被支持?支持到什么程度?完全没有头绪。 自从 ES6 规范发布以来,带来很多新的特性,而我们在消化这些大量的知识时,ES 规范也...
  7. 前端必备基础概念与实战系列视频教程 前端最基础、必备知识点梳理,也是前端开发万丈高楼的基石。此系列教程从最基础的 JavaScript 概念开始梳理,帮你掌握火热的前端开发最基础、最核心的基本概念。 前端最基础、必备知识点梳理,也是前端开发万丈高楼的基石。 是不是经常被 ES3, ES5, ES6, ECMAScript, CommonJS, AMD, UMD, CMD 这些概念搞的有点迷糊...
  8. 《你不知道的JavaScript》 (下) 读书笔记本书属于基础类书籍,会有比较多的基础知识,所以这里仅记录平常不怎么容易注意到的知识点,不会全记,供大家和自己翻阅;
  9. 搭建自己的 Git 服务器 根据 RhodeCode 在 2016 年做过的一项分析报告 Version Control Systems Popularity in 2016,在如今的 VCS(版本控制系统)领域,Git 几乎已经一统江山,在选择自己的 VCS 时,有 87% 的人会选择使用 Git,排在第二名的 SVN 只占 6%,无论是从 Google Trends,还是在 Stack Overflow 上的提问,都可以看到 Git 的爆...
  10. es6的set和map学习因为 Set 中的值总是唯一的,所以需要判断两个值是否相等。在ECMAScript规范的早期版本中,这不是基于和===操作符中使用的算法相同的算法。具体来说,对于 Set s, +0 (+0 严格相等于-0)和-0是不同的值。然而,...
  11. 2019 年,为什么全网 HTTPS 势在必行? 前言:全网HTTPS势在必行 HTTPS(全称:HyperText Transfer Protocol over Secure Socket Layer),是为了保证客户端与服务器之间数据传输的安全。 近两年,Google、Baidu、Facebook 等这样的互联网巨头,不谋而合地开始大力推行 HTTPS, 国内外的大型互联网公司很多也都已经启用了全站 HTTPS,这也是未来互联...
  12. js正则理论与实践 学习正则表达式的时候,可以说正则并不是很难,但是就是老记不住语法规则,相信大家跟我也有同样的发现吧,但是没办法,需要耐心的东西只能多啃几遍了。 正则表达式的作用 数据验证。 复杂的字符串搜寻、替换。 基于模式匹配从字符串中提取子字符串。 概述 正则表达式包括 普通字符 (例如...
  13. Vue源码解读一前言 作为一个vue爱好学习者,也加入了源码解读的学习阵营,对一个vue和react框架都用过的前端小白来说,还是更喜欢写vue的语法,现在也很主流,一直想研究一下vue框架背后的实现机制,对api掌握、数据驱动、数据...
  14. js算法-快速排序(Quicksort)快速排序(英语:Quicksort),又称划分交换排序(partition-exchange sort),简称快排,一种排序算法,最早由东尼·霍尔提出。在平均状况下,排序n个项目要O(nLogn)次比较。在最坏状况下则需要O(n^2)次比较,但...
  15. 手牵手教你写 Vue 插件 上一篇文章,我们介绍了如何构建一个 react 插件,今天我们说说如何构建 vue 插件 准备工作 由于与上一篇 react 插件文章使用的是相同的结构,代码测试、持续集成及发布 npm 包也都是一个套路,这里就不再敖述。 下面主要说下不同的地方,let's start :blush: 开发依赖包 { "devDependencie...
  16. VUWE——又一个移动端Vue2组件库 VUWE 是一款基于微信 WeUI 所开发的,专用于 Vue2 的组件库。 它与 WeUI 完全解耦。用户通过自定义 WeUI 的样式文件,可以方便地对 VUWE 实现定制化。 中文文档 使用 进入一个 Vue 工程项目,然后执行以下命令: npm install vuwe --save 复制代码 加载WeUI 在开始之...
  17. 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' 复制代码...
  18. CSS字体font-family的正确选择方案】本文主要介绍的是CSS字体font-family的正确选择方案,由于设计稿和平台的不同,导致了制作有时候无法还原设计稿,理清各种平台字体区别,有助于做出最好的选择。 ​​​

    CSS字体font-family的正确选择方案
  19. vue封装一个简单的div框选时间的组件 前言 新年第一篇文章,记录一下我前段时间封装的一个vue组件吧。技术需要积累,有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧。 div框选实现 div框选效果,其实没有什么好的方法,就是获取鼠标事件,根据鼠标的位置,动态创建一个...
  20. 前端打包编译时代来临对漏洞挖掘的影响 *文章原创作者:傻傻傻傻傻子,本文属于FreeBuf原创奖励计划,未经许可禁止转载 0×01 什么是webpack webpack用于编译JavaScript模块。关注javascript技术的同学一定知道,在CommonJS和ES6中,为了支持模块化,而引入了export/require/import这类东西,模块化可以降低开发的复杂度,用于支撑前端的复杂功能,但...
  21. 前端之JS的线程 很多文章在介绍线程以及线程之间的关系,都存在着脱节的现象。还有的文章过于广大,涉及到了内核,本文希望以通俗易懂的话去描述晦涩的词语,可能会和实际有一丢丢的出入,但是更易理解。 我们都知道JS是单线程的,即js的代码只能在一个线程上运行,也就说,js同时只能执行一个js任务,但是为什么要这样呢?这与浏览器...
  22. 一个前端在校生的2018年终总结 最近看到各大社区都有人发布自己的年终总结,我觉得这是一个很好的习惯,所以也来写一篇,既可以回顾这一年来到底做了什么,也能更好地明确下一年的目标。 先简单介绍一下自己,我今年18岁,是一名计算机专业的技校生。 这是学习前端开发的第二年,由于去年没有写,所以很有必要说一下我的前端入门经历。 初入前端...
  23. StateOfJS:2018 年 JavaScript 生态圈趋势报告 前言 作为前端开发者,及时了解行业动态对我们的工作、学习方向起到至关重要的作用,毕竟知识太多,选择对的学习方向才能既省力又能紧跟技术发展潮流。近期,StateOfJS发布了刚刚过去的2018年JavaScript趋势报告,让我们一起来看看吧。 2018 年的报告,总共有来自 153 个不同的国家共 20,000 多...
  24. 《你不知道的JavaScript》 (中) 读书笔记本书属于基础类书籍,一次会有比较多的基础知识,所以这里仅记录平常不怎么容易注意到的知识点,不会全记,供大家和自己翻阅;
  25. CSS实现图片与文本的居中对齐的常见方式1.为图片和文本都设置vertical-align:middle<!DOCTYPE <!DOCTYPE html><html><head>
  26. JavaScript 算法之最好、最坏时间复杂度分析 上一篇文章中介绍了复杂度的分析,相信小伙伴们对常见代码的时间或者空间复杂度肯定能分析出来了。 思考测试 话不多说,出个题目考考大家,分析下面代码的时间复杂度(ps: 虽然说并不会这么写) function find(n, x, arr) { let ind = -1; for (let i = 0; i < n; i++) { if (arr =...
  27. 前端图片上传解决方案图片上传是前端开发中经常使用到的,上传方案也有很多种吧,可能你有在使用一些插件完成上传,(比如我以前自己写的一个后台系统)现在在这里总结下图片上传的解决方案。主要有一下几种:
  28. 解决webpack-dev-server代理常切换问题 背景 通常我们有一份webpack.dev.config.js使用webpack-dev-server的proxy,代理到开发服务器,来解决本地跨域问题。假如项目变大,可能需要proxy到不同环境,比如docker,或者后端开发人员的电脑上 现有问题 需要手动更改proxy配置,比较麻烦还容易写错 改变后的config文件会被git检测到 不小心将本...
  29. Html页面中内容禁止选择、复制、右键的实现方法{代码...} 实现起来其实很简单,只需要在网页中加入以下标签(注意是紧随body后): {代码...} {代码...} {代码...} {代码...} {代码...}
  30. JavaScript的迭代函数与迭代函数的实现 前言 ​ 如果对技术很自信,请直接看 实现的源码 ​ 如果想回顾一下基础,请按文章顺序阅读 说到迭代方法,最先想到的是什么? forEach 还是 map ,迭代的方法ES5提供了5种方法 以下定义来自 JavaScript高级程序设计 每个方法都接收两个参数 在每一项上运行的函数 运行该函数的作用域对象(影响this的值) ...

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

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

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

发表评论

请登录后发表评论: