- 博客(10)
- 收藏
- 关注
RSS订阅原创 Nuxt3安装失败之fetch failed
刚开始以为是需要用vpn搭梯子，结果配置代理后，依然报错，也不知道到底咋回事。总不至于对于Nuxt3的学习就要止步于此了吧？后再运行安装命令（我这里使用的是npx版本的命令）就可成功初始化安装Nuxt3项目文件了。想着学习一下Nuxt 最新版，按照官方的命令安装项目脚手架时候直接报错，提示。那就是手动修改我们电脑本地的host文件。经过一番查证，总算有大佬解释了这个问题。我们打开host文件，在里边增加一行。Mac系统的host文件目录在。项目模板仓库中获取文件。干的事情很简单，就是利用。
2024-01-17 18:36:39
571
原创 h5键盘弹起底部菜单(按钮)被顶起-vue自定义指令解决
开发H5中测试过程中发现在安卓手机上，input/textarea 获取焦点 软键盘弹出 会让absolute/fixed或者使用flex局部 固定在底部的元素(固定底部栏)顶起来问题；在搜索后发现安卓上在键盘弹起的时候浏览器。我这边我是使用了input/textarea 的focus/blur事件，及配合resize事件来设置固定底部栏。添加上之后 我们就会发现现在是可以符合我们的条件的，当键盘展示时隐藏底部固定栏，收起键盘时展示底部固定栏。自定义指令详情 请参考官方文档。
2022-09-20 17:36:00
2850
原创 JavaScript Class类详解
ECMAScript 6 提供了更接近传统语言的写法，新引入的class关键字具有正式定义类的能力。类（class）是ECMAScript中新的基础性语法糖结构，虽然ECMAScript 6类表面上看起来可以支持正式的面向对象编程，但实际上它背后使用的仍然是原型和构造函数的概念，让对象原型的写法更加清晰、更像面向对象编程的语法。
2022-05-18 09:40:09
18806
5
原创 代码优化: requestAnimationFrame来代替setTimeout
requestAnimationFrame与setTimeout相比，requestAnimationFrame 最大的优势是由浏览器来决定回调函数的执行时机，即紧跟浏览器的刷新步调。
2022-05-17 16:37:10
1188
原创 javaScript Object.defineProperty 详解，及vue2中Observer解析
Object.defineProperty直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象;备注：应当直接在 Object 构造器对象上调用此方法，而不是在任意一个 Object 类型的实例上调用。/** * obj { Object } 必传，目标对象（要定义属性的对象） * prop { String | Symbol } 必传， 需定义或修改的属性的名字 * descriptor { Object } 必传， 要定义或修改的属性描述符 * configura
2022-04-03 17:28:47
1675
原创 vue基于webpack-theme-color-replacer 线上实时修改antd element ui主题色
vue 项目在线动态切换主题色；尝试了很多方法，比如：服务器端渲染判断返回对应主题css，或者动态根据主题去加载提前准备的css对应文件，还有就是服务器端渲染；最后是在看ant desgin vue pro 的时候学习了他们使用的切换主题的方式，个人感觉挺不错的；使用了 webpack-theme-color-replacer 插件，该插件可以从所有输出的 css 文件中提取主题颜色样式（例如 antd、element-ui 主题颜色），并制作一个仅包含颜色样式的 ‘theme-colors.css’ 文
2022-01-08 14:17:10
1179
原创 vue3 实验属性 script setup ＜script setup＞
公司一直使用的都是vue2.x，在vue conf 中看尤大演示 script setup 让我眼前一亮，这种简便语法太吸引了。示例在不使用script setup,我们代码是：<template> <h1 v-text="count"></h1> <p v-text="double"></p> <button @click="add">count++</button></template>&
2021-05-29 15:59:53
1536
1
原创 Vue 动态路由的实现
我们在日常开发中，经常会遇到项目需要权限管理的，当项目越来越大的时候，我们还是非常需要做动态路由这一块的，现在我们一起来了解一下如果制作vue的动态路由；1.基础路由的配置// router.config.jsimport { BasicLayout } from '@/layouts'import { bxAnaalyse } from '@/core/icons'/** * 基础路由 * @type { *[] } */export const constantRouterMap =
2021-03-31 14:07:47
948
原创 javaScript Array api 数组大全
javaScript Array api梳理一、Array 类型检测Array.isArrayinstanceofArray.prototype.isPrototypeOfObject.getPrototypeOfconstructorObject.prototype.toString.applylet is_array1 = Array.isArray([]) // truelet is_array2 = ([]) instanceof Array // truelet is_ar
2021-03-29 11:27:28
2914
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人