复习
KAGHQ
这个作者很懒,什么都没留下…
展开
-
实用的 CSS — 贝塞尔曲线(cubic-bezier)
https://www.jianshu.com/p/d999f090d333animation-timing-function: cubic-bezier(0, 0, 0.58, 1);cubic-bezier参数就是p1,p2坐标原创 2022-01-17 14:19:37 · 919 阅读 · 0 评论 -
github上的免费简单的学习网站
https://github.com/freeCodeCamp/freeCodeCamp原创 2022-01-17 10:43:03 · 1686 阅读 · 0 评论 -
动画滚动实现从右到左滚动
.tag-center display flex align-items center position absolute width 500px height 50px line-height 50px text-align center left 40% top 120px border-radius 20px padding-left 20px color #原创 2021-05-07 22:14:59 · 237 阅读 · 0 评论 -
height auto和height 100%区别
height:auto是自适应内容的高度height:100%是相对于最近的父盒子的高度原创 2021-04-30 18:58:07 · 367 阅读 · 1 评论 -
让盒子出现滚动条的方法
外面盒子高度或者宽度小于里面的盒子外面盒子设置overflow auto原创 2021-04-26 19:47:33 · 2566 阅读 · 0 评论 -
render函数渲染一些组件的示例
渲染tag标签render (h) { return h('el-tag', { props: { type: 'danger', icon: 'el-icon-edit' } }, 3333)}渲染组件import MyComponent from './MyComponent'components: { MyComponent },render () { return ( <MyComponent>原创 2021-04-23 10:53:55 · 335 阅读 · 0 评论 -
对于keep-alive和 Async Components的理解
参照Vue.js:https://vuejs.org/v2/guide/components-dynamic-async.html?#Handling-Loading-Statekeep-alive希望组件的实例(例如在切换选项卡的时候)在首次创建后就被缓存这个时候就可以使用<keep-alive><keep-alive> <component v-bind:is="currentTabComponent"></component></ke原创 2021-04-22 22:14:45 · 193 阅读 · 0 评论 -
component实现组件切换
如果要实现两个组件之间的切换<component :is<组件名称>></component><template> <div> <div v-for="(item, index) in componentList" :key="index"> <div @click="componentChange(item.name)"></div> </div> <原创 2021-04-22 21:59:15 · 345 阅读 · 0 评论 -
vue中对于.sync修饰符的理解
父组件<span>{{count}}</span><Son :son.sync="count"></Son> export default { name: '', data() { return { count:'' } }, created() {}}子组件<template> <div> <el-button @click="clickOne">{{son}原创 2021-04-20 20:56:29 · 144 阅读 · 0 评论 -
background渐变
background-image: linear-gradient(to right, red 5%, green 15%, blue 60%)从右向左渐变红色占5%绿色占15%蓝色占60%第一个参数是方向 也可以是90deg等渐变菜鸟在线编辑:https://www.runoob.com/try/try.php?filename=trycss3_gradient-linear_trans...原创 2021-04-13 20:03:53 · 258 阅读 · 0 评论 -
对于href和src的区别
src一般用于替换资源(即替换当前的内容 如:img),href一般用于当前文档和引用资源确立关系(如:外部链接和当前)主要区别:使用href浏览器会识别当前的文档为css文档,会并行下载资源(页面解析不会暂停,渲染可能暂停)使用src浏览器会暂停其他资源的下载,直到src中的内容被加载编译执行完毕src是source的缩写href是HyperText Reference的缩写参考https://blog.51cto.com/jinkaiye/2449735https://stackover原创 2021-04-12 20:51:23 · 327 阅读 · 0 评论 -
call apply bind的区别
var o = { name: 'andy'} function fn(a, b) { console.log(this); console.log(a+b)};fn()// 此时的this指向的是window 运行结果为3fn.apply(o,[1,2])//此时的this指向的是对象o,参数使用数组传递 运行结果为3var o = { name: 'andy'} function fn(a, b) { console.log(this);原创 2021-03-23 19:38:07 · 65 阅读 · 0 评论 -
关于js中this指向复习
简单说this指向 谁调用指向谁1.对象.方法() 中,方法中的this指向的就是对象2.普通函数中的 this 指向window,这是因为 window 是JS中的顶级对象,可以通过window点的形式访问在全局作用域中定义的任何变量或方法3. 构造函数中的 this 指向实例对象...原创 2021-03-08 15:13:46 · 1597 阅读 · 0 评论