- 博客(34)
- 收藏
- 关注
RSS订阅原创 Vue3开发小记
插件名称：vite-plugin-vue-setup-extend1、安装2、配置 ( vite.config.ts )plugins: [vue(),})3、使用// test</script>问题：在使用 vite-plugin-vue-setup-extend 0.4.0 及以前版本时，会有个问题：如果 script 标签内没有内容，即使给 script 标签添加上 name 属性，其在 vue-devtools 内也不会生效。
2024-05-16 11:52:27
251
原创 @import url(‘./xxx.scss‘) 导致全局样式污染
【代码】@import url(‘./xxx.scss‘) 导致全局样式污染。
2023-07-27 09:10:37
171
原创 VsCode用户代码片段
{ "Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", "<template>", " <div></div>", "</template>", "", "<script>", "export default {", " name: '',",
2021-10-13 10:43:48
95
原创 VsCode setting.json Eslint
{ "editor.fontSize": 16, "editor.detectIndentation": false, "editor.tabSize": 2, "timeline.excludeSources": [], "workbench.iconTheme": "eq-material-theme-icons-light", "workbench.tree.indent": 18, "explorer.compactFolders": false, "prettier
2021-10-13 10:42:30
218
原创 用vue开发一个进度条插件
具体效果参数看props注解<template> <div class="progress-container" :style="progressStyle"> <div :style="fillStyle" class="fill"> <span v-if="showValue">{{`${value}${unit}`}}</span> </div> </div></tem
2021-10-11 15:56:47
201
原创 Element Menu菜单组件使用递归来实现多级
实现效果具体实现方法目录结构Index.vue下代码<template> <div> <el-menu> <menu-item :menu-data='menuData' /> </el-menu> </div></template><script>import MenuItem from './MenuItem.vue'export default {
2021-09-30 15:58:04
995
1
原创 PC与移动端适配
vue-cli3 PC端适配1、首先安装两个插件：postcss-px2rem，amfe-flexiblenpm i postcss-px2rem -Snpm i amfe-flexible -S122、配置postcss-px2rem，跟 package.json 同级 创建一个文件 .postcssrc.jsmodule.exports = {plugins: {autoprefixer: {},‘postcss-px2rem’: {remUnit: 192 // PC端（1920
2021-08-04 11:19:05
368
转载 常用的正则
一、校验数字的表达式数字：1$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9])$非零开头的最多带两位小数的数字：^([1-9][0-9])+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(-)?\d+(.\d{1,2})$正数、负数、和小数：^(-|+)?\d+(.\d+)?$有两位小数的正实数：2+(.[0-9]{2})?$有1~3位小数的正实数：3+(.[0-9]{1,3})?
2021-07-30 17:15:35
65
转载 浏览器数据库IndexedDB介绍
摘要在移动端H5页面开发的时候，为了更好的提高用户体验，可以对不常变化的数据做浏览器端数据缓存，在用户打开页面的时候，首先加载本地的数据，然后异步请求服务端，更新数据。在移动端webview中，可以使用IndexedDB的方式对数据进行存储。当然如果数据量不大的情况下，localstorage也是一种选择。什么是IndexedDB一般来说，数据库分两种类型：关系型和文档型（也称NoSQL或者对象）。关系型数据库如SQL Server，MySQL，Oracle的数据存储在表中。文档数据库如Mongodb
2021-07-30 16:40:15
869
原创 vue-pdf封装pdf预览功能
<template> <div style="overflow: auto; height: 100vh" v-loading="loading" element-loading-text="文件加载中"> <pdf ref="pdf" v-for="i in numPages" :key="i" :src="src" :page="i" @loaded="load" ></
2021-07-21 09:12:41
166
原创 css 滚动条优化
/* 滚动条美化 */::-webkit-scrollbar { width: 3px; height: 7px; background-color: #f1f1f1;}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track { /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */ bo
2021-07-19 15:09:13
316
原创 Vue bus
bus主要实现组件之间的通信，较于组件之间的子传父，父再传另一子组件方便了很多首先创建一个bus.jsimport Vue from 'vue'const bus = new Vue()export default bus父页面<template> <div class="demo-wrapper"> <comA /> <comB /> </div></template><script&
2021-07-09 16:39:43
482
原创 微信小程序request.js封装
/** * @Token 后台约定的键值名 * @loginPage 登录页路径(用户登录过期时跳转) * @baseUrl 接口域名前缀 * @fileUrl 文件上传路径 */const Token = '后台约定的token名';const loginPage = "/pages/user/login/login";const baseUrl = "你的接口地址";const fileUrl = baseUrl + "storage/upload";const app = getA
2021-06-10 09:36:47
649
原创 vue-amap实现地图makers,label,maker跳动,卫星图/路况/路网,自定义maker图标的效果
vue html代码 <el-amap :amap-manager="amapManager" :zoom="zoom" :plugin="plugin" class="amap-box" :center="mapCenter" vid="amap" > <el-amap-marker v-for="marker in markers"
2021-05-25 16:35:48
2084
转载 JavaScript闭包
一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=999;function f1(){ alert(n);}f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。function f1(){ var n=999;}alert(n); // error这里有一个地方需要注意，函数内部声明变量的时候，一定
2021-02-19 10:09:36
94
原创 小程序商品瀑布流效果
<image wx:for="{{products}}" data-product="{{item}}" style="display:none;" wx:key="*this" bindload="imgLoad" mode="widthFix" src="{{item.product_img}}"></image><view class="content"> <view class="left"> <view wx:for="{{lL.
2020-10-28 14:59:30
861
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人