huweiye2015的博客

原创 开箱即用的图片裁剪组件

vue2 cropperjs

原创 [mock] vue3 + vite + mockjs

【代码】[mock] vue3 + vite + mockjs。

原创 [VUE3] 阴影字体+渐变字体

知识点: vue3 中 v-bind() 可以对 computed和ref使用 但不能对props使用 但可以转化。$slots.default()[0].children 可以得到传入的文字。知识点: less函数也可以使用vue3 style v-bind()的传值。// if(useSlots().default) 可以判断插槽是否有内容。知识点 : 使用useSlots判断是否有传入默认插槽。// 渐变阴影文字key: 阴影 渐变 字体。

原创 一张图区别Proxy和Object.defineProperty

原创 vue3 一起学习

vue3 两个新特性:1 可以在html结构中多个根节点2 在输出中多以个emits的选项, 类似props, 可以是数组或者是对象(对象允许配置事件验证, 返回布尔值表示事件生效)重点: 自定义渲染器 custom renderer...

原创 聊一聊 Vue3实现双向绑定的技术: Proxy构造函数

Proxy: 代理 _ 就是拦截了想拦截的场景, 拦截之后使用自定义的方法来代替掉被拦截的原生场景先贴语法const myProxy = new Prosy(target, handler)参数说明:target: 任何类型的对象 包括原生数组,函数,甚至另一个Proxy实体对象handler: 一个对象,可用来配置, 可以对以下属性进行配置如果对下面某些操作进行配置后 那么在某些对应的场景就会被拦截 使用配置的方法例如 如果配置了get 那么在读取受代理对象下的某个属.

原创 [JS] 聊一聊File对象

File是一个构造函数 是一种特殊的Blobconst fooFile = new File(['foo'], 'foo.txt', {type: ''text/plain}) // 得到一个内容是 foo 的 foo.txt文件cosnt fooFIleUrl = URL.createObjectURL(fooFile) // 得到一个字符串"blob:https://developer.mozilla.org/578d33f2-b22e-488b-b94c-f6e78ae953cc" ...

原创 [VUE3.0] 从0到0.00001 一起学习

使用官网推荐的vite搭建项目(需要node版本大于12.0.0)# npm 6.xnpm init vite@latest HELLO-VUE3 --template vue# npm 7+, 需要额外的双横线：npm init vite@latest HELLO-VUE3 -- --template vue进入HELLO-VUE3项目文件夹下安装一下依赖# npm install根据package.json运行脚本```cmd```// 开发调试# npm run.