让我们开门见山：编写优秀的 CSS 代码是件十分痛苦的事情。很多开发人员都不想做 CSS 开发。你让我干什么都行，但是 CSS 还是算了吧。在我创建应用的时候，从来都无法从 CSS 中享受到乐趣。但是你也躲不过去，是不是？我是说，我们全神贯 ...

安装Echarts依赖 npm install echarts --save version 4.7.0 element-ui的相关使用方法就不做介绍了。 全局引入Echarts和element-ui // The Vue build ve ...

拖拽的实现 在HTML5还未普及之前，实现元素的拖拽还算是一件比较麻烦的事，大概思路就是监听鼠标移动相关事件，下面是伪代码 oDiv.onmousedown = function(ev){ //记录起始位置 } document.o ...

前言 在问题前，需要先理解事件冒泡、事件代理 可参考文章【事件代理】 动态数据列表里，如何监听每条数据的点击？ 具体实现如下： DOM节点： a1 ...

这就是你日思夜想的 React 原生动态加载 在 React 16.6 版本中，新增了 React.lazy 函数，它能让你像渲染常规组件一样处理动态引入的组件，配合 webpack 的 Code Splitting，只有当组件被加载，对应 ...

在整个流程上的优化 在 HTML 内实现 Loading 态或者骨架屏； 去掉外联 css； 缓存基础框架 - HTTP 缓存资源； 使用动态 polyfill； 使用 SplitChunksPlugin 拆分公共代码； 正确地使用 Web ...

这是我第20篇简书。 1、组件通信 （1）父子通信 ① props-$emit ② $refs 短信验证码、图形验证码组件我经常用$refs this.$refs.captcha= 'xxx' ③ 子组件$children[0] 并不保证顺 ...

image FWidget 用心提供精致的组件，助您构建精美的应用。 你好开发者，来见识一下，这是由我们精心为开发者烘培 ? 的全新组件，F～～～Float。 image FFloat 是由 【阿里巴巴-飞猪-FliggyMobile 技 ...

随着 Web 开发进入 SPA 和 JAMstatck 时代，前后端分离已经成为大势所趋。几乎所有的 JavaScript 项目都需要跟 web service 或者后端 API 交互，用于认证或者获取用户数据。 所以当你在开发一个项目的时 ...

这是我第21篇简书。 主播你懂vue吗？讲的啥啊，一句也听不懂... 咳咳，进入正题。 源码知识图谱 Vue3新增了 Performance：性能更强，比Vue 2.0快了接近2倍。 Tree shaking support：可以将无用模块 ...