20191121 前端开发日报

你也许没有注意到的javaScript基础篇—-trim()；webpack构建流程分析；vue封装element 中table组件；Vue.nextTick，了解一下？；在实战中学typescript – 实现浏览器全屏(100行)；神奇的 Promise —— 一次异步代码的单元测试；基于 Vue 的两层吸顶踩坑总结；Angular1升级到Angular8之组件样式封装

1. 你也许没有注意到的javaScript基础篇—-trim() 最近，我通过在阅读js红宝书的过程中，发现了自己之前不熟悉的trim()，然后就按照自己的粗浅理解搜集整理了一番，分享给大家，一起学习。 涉及到的知识内容 关于trim的实例应用 trim和正则表达式的双剑合璧 trim() var stringValue = ‘ hello world ‘; var timmerStringValue = stringValue.trim(); console….
2. webpack构建流程分析 webpack是一个强大的打包工具，拥有灵活、丰富的插件机制，网上关于如何使用webpack及webpack原理分析的技术文档层出不穷。最近自己也在学习webpack的过程中，记录并分享一下，希望对你有点帮助。 本文主要探讨，webpack的一次构建流程中，主要干了哪些事儿。 （咱们只研究研究构建的整体流程哈，细节不看:see_no_evil:…
3. vue封装element 中table组件1、知识点 插槽 组件 2、项目初始化 使用vue-cli3 安装项目 vue create ‘项目名’ npm install element-ui -s 3、父组件 List.vue {代码…} 4、子组件 CommonTable.vue {代码…} 5、项目入口 main.js {代码…} …
4. Vue.nextTick，了解一下？ 首先来了解一下JS的运行机制。 JS运行机制（Event Loop） JS执行是单线程的，它是基于事件循环的。 事件循环 所有同步任务都在主线程上执行，形成一个执行栈。 主线程之外，会存在一个任务队列，只要异步任务有了结果，就在任务队列中放置一个事件。 当执行栈中的所有同步任务执行完后，就会读取任务队…
5. 在实战中学typescript – 实现浏览器全屏(100行)好了! 满足大家的需求, 我计划定期用ts做一些业务常用小插件, 代码量尽量小(控制在1kb以内), 方便大家阅读源码, 也方便大家有时间去实现一遍.
6. 神奇的 Promise —— 一次异步代码的单元测试无法使用 await 将测试代码恰好阻塞到 catch 在 Event Loop 中被调用后的时机，从而检测到 catch 的执行，通过测试。
7. 基于 Vue 的两层吸顶踩坑总结近日，在做活动页的过程中遇到两层吸顶的需求，并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛，应该不难吧，事实证明还是踩了很多坑才出来。兼容性问题多到吐血，我太难了。废话不多说，先看一下两层吸顶…
8. Angular1升级到Angular8之组件样式封装 angular1升级Angular8需要了解的改变，请移步传送门。 angular8核心思想：模块化，各组件维护自己的样式。 样式升级 angular1代码 //之前代码scss, 图便利，常写在父组件的scss文件中, .parent-container{ .demo-container { .items{ ….. } } } 复制代码 angular1编译后 .parent-container{ …. …
9. [springboot 开发单体web shop] 6. 商品分类和轮播广告展示从上图我们可以看出，商品的分类其实是有层级关系的，而且这种关系一般都是无限层级。在我们的实现中，为了效果的展示，我们仅仅是展示3级分类，在大多数的中小型电商系统中，三级分类完全足够应对SKU的分类。
10. Babel 工程化的实现 介绍 Babel 是一款将未来的 JavaScript 语法编译成过去语法的 Node.js 工具。本文从 2019 年 11 月的 master 分支源码入手，介绍 Babel 在解决这类问题时是如何划分模块。 Babel 的模块划分 其中 babel-loader 隶属于 webpack，不在 Babel 主仓库。 框架层 常见的编译器 常见的解析器有 acorn、@babe…
11. 异步编程:rxjs的认识 1、回调函数 2、 promise 3、事件监听/发布订阅 4、 rxjs 二、使用 promise 和 rxjs 实现异步编程的对比 1、使用 promise 异步编程的写法 const promise = new Promise((resolve, reject) => { setTimeout(() => { resolve(‘promise成功了’); }, 100…
12. Vue2.0源码阅读笔记（八）：slot   Vue 实现了一套内容分发的 API，将 <slot> 元素作为承载分发内容的出口。<slot> 在子组件中可以有多个，使用 name 属性实现具名插槽。   从插槽内容能否使用子组件数据的角度可将插槽分为两类： 普通插槽 、 作用域插槽 。 普通插槽不能使用子组件的数据，父级模板里的所有内容都是在父级…
13. 手摸手带你了解 React Hooks 原理为什么 useEffect 第二个参数是空数组，就相当于 ComponentDidMount ，只会执行一次？
14. JavaScript之函数柯理化最近在社区阅读技术博客的时候偶然间看到了函数柯里化几个字，还有要求手写js函数柯里化，心想是柯里化是什么高级的东西？没听说过啊？

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

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