前端学习方向
easyClub_hanjixin
为大家提供web知识
展开
-
Vue3新增API
provide/inject在这个版本上提供了依赖注入,在上级组件provide 提供注入选项,在需要注入变量的组件inject 注入。话不多说上代码。const app = Vue.createApp({})app.component('todo-list', { data() { return { todos: ['Feed a cat', 'Buy tickets'] } }, provide: { user: 'John Doe' },原创 2020-09-27 16:41:44 · 1239 阅读 · 0 评论 -
前端性能优化
性能优化:一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。(将css文件和并为一个。将js合并为一个) 原因:主要是为了减少http请求次数以及减少请求资源的大小 打包工具: webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图标或者SVG是矢量图,代码编写出来的,方大不会变形,...转载 2020-01-15 17:14:45 · 181 阅读 · 0 评论 -
对 React Context 的理解以及应用
对 React Context 的理解以及应用在React的官方文档中,Context被归类为高级部分(Advanced),属于React的高级API,但官方并不建议在稳定版的App中使用Context。很多优秀的React组件都通过Context来完成自己的功能:比如react-redux的,就是通过Context提供一个全局态的store; 拖拽组件react-dnd,通过Con...原创 2020-01-03 16:15:38 · 223 阅读 · 0 评论 -
前端进阶之路
一、开发工具 1. atom Atom 代码编辑器支持 Windows、Mac、Linux 三大桌面平台,完全免费,并且已经在 GitHub 上开放了全部的源代码。在经过一段长时间的迭代开发和不断改进后,Atom 终于从早期的测试版达到了 1.0 正式版了!相比之前的版本,在性能和稳定性方面都有着显著的改善。idea IDEA 全称IntelliJ IDEA,是java语言开发的集成环...转载 2018-07-24 09:10:29 · 1475 阅读 · 0 评论