前端基础
前端一些基础内容的记录学习
小星星星★
这个作者很懒,什么都没留下…
展开
-
HTML类名
在写类名的时候很需要一套自己的命名规范,谈一谈关于css命名规则的整理写类名的时候,如果太长,可以分两个字母,中间用-隔开写id的时候,如果太长,可以分两个字母,用驼峰命名法表示注意事项:尽量不要用结构性的语法定义类名,这样的话如果后期改变结构重新修改的话比较麻烦,比如:right-content这些带有位置感比较强的单词尽多使用带有语义化的单词,好区分内容,后期也容易维护常见的语义化标签借鉴了该链接,博主写的很好,赞!https://www.cnblogs.com/ipoplar原创 2021-08-06 11:14:34 · 406 阅读 · 0 评论 -
vue 动态组件&异步组件
动态组件是什么让多个组件同使用一个挂载点,并且组件间可以动态切换,这个挂载点就是 component 标签简单来说是在 component 标签上添加一个is属性,属性值(即currentTabComponent)是控制组件间的切换的keep-alive是什么是vue的内置组件,可以包含动态组件,当组件之间进行切换时,可以保持组件的状态,缓存不活动组件的实例,而不是销毁它们并且自身也不会渲染成一个DOM元素,不会显示在父组件链中作用组件切换的时候,可以将组件的状态保存在内存中,原创 2021-04-08 18:27:25 · 316 阅读 · 1 评论 -
vue中的内置组件---transition
transition是什么是vue提供的一个内置封装的组件,用于单元素/组件的过渡(就是添加一些过渡或动画的样式之类的),在下列情况下,可以给任何元素和组件添加进入/离开的过渡效果(transition组件可以包含这些元素)原理transition组件包含的元素如果发生插入/删除时,在vue中的执行步骤如下:1.自动判断目标元素中是否应用了css过渡或动画,如果有,就在恰当的时机,添加或删除相应的css类名(自动执行)2.如果提供了js钩子函数,那就在恰当的时间调用他们3.如果没有找到js原创 2021-04-08 11:38:52 · 777 阅读 · 3 评论 -
vue中自定义组件的命名规则
问题vue中自定义的组件名在html中字母大写会报错html:js:自定义的组件中字母可以大写,但是在html标签中,字母有大写的就会报错原因这是因为html中不区分大小写,所以在html中如果写为,就会自动解析为匹配的优先顺序从高到低为:原标签名、likeBig化的标签名、LikeBig化的标签名而由于 html解析成时,相当于将该标签当成了一个单词进行了转换,所以它的匹配顺序为likebig,likebig,Likebig,所以找不到对应组件解决的办法在html标签中将两个原创 2021-04-08 09:41:20 · 1225 阅读 · 6 评论 -
关于路由懒加载
是什么懒加载也叫做延迟加载或按需加载即在需要使用的时候进行加载为什么要使用他为了给用户更好的体验,可以提高首屏组件的加载速度进入首页不用一次加载过多资源造成用时过长像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,时间过长,会出现长时间的白屏,即使做了loading也不利于用户体验,而运用懒加载,可以给页面进行划分,需要的时候加载页面,有效的分担首页所承担的加载压力,减少首页加载用时原理是什么进入当前这个路由原创 2021-04-06 10:00:22 · 75 阅读 · 1 评论