基于D3.js + React 实现的数据可视化构建工具 在线预览地址 http://47.107.66.252:8080/#/ 源码地址 https://github.com/CBDxin/chart 启动 npm run start ...

对于UI / UX设计人员而言，要制作一个在每个浏览器上都看起来不错的漂亮网站不是一件容易的事。在创建网站布局并使其美观时，开发人员必须考虑所有Web浏览器和移动视图。恐惧始终存在于内部，如果设计在某个愚蠢的浏览器上某个地方可怕地崩溃，该怎 ...

redux是参考Flux设计原则的一个管理数据流的库。 下图为redux的核心运作流程 image redux 三大原则： 单一数据源：整个应用的状态都保存在一个对象（store）中。这样我们随时可以取出整个应用的状态进行持久化。 状态只读 ...

image 同构，就是一套React代码在服务器上运行一遍，到达浏览器又运行一遍。服务端渲染完成页面结构，浏览器端渲染完成事件绑定。 那如何进行浏览器端的事件绑定呢？ 唯一的方式就是让浏览器去拉取JS文件执行，让JS代码来控制。 imag ...

1.前端工具    sublime：(挺轻便的，但是没有集成终端的功能)    下载地址：http://www.sublimetext.com    vcode studio：（很多功能需要下载插件）    下载地址：https://cod ...

前言随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这 ...

小白必看，JSBridge 初探 近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybri ...

都记录一些有关前端方面的冷知识或者一些易踩坑点，防止大家踩坑。JavaScript所有对象都有 __proto__ 属性，都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...

1 传送门 https://babeljs.io/docs/en/next/babel-plugin-proposal-optional-chaining 2 安装 npm安装@babel/plugin-proposal-optional- ...

前端越管越宽，腾讯Now直播如何把监控体系做到极致？ 在 GMTC 全球大前端技术大会（深圳站）2019 上，腾讯高级 Web 前端工程师何方舟以产品遇到的实际问题挑战为背景，详细讲解了实现大前端监控的一些解决方案。本文即根据何方舟的演讲整 ...