俩只猫

2020年10月19日

摘要： 1 <style> 2 div { 3 width: 0; 4 height: 0; 5 border-top: 40px solid transparent; 6 border-left: 40px solid transparent; 7 border-right: 40px solid tra 阅读全文

posted @ 2020-10-19 10:03 俩只猫阅读(116) 评论(0) 推荐(0) 编辑

img中alt和title的区别

摘要：图片中的 alt属性是在图片不能正常显示时出现的文本提示。alt有利于SEO优化图片中的 title属性是在鼠标在移动到元素上的文本提示。阅读全文

posted @ 2020-10-19 10:01 俩只猫阅读(141) 评论(0) 推荐(0) 编辑

CSS3新特性

摘要： transtion transition-property 规定设置过渡效果的 CSS 属性的名称。 transition-duration 规定完成过渡效果需要多少秒或毫秒。 transition-timing-function 规定速度效果的速度曲线。 transition-delay 定义过渡阅读全文

posted @ 2020-10-19 09:55 俩只猫阅读(47) 评论(0) 推荐(0) 编辑

flex布局（弹性布局）

摘要： display:flex; 在父元素设置，子元素受弹性盒影响，默认排成一行，如果超出一行，按比例压缩 flex:1; 子元素设置，设置子元素如何分配父元素的空间，flex:1,子元素宽度占满整个父元素 align-items:center 定义子元素在父容器中的对齐方式，center 垂直居中 ju 阅读全文

posted @ 2020-10-19 09:51 俩只猫阅读(107) 评论(0) 推荐(0) 编辑

2020年10月16日

vue-router守卫

摘要：导航守卫 router.beforeEach 全局前置守卫 to: Route: 即将要进入的目标（路由对象） from: Route: 当前导航正要离开的路由 next: Function: 一定要调用该方法来 resolve 这个钩子。（一定要用这个函数才能去到下一个路由，如果不用就拦截）执行阅读全文

posted @ 2020-10-16 16:45 俩只猫阅读(96) 评论(0) 推荐(0) 编辑

$route和$router的区别

摘要： $route是“路由信息对象”，包括path，params，hash，query，fullPath，matched，name等路由信息参数。 $router是“路由实例”对象包括了路由的跳转方法，钩子函数等。阅读全文

posted @ 2020-10-16 16:42 俩只猫阅读(99) 评论(0) 推荐(0) 编辑

vue项目中的性能优化

摘要： 1.不要在模板里面写过多表达式 2.循环调用子组件时添加key 3.频繁切换的使用v-show，不频繁切换的使用v-if 4.尽量少用float，可以用flex 5.按需加载，可以用require或者import()按需加载需要的组件 6.路由懒加载阅读全文

posted @ 2020-10-16 16:40 俩只猫阅读(86) 评论(0) 推荐(0) 编辑

vue修饰符

摘要： stop：阻止事件的冒泡 prevent：阻止事件的默认行为 once：只触发一次 self：只触发自己的事件行为时，才会执行阅读全文

posted @ 2020-10-16 16:39 俩只猫阅读(57) 评论(0) 推荐(0) 编辑

react和vue的区别

摘要： => 相同点： 1.数据驱动页面，提供响应式的试图组件 2.都有virtual DOM,组件化的开发，通过props参数进行父子之间组件传递数据，都实现了webComponents规范 3.数据流动单向，都支持服务器的渲染SSR 4.都有支持native的方法，react有React native，阅读全文

posted @ 2020-10-16 16:37 俩只猫阅读(189) 评论(0) 推荐(0) 编辑

设计模式

摘要：一、观察者模式：在软件开发设计中是一个对象(subject)，维护一系列依赖他的对象（observer），当任何状态发生改变自动通知他们。强依赖关系简单理解：数据发生改变时，对应的处理函数就会自动执行。一个Subjet,用来维护Observers,为某些event来通知（notify）观察者二、阅读全文

posted @ 2020-10-16 16:32 俩只猫阅读(77) 评论(0) 推荐(0) 编辑

Take your time

公告