- 博客(8)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 CSS3的3D知识点整理+实例
3D转换1.1三维坐标系三维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的x轴:水平向右(注意:x右边是正值,左边是负值)y轴:垂直向下(注意:y下面是正值,上面是负值)z轴:垂直屏幕(注意:屏幕往外是正值,往屏幕里面是负值)3D转换我们主要学习工作中最常用的3D位移和3D旋转主要知识点3D位移:transate3d(x,y,z)3D旋转:rotate3d(x,y,z)透视:rerspective3D呈现:transfrom-style1.2 3D.
2020-10-25 09:23:23
370
1
原创 vue子组件传给父亲值,踩坑经验
1、父亲页面的监听事件一定要写在组件上(子组件),否则监听不到2、$emit的事件名称以及父组件监听的对象不能有大写,驼峰命名法要改用“-”连接对于基础弱的小伙伴一定要多看几遍vue的官方文档,不说了,我先看了...
2020-12-10 19:03:01
269
原创 uniapp、Vue中 image 如何设置默认图片,图片地址加载失败(404)的话就显示默认图片
一、解决方法(在单层循环中)HTML:在image标签当中添加@error,用来监听图片地址加载失败,同时传递参数<image v-else :src="item" mode="aspectFit" @error="imgerror($event, index)"></image>JS:imgerror(e, index) { this.xiangqingUrl.splice(index, 1) this.xiangqingUrl.splice(index, 0
2020-12-01 20:16:35
5580
1
原创 css3动画学习笔记,动画总结
动画(animation)1、动画(animation)是css3中具有颠覆性的特征之一,可以通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。相对比较过渡,动画可以实现更多变化,更多控制,持续自动播放等效果。1.1动画的基本使用制作动画分为两步:1、先定义动画用keyframes定义动画(类似定义类选择器)动画序列0%是动画的开始,100%是动画的完成。这样的格则就是动画序列。在@keyframes中规定某项css样式,就能创建由当前样式逐渐改为新样式的动.
2020-10-24 10:02:50
304
原创 css中rem是怎么计算的,是怎么自适应手机端,匹配设计稿的
好多小伙伴当学习到移动端的时候,首先就会接触到的是移动端的单位,因为在移动端布局就不太适合用px(一些字体还是需要继续使用px)首先先介绍一下都有那些单位:px、em、pt、rem、%、vh、dp今天我们来介绍的是rem单位首先大家需要知道一个数值,那就是750px没错这个750就是iPhone6、7、8的屏幕宽度,因为750这个宽度的需求还是比较大的因此,UI的设计稿一般都是设置的750px的设计稿,但是这时候问题就来了,但是好多安卓手机他不是750px的宽度啊,那怎么办呢。所以就用到了自适
2020-10-23 19:43:53
731
1
原创 JavaScript:ES6箭头函数的用法
传统函数:let run=function (){ ......}变形方式:function 变成 =>箭头函数:let run=() =>{ ......}箭头函数的几种使用情况:如果只有一个参数,()可以省略let run= a=>{ alert(a)}如果只有一个return,{} 可以省略let run= a=>a*2**作用:**是代码量减少,为以后学习链式开发奠定了一些基础,当你学的东西越多你会感觉箭头函数越好用..
2020-10-22 20:43:32
83
原创 JavaScript中的深拷贝和浅拷贝,以及深拷贝的实现
面试:JavaScript中的深拷贝和浅拷贝,以及深拷贝的实现从字面意思可以看出,浅拷贝的拷贝程度远远不足深拷贝,浅拷贝:只拷贝对象的引用,不拷贝对象在内存中的地址(修改变量不会改变原对象)只是一个赋予值得作用深拷贝:与拷贝对象指向同一个堆内存(修改数据原对象会一起发生改变),是一个共用地址得作用。如何实现深拷贝1、JSON.stringify()、JSON.parse()这两种方法可以实现基本的深拷贝功能,但是对于一些undefined,function,RegExp等类型的数据操作时,并不会
2020-10-22 20:12:20
100
原创 面试:JavaScript 中 call()、apply()、bind()用法以及区别
面试:JavaScript 中 call()、apply()、bind()用法以及区别例一:var name = 'ldh',age=18;var obj= { name: 'kukudehu', objAge:this.age, myFun:function(){ console.log( this.name+'年龄'+this.age); }}结果:obj.objAge; // 18obj.myFun() // kukudehu年龄 undefined例二:var
2020-10-22 19:16:22
245
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人