- 博客(6)
- 收藏
- 关注
原创 小球抛物线过渡效果(react)
react实现:html: {/*<!-- 小球落脚点 -->*/} <div className="favorites-wrap"></div> {/* 小球 */} <div className="ball"></div>css:/*生成小球,并定义初始位置*/.ball { width: 60px; height: 60px; background-color: #ff4800;
2021-05-12 21:11:24
254
2
原创 scrollTo方法的平滑滚动
scrollTo有两种语法:1.scrollTo(x,y) //指定滚动到x轴和y轴的位置2.scrollTo(options) //options有三个参数,(left,top,behavior ),top 等同于 y-coordleft 等同于 x-coordbehavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant window.scrollTo({
2021-05-11 21:07:53
817
原创 Vue中组件之间通信
父子之间的传值父组件传递给子组件值父组件中引入子组件,并注册子组件(就是引入该组件) 父组件中使用子组件 父组件调用子组件时使用 v-bind 绑定传递给子组件的值 在子组件中使用 props 接收传递到的值子组件传递给父组件值在子组件中使用 ‘this.$emit(‘自定义方法名’,值)’,如下: <p @click="SendMsg">登陆</p>//methods方法中 methods:{ SendMsg(){ //GetMsg是在父组件
2021-05-09 20:02:04
118
原创 React中setState不及时生效的解决方法
在你想更新state的地方,加一个setTimeout,setTimeout是同步的,带动state会立即更新,代码如下: setTimeout(() => { this.setState({ phone }) console.log(this.state.phone) }, 100);
2021-04-30 16:36:15
3304
2
原创 Vue.js 前端开发及应用试题
一、翻译题beforeCreated 生命周期创建后function 函数extend 扩展bind 绑定NaN 非数值undefined 未定义attribute 属性export 输出component 组件property 性质二、简答题1、 Vuex中有哪些属性分别声明作用?Vuex的五个属性state, getters, mutations, actions, modulesstate:vuex的基本数据,用来存储变量。geeter:从基本数据(sta
2021-04-27 21:42:20
829
原创 js获取css样式封装
封装 function getStyle(obj , attr){ return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]; //兼容写法IE:火狐 };具体代码如下:<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <...
2021-04-27 21:12:35
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人