前端
loriby
这个作者很懒,什么都没留下…
展开
-
vue3+vite+tsx 配置及使用
第一步 先安装 jsx 依赖or;安装完成后如果报查看vite版本和安装的依赖版本是否一致。第二步 在文件中引入并使用jsx依赖。以下配置仅为了展示jsx配置展示,详细配置可查看或;include 配置添加.tsx。css配置完成后引入文件编辑器会爆红,可以在d.ts里面添加;使用方式:.tsx文件引入效果及dome。原创 2022-12-30 11:38:34 · 2069 阅读 · 0 评论 -
vitejs 常用配置
这个里面的配置项 是记录我常用的配置 具体的详细配置请移步 Vite 了解{ root: process.cwd(), // 项目根目录(index.html 文件所在的位置), base: '/', // 开发或生产环境服务的公共基础路径 mode: 'development', // 模式 plugins: [vue()], // 需要用到的插件数组 publicDir: 'public', // 静态资源服务的文件夹 cacheDir: 'node_modules/.vite原创 2022-01-19 11:30:40 · 2714 阅读 · 2 评论 -
vitejs跨域配置
新建vite.config.jsimport type { UserConfig, ConfigEnv } from "vite";import vue from '@vitejs/plugin-vue';import { resolve } from 'path';import { loadEnv } from 'vite';function pathResolve(dir: string) { return resolve(process.cwd(), '.', dir);}ex原创 2022-01-19 10:33:28 · 2556 阅读 · 0 评论 -
vue3 + vitejs 简单配置
我使用的时候使用的vue+vite+ts,所以新建vite.config.ts。如果有的小伙伴使用的时候没有使用ts删除有类型定义的地方就好。import type { UserConfig, ConfigEnv } from "vite";import vue from '@vitejs/plugin-vue';import { resolve } from 'path';import { loadEnv } from 'vite';function pathResolve(dir: str原创 2022-01-19 10:27:16 · 1085 阅读 · 0 评论 -
找不到模块“xxx.vue”或其相应的类型声明。ts
在项目根目录下新建.d.ts文件并写入declare module '*.vue' { import { DefineComponent } from 'vue'; const Component: DefineComponent<{}, {}, any>; export default Component;}不想自己写的小伙伴 一积分下载 下载配置文件...原创 2022-01-05 11:19:10 · 3809 阅读 · 1 评论 -
js map()、some()、every()、filter()用法及差异
const arr = [18, 36, 24, 90, 78, 32];map()循环取到数组的每个值const arr1 = arr.map(v => { return v // 取到每个值})console.log(arr1) // [18, 36, 24, 90, 78, 32]some()循环数组判断如果有一个符合条件的就为trueconst arr2 = arr.some(v => { return v > 32})console.log(arr2)原创 2021-08-14 14:38:55 · 168 阅读 · 0 评论 -
js call()、apply()、bind()的用法及区别
call()call() 方法第一个参数是作为函数上下文的对象,后面传入的是一个参数列表,而不是单个数组。语法:call(obj,args)实例: var name = '张三', age = 13; var obj = { name: '李四', objAge: this.age, fun: function (c, t) { console.log(`${this.name} 今年${this.age}岁 来自${c} 要去${t}旅游`) }原创 2021-04-27 10:32:14 · 202 阅读 · 0 评论 -
深拷贝、浅拷贝
深拷贝和浅拷贝简单来讲就是赋值深度不同。原创 2021-04-20 11:17:29 · 104 阅读 · 0 评论 -
内存分区
所有编程语言内存都可以分为五大区: 栈、堆、全局/静态 存储区、常量存储区、代码区栈(stack)读取速度快,空间小,存放局部变量和形参等,不需要时自动清除。堆(heap)读取速度慢,空间大,内存大小根据数据多少变化,分配、释放由程序员控制,容易造成二次删除和内存泄漏。全局/静态 存储区(static)存储全局静态和静态变量的区域,程序运行时存续存在,结束后释放空间。常量存储区(const)存放常量字符串,只读。程序代码区(code)存放程序二进制代码。...原创 2021-04-20 10:47:32 · 139 阅读 · 1 评论 -
mapbox绘制航线图
mapbox先上效果图再来一段官网描述:Mapbox GL JS 是一个 JavaScript 库,它使用 WebGL,以 vector tiles 和 Mapbox styles 为来源,将它们渲染成互动式地图。它是 Mapbox GL 生态系统的一部分,其中还包括 Mapbox Mobile,它是一个用 C++ 编写的兼容桌面和移动平台的渲染引擎。P.S. mapbox地图展示的大部分信息可以在地图样式里面配置。包括平常的河流、土地、天空等颜色,还有各种建筑是否显示地区名字、中英文等。代码#原创 2021-04-19 18:01:22 · 1702 阅读 · 2 评论 -
百度地图信息窗口样式修改
.map-wrap { .BMap_bottom { display: none; } .BMap_pop { > div, > img:nth-child(10) { display: none; overflow: unset; } > div:nth-child(7) { display: block; } > div:nth-child(9) { displa.原创 2020-05-12 17:23:18 · 3786 阅读 · 1 评论 -
js base64转换为文件上传下载
先上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-26 09:54:12 · 647 阅读 · 0 评论 -
百度地图添加点聚合 地图移动 信息窗口关闭
百度地图添加点聚合 地图移动 信息窗口关闭百度地图添加点聚合后 地图缩放移动会触发点聚合重绘事件使用map上绑定 map.openInfoWindow(info,point)可解决点聚合重绘覆盖infowindow的问题...原创 2019-12-20 10:18:16 · 818 阅读 · 0 评论 -
Error: No PostCSS Config报错
项目在本地启动时报Error: No PostCSS Config…在项目根目录下新建postcss.config.js文件,并对postcss进行配置:module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } }OK 重新执行 成功了!想知道具体原因可以去官网详细了解...原创 2019-09-27 17:28:27 · 329 阅读 · 0 评论 -
vue props、$emit子、父传值
子传父vue子传父使用$emit传值子组件:<template> <div> <button @click="toParent">点击传到父级</button> </div></template><script>export default { name: 'ch...原创 2019-07-20 17:15:12 · 307 阅读 · 0 评论