JavaScript进阶之一篇读懂Underscore.js的作用及源码；Performance 实操：可视化图表分析 web 性能；搞懂React源码系列-React Diff原理；[vue.js]封装组件vue-drag-chart，一个可以拖动 / 缩放的图表组件；通天塔前端性能优化实践；人们不使用 CSS 新功能的 5 个原因；vue-transition原理分析(二)；如何给 Git 大项目瘦身
-
JavaScript进阶之一篇读懂Underscore.js的作用及源码
官网对Underscore.js的介绍： Underscore 一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。它是这个问题的答案：“如果我在一个空白的HTML页面前坐下， 并希望立即开始工作， 我需要什么？”它弥补了部分 jQuery 没有实现的功能,同时又是 Backbone.js 必不可少…
-
疑问 开发人员该从哪方面入手改善web应用性能？ 某某说：优化了性能！问：如何从数据统计上体现？ 你说的性能优化，真是用户想要的吗？ 性能谬见：性能只是加载时间的问题。 onLoad 触发时间？ DOMContentLoaded 触发时间？ 真实的用户体验是什么？ 体验 …
-
时隔2年，重新看React源码，很多以前不理解的内容现在都懂了。本文将用实际案例结合相关React源码，集中讨论React Diff原理。使用当前最新React版本：16.13.1。
-
[vue.js]封装组件vue-drag-chart，一个可以拖动 / 缩放的图表组件
可调用changelist()方法，每当图表组件进行位置或大小的改变时，会调用这个方法，返回新的数组列表
-
目标提升前端和Node中间层性能 通天塔是京东内部的一个快速搭建活动页面的平台，用户可以通过在可视化平台上选择需要的模板及配置对应数据，来生成对应的原生、H5及PC活动页面。模板样式丰富，操作灵活，在京东被大量使用，用户流量也呈现出了非常迅猛的增长。但随着项目的迭代，功能越来越复杂，模板越来越多，前端和…
-
2020年第32期 尽管每年都会开发和发布新的CSS特性和属性，但web开发人员很少学习它们或在他们的项目中使用。 这是一个问题，因为CSS工作组（维护和改进CSS规范的开发人员团队）通过查看这些新功能的采用率来衡量成功与否。 这是一个鸡生蛋还是蛋生鸡的问题。如果社区不采用和实现新特性，工作…
-
在上一篇博文中，我们知道vue中的transition是一个抽象组件，其功能是给子组件的data上绑定了transition属性，而这个transition属性是由绑定在transition组件上的属性和事件组合而成，也就是说把绑定在transition组件上的属性和事件透传到子组件上。本篇文章我们一起来看一下子组件上的transition属性是如何发挥作用的…
-
在上回，我在 如何克隆一个大 Git 项目 说到，遇到了克隆大项目的时候，如果遇到问题该如何解决，这次我们来继续聊聊，假如你是这种项目的维护者，该如何改善。 问题分析 相信你也看到了如果你维护的是一个大项目，会给那些新加入的参与者带来什么样的麻烦了。 那么，有什么方法可以解决这个…
-
[手把手式教程，适合新手入门Vuex]-Vuex入门实践（下）
作者：小土豆biubiubiu 博客园： www.cnblogs.com/HouJiao/ 掘金： juejin.im/user/58c61b… 简书： www.jianshu.com/u/cb1c3884e… 微信公众号：土豆妈的碎碎念（扫码关注，一起吸猫，一起听故事，一起学习前端技术） 码字不易，点赞鼓励哟~ 前言 本文章是 Vuex 系列的最后一篇，主要总结的是如何使…
-
作用域是根据名称查找变量的一套规则 嵌套的作用域链⛓都是，引擎从当前的执行作用域开始查找 ，逐级往外的上一级递增查找 无论函数在哪里被调用，也无论它如何被调用，它的词法作用域都只由函数被声明时所处的位置决定 eval(…)和with(…){}这两个欺骗语法的代码，没有任何的性能优化，因为优化是依赖于代码根据…
-
通过 Vue 源码探秘（九）（createComponent） 的分析我们知道，当我们通过 createComponent 创建了组件 VNode ，接下来会走到 vm._update ，执行 vm.__patch__ 把 VNode 转换成真正的 DOM 节点。之前分析的是针对一个普通的 VNode 节点，接下来我们来看看组件的 VNode 会有哪些不一样的地方。 patch 函数…
-
注意：这篇文章现在是 “组合软件”系列丛书 中的一部分。 1920 年， William Strunk Jr 的《英文写作指南》 出版了，它为经过了时间考验的英语语言风格制定了指导方针。你可以对你的代码使用类似的标准，以提升你的代码质量。 以下只是参考，不是不可改变的法则。如果其他的方式可以使代码更清晰，那么我们有合理…
-
时隔2年，重新看React源码，很多以前不理解的内容现在都懂了。本文将用实际案例结合相关React源码，集中讨论React Diff原理。使用当前最新React版本：16.13.1。 另外，今年将写一个“搞懂React源码系列”，把React最核心内容用最通俗易懂地方式讲清楚。2020年搞懂React源码系列： React Diff原理 …
-
图片对一个端侧研发来说是一老生常谈的话题了。闲鱼作为业界在Flutter技术方向上最早一批投入的团队。从使用Flutter之初，图片就是我们核心关注和重点优化的功能。图片算是闲鱼业务场景下最为重要的内容表现形式…
-
之前很多讲原型的文章都会有箭头图，看的我是头晕脑胀的，这次我希望能通过简单的文字，让大家都能彻底彻底理解原型和原型链。 我们都知道虽然JavaScript和Java名字类似，但是两种完全没有联系。其中就包括Java中很重要的类，在JavaScript中是没有类的概念的，为了复用JavaScript使用了原型和原型链的形式实现了继承。后…
-
web缓存是指一个web资源（如html页面，图片，js，数据等）存在于web服务器和客户端（浏览器）之间的副本。 缓存会根据进来的请求保存输出内容的副本；当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机…
-
数据响应式原理也是老生常谈了，什么是数据响应式呢？ 数据响应式，从官方定义来说，将Model绑定到View，当用代码更新Model时，View会自动更新。 数据响应式强调数据驱动DOM生成，而不是直接操作DOM。 而常常和 数据响应式 混为一谈的 数据双向绑定 ，则特指 v-model ，该指令实现了如果用户更新了View，Model…
-
上文给出的例子如下 <html> <script> var example = ‘Consider this string: <!– <script>’; console.log(example); </script> <img src=/> <html> 看一下会造成的影响 很明显可见的是img标签以及下面的html全部被吃…
-
身为前端的你，是否会有这样的烦恼：随着访问用户的成倍增加，站点变得越来越脆弱。任何的访问过慢或崩溃都将是一场灾难。 这就对我们工程师提出了更高的要求，要保障网站的「可访问性」和「稳定性」都维持在一个较高水平。那么，是时候了解了解Web性能测试了！ 一、情景再现 有一个大型推广…
-
每日前端夜话 第309篇 翻译： 疯狂的技术宅 作者：Marko Ilic 来源：css-tricks.com 正文共：1883 字 预计阅读时间：7 分钟 JavaScript 和 CSS 已经并存超过了 20 年。但是在它们之间共享数据非常困难。当然也有大量的尝试。但是我所想到的是一些简单而直观的内容——不涉及结构更改…
-
介绍 tiptap编辑器基于Prosemirror，完全可扩展且无渲染。可以轻松地将自定义节点添加为Vue组件。 Github https://github.com/scrumpy/tiptap 为什么使用tiptap？ 市面上有不少富文本编辑器，但大多数可能并不能满足你的需求。编辑器应该易于扩展，并且不应基于旧的依赖项（例如jQuery）。对于React，已…
-
2020年第34期 我真的很喜欢使用Vue.js，每次使用框架时，我都会喜欢深入研究其功能和特性。通过这篇文章，我向你介绍了十个很酷的提示和技巧，你可能尚未意识到这些技巧和窍门，以帮助你成为更好的Vue开发人员。 更漂亮的插槽语法 随着Vue 2.6的推出，已经引入了插槽的简写方式，可用于事件…
-
【Electron】使用 electron-vue 高效构建桌面应用程序
electron 是一个不错的开发桌面应用程序的好工具。前面两篇文章已经基本上展现了它的魔力。纵使功能再强大，也需要一件趁手的武器来提高开发的效率。本身 electron 是借助 HTML、JS、CSS 强大的表现力，再在 Chromium 引擎上实现了一系列的界面渲染以及底层系统 API 的调用。 目前国内使用 vue 作为前端开发套件的人非…
更多内容请关注同名公众号【前端开发博客】每日更新
