20190502 前端开发日报

您的四月份前端补给包已到,请查收~;把这304道题刷完,前端面试没有在怕的;JS数据类型转换与内存模型;一个无名前端的10年前端路;【前端性能优化】vue性能优化;Node.js 会永远只是慢的 Golang 吗?;Javascript 中继承汇总;关于Vue.use()详解

  1. 您的四月份前端补给包已到,请查收~【阿里云 TXD 前端月刊】- 热门前端技术快报,聚焦业界新视界;前端领域急速发展的节奏从未停歇,即将流逝的四月里,Nodejs 发布了 v12 版本,Chrome75 也将原生支持懒加载……也许是大潮将至,亦或是好事将近,总…
  2. 把这304道题刷完,前端面试没有在怕的 今年初,JavaScript Report 发布了前端框架近一年的走势图。在众多的前端框架中,React 仍然牢牢占据着使用率第一的位置,假如你是一位前端开发者,React ,Vue ,Angular 三大框架,你肯定是要至少精通其中一种的。 最近,猿妹在GitHub上找到一个有关React的面试题大全,304道全部和前端/React有关,涵盖React核…
  3. JS数据类型转换与内存模型 内存分为RAM和ROM。RAM是随机存取存储器,用户可读可写,计算机断电后,存储在RAM的信息将被删除。RAM具体分为SRAM(Static RAM)和DRAM(Dynamic RAM)。我们 现在所说的内存一般指的都是DRAM,SRAM速度更快,但是容量相对于其他类型内存而言也会小一些,并且价格也较为昂贵。一般SRAM作为CPU和DRAM之间的缓存(cache)。ROM…
  4. 一个无名前端的10年前端路 “Know your strengths, use them wisely and one man can be worth ten thousand.” – Little Finger “知道你的长处,并善加利用,一人就可当万人。”——小指头 也许是自己的关注点变了,也许是跟自己年纪相仿的同行都成了行业大牛,最近时常看到一些前端大佬的总结分享,例如《工作10年谈谈XXX》、《在阿里做了五年技…
  5. 【前端性能优化】vue性能优化 一、template v-show,v-if 用哪个?第一个维度是权限问题,只要涉及到权限相关的展示无疑要用 v-if ,第二个维度在没有权限限制下根据用户点击的频次选择,频繁切换的使用 v-show ,不频繁切换的使用 v-if ,这里要说的优化点在于减少页面中 dom 总数,我比较倾向于使用 v-…
  6. Node.js 会永远只是慢的 Golang 吗? Node.js 会永远只是慢的 Golang 吗? 这篇文章展示的 Node.js 新扩展将颠覆这种情况 你似乎总是不可避免地听到下一个据称更快的所谓 Node.js “Web 框架”。是的,我们都知道 Express 很慢,但是存在另一个 “Web 框架”能真正 提升 I/O 性能吗?答案是否定的,除了避免 Express 的运行开销外,这些新框架在 I/O 性能上…
  7. Javascript 中继承汇总 在阅读《Javascript高级程序设计》后的一些感想,顺便记录自己的学习,也希望能帮助到人,这就是我的初衷了。如文中有任何问题,也希望大家指正,以免误人子弟。 关于js的继承,我感觉更多的是一种探索得到的结果。因为像Java,C++ 等都是有明确的 class 定义类。但是在 Javascript 中的类和函数是无法区分的,我们似…
  8. 关于Vue.use()详解 相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(axios),就能直接使用。那这是为什么呐? 答案 因为 axios 没有 install。 什么意思呢?接下来我们自定义一个需要 Vue.use() 的组件,也就是有 install 的组件,看完之后…
  9. JavaScript数组方法速查手册极简版 JavaScript数组方法速查手册极简版中共收了32个数组的常用方法和属性,并根据方法的用途进行重新排序和分类,在文中简要的介绍了方法作用和用例说明。收藏备用吧! 文中介绍的过于简单,想更更多理解相关内容还是要多多动手实践! 2 数组属性 2.1 length-长度属性 每个数组都有一个length属性。针对稠密数组,le…
  10. AE动画转Web代码工具指北-LottieLottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案,设计师可以使用 Adobe After Effects 设计出漂亮的动画之后,使用 Lottic 提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式,就可以直接运用在…
  11. 阿里云 TXD 前端月刊-望穿春色满园,四月烟蓑雨笠 【Alibaba-TXD 前端小报】- 热门前端技术快报,聚焦业界新视界;前端领域急速发展的节奏从未停歇,即将流逝的四月里, Nodejs 发布了 v12 版本, Chrome75 也将原生支持懒加载……也许是大潮将至,亦或是好事将近,总之,在下还能学!!! 欢迎 订阅 &  投稿 本期小编: 佐七 学习专栏 2019 前端工…
  12. webpack系列之五module生成2 作者:崔静 在上一篇 module生成1中我们已经分析了 webpack 是如何根据 entry 配置找到对应的文件的,接下来就是将文件转为 module 了。这个长长的过程,可以分成下面几个阶段 create: 准备数据,生成 module 实例。 add: 信息保存到 Compilation 实例上。 build: 分析文件内容。 processDep: 处理3…
  13. 使用模块化工具打包自己开发的JS库(webpack/rollup)对比总结 最近有个需求,需要为小程序写一个SDK,监控小程序的后台接口调用和页面报错(类似fundebug) 听起来高大上的SDK,其实就是一个JS文件,类似平时开发中我们引入的第三方库: const moment = require(‘moment’); moment().format(); 复制代码 小程序的模块化采用了Commonjs规范。也就是说,我需要提供一个 monitor.js…
  14. Sequelizejs 关联看似一对一,其实一对多.这里的 One-To-One 指的应该是查询数据(主表)结果中,关联信息是以单个形式作为一个属性挂在主表每一个对象中
  15. Swoole HTTP 的应用 第 80 篇文章 这是关于 Swoole 学习的第四篇文章:Swoole HTTP 的应用。 第三篇:Swoole WebSocket 的应用 第二篇:Swoole Task 的应用 第一篇:Swoole Timer 的应用 概述 我们都知道 HTTP 是一种协议,允…
  16. 我的打包我做主:浅析前端构建 作者介绍:Marsboy,现就职于腾讯游戏增值服务部,负责AMS游戏营销平台的前端开发工作。 1 webpack 1.1 webpack是啥 webpack是一个工具,是一个致力于做前端构建的工具。简单的理解:webpack就是一个模块打包机器,它可以将前端的js代码(不管ES6/ES7)、引用的css资源、图片资源、字体资源等各种资源进行打包整…
  17. 浏览器中的JavaScript:文档对象模型与 DOM 操作JavaScript 并没有那么糟糕。作为运行在浏览器中的脚本语言,它对于网页操作非常有用。在本文中,我们将看到可以用哪些手段来修改 HTML 文档和交互。
  18. nodejs 之 js 调用 C++ 初探 nodejs的很多功能都是通过c++或者通过c++层调用libuv层实现的,nodejs是如何在js层面调用c++的呢?在nodejs里,使用c++层的功能主要有两种方式,第一种就是调用全局变量process,Buffer等,第二种就是通过process.binding函数。 1 process、buffer等全局变量 首先来看第一个种。在nodejs启动的过程中。在Env…
  19. 关于CSS中的背景属性background简述像我之前提到的那样,文档树中的每个元素只是一个矩形盒子。这些盒子都有一个背景层,背景层可以是完全透明或者其它颜色,也可以是一张图片。此背景层由8个CSS属性(加上1个简写的属性)控制。
  20. JavaScript数据结构之-栈 栈是一种遵循 后进先出(LIFO) 原则的有序集合。新添加和待删除的数据都保存在栈的同一端 栈顶 ,另一端就是 栈底 。新元素靠近栈顶,旧元素靠近栈底。 创建一个栈 我们需要自己创建一个栈,并且这个栈包含一些方法。 push(element(s)):添加一个(或多个)新元素到栈顶 pop():删除栈顶的元素,…
  21. Web 组件化中如何管理 z-indexz-index 属性,尽管已经写了这么多,仍然被广泛地误解和错误地处理。在复杂的单页web应用程序中堆积问题可能会成为一个主要问题。然而,坚持一些原则,我们可以很容易地避免这些问题。
  22. 精简讨论Javascript 中的 this 问题 最近看了一些文章都有谈论 this 的问题。其实,总觉得并没想象那么难(傲娇脸…)。所以,我在此就想分享一下我的极简理解,也希望能帮助到大家~~~~ 情况一:谁调用,this 就指向那个对象。 话不多说,直接用例开干。 例一: // 1. 直接调用 function getAge() { var age = 18 console.log(this.age) /…
  23. Javascript之常见算法整理(持续更新)一、排序 冒泡排序 {代码…} 快速排序 {代码…} 二、字符串 回文字符串 {代码…} 翻转字符串 {代码…} 字符串中出现最多次数的字符 {代码…} 三、数组 数组去重 {代码…} 四、查找 二分查找 {代码…} 五、…
  24. 当我谈前端进阶时我谈些什么书中,他谈到,跑步跟写作一样:都需要坚毅隐忍,追逐超越;都需要心无杂念,持之以恒。全书落笔之处,没有浮华旖旎,而是娓娓道来迷惘、失败和挣扎。
  25. Vue.js – 构建你的第一个包并在NPM上发布 本文我们将学习如何制作一个vue插件,并将其分发到npm上,能够让其他人安装使用. 插件大大地提高了开发者的开发效率。我们的大多数项目都依赖于它们,因为它们能够以极快的速度发布新功能。 正如官方Vue.js文档中所述,插件的范围没有限制。通常我们想实现的功能有下面5种: 添加全局方法或者属性 (如: vue-cu…
  26. 从零开始构建自己的vue组件库之——button篇= =首先目前vue.js成熟的框架已有很多,各种框架之间的特性、风格、完善度也参差不齐,有时候做项目选框架就成了一个难以抉择的问题,因为一个项目要经过很多版本的迭代、很多需求的变更和增加,有时候甚至是无限…
  27. css两种垂直居中对齐解决方案第一种垂直居中方法 利用vertical-align:middle进行垂直方向上的居中对齐,此方法需要满足的条件: 设置父元素的行高line-height等于父元素height的高度 子元素必须是行内块级元素display:inline-block; 子元素…
  28. 每日一题(开开森森学前端之常见笔试题) 把 1 到 1000 所有数字拆成单个的,所以用字符数组接收 拿字符数组所有元素和 9 比较相等自增 1.获取 1 到 1000 的所有数字 2.把获取的所有数据转成字符串 3.定义计数器 count=0 ; 把使用indexOf去判断字符串里是否含有9,如果包含就自增 count 计数器 5.打印最终 co…

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

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


关注我

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

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

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