dev
9篇文章 · 0订阅
  • 关于JS中一些重要的api实现, 巩固你的原生JS功底
    在面试中，常常会遇到一些手写XXX之类的面试题，因此好好总结一下，对于巩固我们的原生js的基础是非常必要的。 尽管在网上已经有了非常多的总结文章，但在我看来有一个普遍的问题，那就是把原理性的东西过于复杂化了。如果站在面试官的角度，他的目的是在最短的时间内考察出面试者对于JS语言…
    JavaScript
  • 基于前端技术生成PDF方案
    需求分为两步：报告预览和报告生成。 报告预览在前端进行展示，可使用前端技术，如React/Vue等技术栈对其进行还原，数据从服务端获取。 体检报告展示形式如下，格式相对固定，分为四个页面：个人信息页，建议页，原理页，个人信息页与建议页数据来源于服务器。 canvas是HTML5…
    React.js Node.js
  • 给项目加一个骨架屏吧
    骨架屏可以理解为是当数据还未加载进来前，页面的一个空白版本，一个简单的关键渲染路径。用户会看到一个样式简单，描绘了当前页面的大致框架的骨架屏页面，然后骨架屏中各个占位部分被实际资源完全替换，这个过程中用户会觉得内容正在逐渐加载即将呈现，降低了用户的焦躁情绪，使得加载过程主观上变…
    JavaScript
  • 由项目需求中引出的思考，Promise链式调用如何防抖
    想和大家探讨一下最近项目上遇到的一个防抖问题。 大致需求是：有一个表格，点击其中任意一行会加载一些与之相关的详细内容（与表格在同一页面）。加载这个步骤是一个Promise链，会依次从2个不同的服务器端获取相关信息（存在依赖关系无法同时发送请求）。 在短时间内多次点击时，由于加载…
    JavaScript
  • 读懂这些题，你就是webpack配置工程师
    本篇文章解答了60多道关于webpack的问题，答案有详细有简单，时间关系，有的问题还未做出解答，后续会补上，持续更新。如果答案有不对的地方，请轻拍。 全局安装webpack，意味着webpack包被安装到npm的全局包目录里了。 本地安装webpack，webpack包被安装…
    Webpack
    读懂这些题，你就是webpack配置工程师
  • CodeSandbox 浏览器端的webpack是如何工作的？ 上篇
    这期来关注一下CodeSandbox, 这是一个浏览器端的沙盒运行环境，支持多种流行的构建模板，例如 create-react-app、 vue-cli、parcel等等。 可以用于快速原型开发、DEMO 展示、Bug 还原等等. 相似的产品有很多，例如codepen、JSFi…
    JavaScript Webpack
    CodeSandbox 浏览器端的webpack是如何工作的？ 上篇
  • React组件设计实践总结05 - 状态管理
    今天是 520，这是本系列最后一篇文章，主要涵盖 React 状态管理的相关方案。 前几篇文章在掘金首发基本石沉大海, 没什么阅读量. 可能是文章篇幅太长了？掘金值太低了？ 还是错别字太多了? 后面静下心来想想，写作对我来说是一种学习和积累的过程, 让我学习更全面更系统性去描述…
    React.js
    React组件设计实践总结05 - 状态管理
  • 面试官: 你了解前端路由吗?
    前端路由是现代SPA应用必备的功能,每个现代前端框架都有对应的实现,例如vue-router、react-router。 我们不想探究vue-router或者react-router们的实现，因为不管是哪种路由无外乎用兼容性更好的hash实现或者是H5 History实现，与框…
    前端 React.js vue-router
  • Chrome DevTools 之 Profiles，深度性能优化必备
    虽然一直在用 Chrome DevTools，但大多停留在常用的功能和调试上，比如 Elements/Network/Sources/Console 等主要功能。该系列文章基于最新版的 Mac Chrome 完成，主要介绍 Network/Timeline/Profiles 三个方面的内容。
    Chrome
    Chrome DevTools 之 Profiles，深度性能优化必备