20190712 前端开发日报

深入理解 JavaScript, 从作用域与作用域链开始;JS 把值转换成 String 的5个方法;前端模块化一——规范详述;vue项目中引入iconfont;vue webpack重写cookie路径;十分钟搞懂 HTTP 和 HTTPS 协议?;『ES6知识点总结』Promise;dart中箭头表达式与js中箭头表达式对比

  1. 深入理解 JavaScript, 从作用域与作用域链开始 1. 什么是作用域 作用域是你的代码在运行时,某些特定部分中的变量,函数和对象的可访问性。换句话说,作用域决定了变量与函数的可访问范围,即 作用域控制着变量与函数的可见性和生命周期 。 2. JavaScript中的作用域 在 JavaScript 中有两种作用域 全局作用域 局部作用域 如果一个变量在函数外面…
  2. JS 把值转换成 String 的5个方法 译者:Jessie 原文:链接 第一次翻译,当是锻炼下阅读能力,欢迎指正~ 如果你订阅了Airbnb 的 JavaScript 风格指南,就会知道最好的方法是使用 "String()" :+1: 我用他是因为它是最明确的——容易让其他人明白你代码的意图 请记住,最好的代码并不需要多聪明的方式,而是能将你的代码理…
  3. 前端模块化一——规范详述 前言 模块化——这个东西可以说在研发圈子里,耳熟能详,家喻户晓。 都快说烂了,今天为什么又拿出来讲? 作为一个开发经验刚满一年的前端, 接触过es6 的import,nodejs 的require,webpack下的import或者require。那么他们之间到底有什么区别? CommonJS 听说过,nodejs的模块化实现?AMD听说过,也听说过CMD…
  4. vue项目中引入iconfont 对于前端而言,图标的发展可谓日新月异。从 img 标签,到雪碧图,再到字体图标, svg ,甚至 svg 也有了类似于雪碧图的方案 svg-sprite-loader 。雪碧图没有什么好讲的了,只是简单地利用了 background-position 来做图标定位。今天咱们先聊聊怎么使用字体图标和 svg 图标。其实字体图标也不陌生了, bootstrap , font-…
  5. vue webpack重写cookie路径 webpack提供的反向代理服务器在开发阶段非常方便,几行简单的代码配置就可以使用反向代理功能,包括路径重写、cookie处理等。 项目开发阶段使用的API路径是 /admin ,部署到线上是 / ,所以在开发过程中需要在 proxyTable 进行反向代理配置,将路径重写掉,路径重写代码如下( config/index.js ): proxyTable: { …
  6. 十分钟搞懂 HTTP 和 HTTPS 协议? 1.什么是协议? 网络协议是计算机之间为了实现网络通信而达成的一种“约定”或者”规则“,有了这种”约定“,不同厂商的生产设备,以及不同操作系统组成的计算机之间,就可以实现通信。 2.HTTP协议是什么? HTTP协议是超文本传输协议的缩写,英文是Hyper Text Transfer Protocol。它是从WEB服务器传输超文…
  7. 『ES6知识点总结』Promise 『ES6知识点总结』变量的解构赋值 本文主要内容如下: 1 Promise是什么? 1.1 特点: 1.2 三种状态: 1.3 用处: 1.4 Promise缺点: 1.5 历史过程 2 生成promise实例 3 promise实例的then()方法 4 resolve函数的参数可以是另一个Promise实例 5 Promise的方法(多种) 5.1 Promise.a…
  8. dart中箭头表达式与js中箭头表达式对比 List<int> list = ; list.forEach((num) => { if (num % 2 == 0) { } }); 复制代码 if这儿报错,报错提示是 unexpected text ‘if’ ,如下图所示: 一提起箭头表达式,我们先想起的肯定是js,那我们看下js中箭头表达式的用法。 2、js中的…
  9. 面向未来编程,如何在 Vue2 中使用 Vue3 的语法[实践篇] 面向未来编程(Future-Oriented Programming), vue-function-api 提供开发者在 Vue2.x 中使用 Vue3 的语法逻辑开发应用。(为方便以下以 Vue2 表示) 本文不对文档 api 对过多说明,仅讨论在项目实践中遇到的问题。比较两者的区别是对 Vue3 写法最快的了解,下面通过对比同一个功能在 Vue2 与 Vue3 的区别。 场景是这…
  10. 【第六期】babel深入教程(babel7版本) 最近在一些项目编译系统的工作中涉及到了很多关于babel插件的开发,关于babel大多数人的感受可能是既陌生又熟悉,可能大多数人对于babel的应用场景的认识就是在webpack中使用一个babel-loader,但当你真正了解他掌握它的时候,会发现他其实还有些更强的用法。。。 基本概念 babel是什么? Babel 是一个编译器(输…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流