- 博客(16)
- 收藏
- 关注
RSS订阅
原创 vue3.0学习日常，慢慢整理吧
了解下pnpm好多大佬写的项目 https://vue3js.cn/vite搭建3.0项目终端不要用git应用包 2.0用vuter 3.0用volar
2022-01-19 09:40:24
1212
原创 promise和async await实战教学（简洁直白）
在处理异步的时候，总觉得百度查的异步处理方法写的不够直白，直接上代码：async awaitpromise
2021-03-12 14:14:01
184
1
原创 vue cli3 实现分环境打包
用cli3搭建的vue项目号称零配置文件，为了方便打包（不用手动来回改不同环境进行打包）那么我们在需要打包的时候分不同环境打包怎么办呢1.在根目录下创建三个配置文件，如下图这里我创建了三个，这三个分别是我的 本地；离线；线上环境 ，三个文件的内容依次为下VUE_APP_TITLE要对应当前文件后缀，build 对应的productionNODE_ENV = 'production'VUE_APP_TITLE = 'alpha'===================================
2021-03-10 10:11:45
2416
12
原创 关于uniapp和H5的通信交互传参问题
2.h5通信webview中绑定@message uvue中绑定@onmessage。这里注意想要触发postMessage，需要使用uni的路由时间触发。3.h5组件中获取从uniapp传过来的参数（生命周期中获取）1.在uniapp中创建webview通信的vue页面。5.h5直接像uniapp中配置的路由跳转。在h5 index.html中引入。4.h5向uniapp传递路由参数。
2023-11-02 09:12:49
439
原创 vue/js 常用的通用方法
/** * 过滤对象中为空的属性 * @param obj * @returns {*} */export function filterObj(obj) { if (!(typeof obj == 'object')) { return; } for ( let key in obj) { if (obj.hasOwnProperty(key) && (obj[key] == null || obj[key] == undefined |
2022-08-11 16:25:40
314
原创 关于pc tables滚动加载
写了vue自定义指令的数据滚动分页加载，但是不怎么好用，实践比较好用的一个安装包1.npm install --save el-table-infinite-scroll2. v-el-table-infinite-scroll=“getDataNextPage”3. import elTableInfiniteScroll from “el-table-infinite-scroll”;4. directives: {“el-table-infinite-scroll”: elTableInf
2022-06-01 19:44:10
188
1
转载 vue-cli3+px转rem+vant
1.安装lib-flexible（用于设置 rem 基准值）npm i -S amfe-flexible2.在main.js文件中引入lib-flexibleimport ‘amfe-flexible’3、安装postcss-pxtorem（postcss-pxtorem是一款 postcss 插件，用于将单位转化为 rem）npm install postcss-pxtorem --save-dev4、在public/index.html加入meta标签<meta name="view
2022-05-31 19:43:25
236
原创 页面滚动条优化
/* 滚动条优化 start */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: #f6f6f6; border-radius: 2px; } ::-webkit-scrollbar-thumb { background: #cdcdcd; border-ra..
2022-01-11 08:41:31
409
原创 常用的一些指令
安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org关闭input失焦背景色autocomplete="off" css 覆盖ui框架自带定位上下左右值left :unset
2021-01-05 20:23:22
185
1
原创 常用正则
常用正则validate.js/** * 邮箱 * @param {*} s */export function isEmail (s) { return /^([a-zA-Z0-9._-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}/** * 手机号码 * @param {*} s */// ^1(3|4|5|6|7|8|9)\\d{9}$export function isMobile (s) {
2021-01-04 16:42:41
88
原创 vue段落文字太长收缩（。。。）展开（全局组件）
新建公共组件// An highlighted block<template> <div> <span v-if="data.length<maxLen"> <span class="tj">{{data}}</span> </span> <span v-else> <span class="tj">{{showBtn?sliceStr:da
2020-10-13 20:26:10
898
原创 vue常用组件封装
vue封装axios (get post)axios(index.js)import引入export default function postFetch(url, param) {return new Promise((resolve, reject) => {axios.post(url, param).then(response => {resolve(response)}, err => {resolve(err.response);}).catch((err)
2020-10-12 19:09:51
3038
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人