240 发简信
IP属地:北京
  • 模块打包器的实现(一)

    什么是打包器 一个完整的 JavaScript 项目(比如各种前端SPA)由各种各样的资源模块(module)组成,包括 JavaScript 代码,CSS 样式以及图片等各...

  • # 从 JavaScript 到 TypeScript,React 项目迁移几点 tips

    相对于 JavaScript,TypeScript 增加了类型系统。通过静态检查,开发者可以更早地发现语法错误,同时类型标注也带来了清晰的文档。这篇文章记录了几个关于 Rea...

  • 前端性能优化:如何减少长列表的渲染时间

    问题描述 列表 (list) 是浏览器端用户交互的常见元素。一般的 select 由两个部分组成:外层的容器和内层的 list,外层的大小固定,通过滑动来调整可视列表的范围。...

  • D3数据可视化-General Update Pattern

    D3 是 Data Driven Documents 的简称,意思是数据驱动文档。D3 可以帮助我们自动化地操作 HTML、SVG 或 Canvas 等元素(element)...

  • 120
    D3数据可视化-柱状图-Bar

    案例 柱形图是最广泛使用的图表类型之一,同时也具有很多的展现形式。 比如:Y坐标轴可以有一条,也可以有两条分别代表不同的尺度。柱形可以是单个柱子,也可以是几个柱子一组。可以垂...

  • 找工作的过程,痛死了

    裸辞,然后一直找不到合适的工作,被打碎重组的这个过程痛死了。 上一家公司被我戏称为“退休养老院”,工作内容驾轻就熟,公司领导不会施加压力,也不牵扯复杂的人际关系,重点是工资待...

  • 120
    D3数据可视化-Area

    案例 Area 图形可以填充整块的图形,下面是同样的数据(2017年2季度到2018年1季度手机品牌市场占有情况)分别在 area 和在 stack bar 图呈现的结果。 ...

  • 120
    D3数据可视化-折线-line

    案例 折线图适合展示随着时间推进,数值的变化趋势。下图是几家科技公司在2009年6月到2019年6月间的股票价格图,数据来源于雅虎金融。 解析 SVG 有几种元素都可以画出线...

  • 120
    D3数据可视化-stack_bar

    案例 与饼图相似的是,stack bar 图也适合表现各个项目在总体中的比例。但同时 stack bar 还可以表现随着时间的推移各个项目比例的变化情况,这是饼图难以做到的。...

  • 120
    D3数据可视化-饼图-pie

    Demo 饼图/环形图可以清晰地展示数据之间的比例关系。下面两个环形图分别展现了电子游戏 GTAV 在各个游戏硬件平台上和在不同国家的销售量。 我们的源数据是这样的: 数据来...

  • 120
    css调试奇技淫巧

    在chrome浏览器中修改css文件,本地文件中的映射的css文件同步修改 一、CSS调试技巧 调试CSS 添加工作目录 建立文件映射 编辑CSS文件或者使用样式面板修改样式...

  • 刚刚更新了一波,这下不会报错了 :smile:

    如何创建一个前端 React 组件并发布到 NPM

    “造轮子”是非常有效的学习方法。在熟练掌握API的搬运方法之后,我们可以通过自己“造轮子”来进一步掌握和理解更底层的知识。自己完成一个组件的开发之后,我们可以打包上传到 NP...

  • viewport 小总结

    viewport 中文直译为视窗,是浏览器端开发工作中会接触到的概念。对于桌面端浏览器来说,viewport 指的是当前浏览器的可视内容范围,用户可以通过拖拽浏览器的边框来改...

  • 120
    React App 如何实现按需加载

    目的 随着生产项目的持续功能迭代,前端代码体积会不断增加,导致加载时间越来越长。为了减少加载时间,我们可以拆分代码,让浏览器只加载当前功能所需要的代码(load on dem...

  • 我的经验是,简历上面写的知识点,不论写不写精通,都会被问哭的,所以平时多积累才是王道!

    我是如何在天猫、蚂蚁金服、百度等大厂面试中被拒的

    本人16年毕业于普通二本院校网络相关专业,工作经验两年半,目前就职业于一家普通民营企业。由于非985、211学历硬伤,校招进大厂的门槛远高于同届985、211的毕业生。于是乎...