20190610 前端开发日报

支持 JavaScript 三元运算符;jQuery源码解析之你并不真的懂事件委托及target和currenttarget的区别;webpack系列之初探;javascript之函数防抖与节流;webpack手动搭建Vue项目;Node.js异步处理的各种写法;「试着读读 Vue 源代码」new Vue()发生了什么 ❓;前端业务代码配置化

  1. 支持 JavaScript 三元运算符 原文地址: In Defense of the Ternary Statement 原文作者:Burke Holland 译文出自: 掘金翻译计划 本文永久链接: github.com/xitu/gold-m… 译者: ZavierTang 校对者: smilemuffie , mnikn 几个月前,我在 Hacker News 上浏览到一篇(现已删除)关于不要使用 if 语句的文章。如果…
  2. jQuery源码解析之你并不真的懂事件委托及target和currenttarget的区别 前言: 请 先 回顾下我之前写的一篇文章: JavaScript之事件委托 一、事件委托(委派) 含义: 在 #A 上绑定 click 事件,但是让 #B 触发 click 事件, 相当于在 #B 上假绑定了 click 事件 也就是说:#B 委托了 click 事件给了 #A(在 #A 上绑定) 举例: <div id="A" style="…
  3. webpack系列之初探 相信 webpack 这个名称对于前端的同学来说并不陌生,只要你在用 vue 、 react 等等之类的框架,就得天天和它打交道。但是大部分人都只是直接怼一个 vue-cli 脚手架生成一个项目,运行起来就开始一顿写,完全不会去看这个项目的其他相关的东西,今天开始,咱们就来说说这个又爱又恨的 webpack 问题 使用wepack…
  4. javascript之函数防抖与节流 平时我们自己在开发过程中可能需要监听窗口的大小(resize等)来调节样式,或者是根据鼠标移动(mousemove等)来执行相应的方法,以及键盘按键(keyup等)事件。但是这里会产生一个问题——频繁改变窗口大小和移动鼠标会导致前端页面被频繁渲染,有时候可能导致页面崩溃。页面渲染过程中也就是dom被操作的过程,而dom操作…
  5. webpack手动搭建Vue项目 新建一个目录,然后初始化项目 npm init 复制代码 在package.json中加入以下依赖 // dependencies是指在使用npm i -save 的时候安装的,执行 npm install –production 的时候会安装 "dependencies": { "vue": "^2.6.10" }, // devDependencies是指在使用npm i -save-…
  6. Node.js异步处理的各种写法最近一段时间参与开发了一个Node.js后台项目,作为一个PHP开发者,上手项目本身并不难,但是开发的过程却并不顺利,不顺利的主要原因在于思路上没有转变,没有从同步的思维转换到异步的思维。
  7. 「试着读读 Vue 源代码」new Vue()发生了什么 ❓ 首先这篇文章是读 vue.js 源代码的梳理性文章,文章分块梳理,记录着自己的一些理解及大致过程;更重要的一点是希望在 vue.js 3.0 发布前深入的了解其原理。 如果你从未看过或者接触过 vue.js 源代码,建议你参考以下列出的 vue.js 解析的相关文章,因为这些文章更细致的讲解了这个工程,本文只是以一些 demo 演…
  8. 前端业务代码配置化 如何写好业务代码? 在前端工作中有很多业务性代码,如果书写不规范,那么对后期的维护将是非常致命的。 判断配置化 业务场景 后端数据库中经常会一个字段具备几个不同的状态,比如: status: 2 // 各个字段对应的含义 0: 出生 1: 儿童 2: 少年 3: 中年 4: 老年 这样不同的数字代表的含义,需要在前端展示。 …
  9. webpack手动搭建React项目 新建一个目录,然后初始化项目 npm init 复制代码 在package.json中加入以下依赖 // dependencies是指在使用npm i -save 的时候安装的,执行 npm install –production 的时候会安装 "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6&q…
  10. 2019年前端面试题-03let与var的区别? Let为ES6新添加申明变量的命令,它类似于var,但是有以下不同: 1、var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象 2、let声明的变量,其作用域为该语句所在的代码块内,不…
  11. 初探React技术栈(二)redux是js的状态容器,提供可预测的状态管理,同时可运行于不同的环境并且还有redux-devtools供可视化调试,大型应用下有良好的跨组件通讯与状态管理是必不可少的,那么就在本章中探索redux是如何与react串联,并…
  12. 用原生TypeScript造轮子(一) 日历日历插件有很多,形态各异,但不管什么插件,只要掌握其基本实现原理,就能写出通用性很强的轮子。本节日历demo和源码已实现的功能:
  13. 【nginx运维基础(7)】配置SSL支持https访问SSL 证书主要有两个功能:加密和身份证明,通常需要购买,也有免费的,本文使用阿里云的一年免费期的ssl证书。
  14. 从负一开始构建一个基于webpack4的项目 作为一个复制粘贴工程师,一直以来都是(可能只有我这样 o(╥﹏╥)o ) vue create hello-world npx create-react-app hello-world 复制代码 类似这样的脚手架命令一顿操作,什么Babel啊、Postcss、各种Loader、Eslint啊Uglifyjs都一把梭好了,然鹅到底这些是怎么配置的,不满足需求的时候怎么办呢? 这些脚手架都是…
  15. 说说 Babel 的命令行转码器 babel-cli 假设有这样一个 js 文件(babel_test.js),使用了 ES6 所特有的箭头函数: var elements = ; elements.map((element) => { return element.length; }); 复制代码 1 全局安装 babel-cli 可通过命令行对 ES6 语法的文件进行转码。首先安装…

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

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


关注我

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

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

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