注册 登录

清河洛

您现在的位置是:清河洛 > 网站前端 > js学习

js学习

  • ES6的代理对象Proxy

    Proxy用于修改某些对象操作的默认行为,可以理解成在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,可以对外界的访问进行过滤和改写Proxy(target,handlers):创建代理对象target 要拦截的目标对象 handlers 处理器对象,用来定制拦截行为Proxy支持的拦截操作一共13种以下函数中propKey为键名,receiver为代理对象本身,可以省略该参数get(target, propKey, receiver):拦截对象属性的读取set(target, propKey, value, receiver):拦截对象属性的设置,返回一...

    2023-09-16
  • svelte中的动画

    动画是交互设计中重要的视觉元素,页面如果缺少了动画,会显得俨乎其然而变得生硬无趣,少了许多生机页面上的动画并非越是花俏夺目就越好,主要都是一些偏线性的过渡效果,在操作与操作之间缓和过渡,避免生硬svelte为我们内置了常见动画的简单实现运动(motion):元素的某个属性不同值的补间 过渡(transition):元素离开和进入运动效果运动效果由svelte/motion模块支持,该模块导出两个函数tweened和spring这两个函数都是创建一个writable(可写)的store其中tweened函数主要用于补间动画,spring主要用于弹性动画tweened补间动画import {...

    2023-09-13
  • svelte中的状态管理

    props可以由父组件传递给子组件,但是一个应用程序是由很多组件通过复杂的组合而成的,并不单单仅存在父子关系的组件两个非父子组件之间想要传递数据时,就需要用到svelte内置的状态管理store,类似于vue中的Vuex当期望脱离组件的层级(父-子)关系且能够在任意位置都能访问某个状态(变量)时,状态管理是非常有用的状态分为可写状态(writable)和只读状态(readable)两种类型,需要从"svelte/store"中引入已经为我们创建好的工厂函数一般我们会将创建的状态数据单独放置于一个js文件中,以便所有需要此数据的组件引用可写状态(writable)创建可写状态:writab...

    2023-09-03
  • svelte中的生命周期

    每个组件从创建开始,到销毁结束这个过程,都有一个生命周期生命周期函数就是在生命周期的某个阶段运行的代码svelte中的生命周期函数目前有5个,每个都需要单独的由svelte包中引入import {onMount,beforeUpdate,afterUpdate,onDestroy,tick} from "svelte"onMount(callback: () => void):将组件挂载到DOM后运行onMount(callback: () => () => void) 返回值允许为一个函数 返回的函数将在组件销毁时运行beforeUpdate(ca...

    2023-09-01
  • svelte的插值和绑定

    svelte中使用一对花括号 { val } 来标记插值,类似于vue中的双花括号 {{ val }}<script> let name = 'qingheluo'; </script> <p>{ name }</p> <p>{ name=="qingheluo" ? "主人" : "游客" }</p> 在花括号中也可进行简单的运算动态属性花括号除了可以控制文本显示以外,同时适用于元素的属性属性中使用变量可以省略双引号,但是有些编辑器中会显示错误&...

    2023-08-31


网址导航