- 博客(21)
- 收藏
- 关注
RSS订阅原创 ts从入门到跑路
1.解析ts文件2.数据类型3.函数类型和断言4.可选链-逻辑符号-字面量类型5.类型缩小6.函数参数和this绑定7.重载和联合类型8.类9.接口10.枚举与泛型11.模块化开发
2022-07-20 15:12:17
1990
1
原创 css的一些常用方法
1.给盒子设置上下阴影<!DOCTYPE html><html><head> <meta charset="utf-8"> <style> div { width: 300px; height: 100px; background-color: yellow; box-shadow: 0px 15px 10px -4px rgba(0, 0, 0, .2), 0px -15
2022-05-27 17:46:57
94
原创 解决vant一些样式问题（持续更新）
1.field1.1修改field中placeholder的样式问题.van-field__control::-webkit-input-placeholder { font-weight: 400;}
2022-05-24 13:39:29
902
原创 vant中list加载异常问题
最近看list加载问题看了好久，也想了很多方法，最后自己又写了一个小demo，你们可以试一下<template> <div class="home"> <van-tabs v-model="active" @change="change"> <van-tab title="标签 1"></van-tab> <van-tab title="标签 2"></van-tab> &l
2022-05-13 10:20:21
1611
原创 设置referrer
1.全界面设置所有界面挑战时携带地址origin，所有请求不携带地址never（修改后记得从新启动）<meta name="referrer" content="origin">2.单页面设置vue的话可以设置一个vue-meta的插件（暂不介绍）也可用在created从dom获取和修改（代码如下）created () { document.querySelector("meta[name='referrer']")["content"] = "neve
2022-05-10 09:31:37
2295
原创 axios在请求头上添加属性
1.post方法发送请求(在headers添加sourceType属性)export const orderCommit = (params, headers) => { return http.post(api.ORDER_COMMIT, params, { headers: headers })}let headers = {sourceType: 2};const orderDetail = await orderCommit(params, he
2022-05-07 11:11:37
889
原创 proxy解决跨域问题
本文基于对王红元老师的学习，很荣幸是他的一名学生1.proxy介绍proxy是我们开发中非常常用的一个配置选项，它的目的设置代理来解决跨域访问的问题： p比如我们的一个api请求是 http://localhost:8888，但是本地启动服务器的域名是 http://localhost:8000，这 个时候发送网络请求就会出现跨域的问题； 那么我们可以将请求先发送到一个代理服务器，代理服务器和API服务器没有跨域的问题，就可以解决我们的跨 域问题了；2.相关配置说明target：表示的是代理
2022-01-15 17:34:30
8032
原创 element-plus全局注册-局部引入icon字体图标
1.首先下载字体图标文件# NPM$ npm install @element-plus/icons-vue# Yarn$ yarn add @element-plus/icons-vue# pnpm$ pnpm install @element-plus/icons-vue2.之后局部导入（更新后icon是通过组件的形式展示，因此需要局部注册）在main.ts接收该方法，并且传入app即可（app就是createApp（App））// 统一导入el-icon图标import {
2022-01-07 19:56:32
1767
原创 Vscode常用插件（vue）（持续更新）
1.自动补全绝对路径（path Autocomplete）1.首先下载Path Autocomplete插件2.在setting.json中填写以下配置// 导入文件时是否携带文件的扩展名 "path-autocomplete.extensionOnImport": true, // 配置@的路径提示 "path-autocomplete.pathMappings": { "@": "${folder}/src", // "@view": "${folde.
2021-10-12 19:56:35
1197
原创 记录一些vue相关的插件地址（持续更新）
1.加载进度条（一般用于axios的请求和响应）nprogress - npm2.echarts地址（图表）导入方式import * as echarts from 'echarts'Handbook - Apache ECharts3.lodash（js方法库）Lodash 简介 | Lodash 中文文档 | Lodash 中文网4.tree-table(级联选择器)import ZkTable from 'vue-table-with-tree-grid' V
2021-10-05 16:21:08
174
原创 正则表达式的校验规则js
/*是否带有小数*/function isDecimal(strValue ) { var objRegExp= /^\d+\.\d+$/; return objRegExp.test(strValue); } /*校验是否中文名称组成 */function ischina(str) { var reg=/^[\u4E00-\u9FA5]{2,4}$/; /*定义验证表达式*/ return reg.test(str); /*进行验证*.
2021-09-15 23:05:00
102
原创 vue cli3或者cli4创建别名
在项目目录下创建vue.config.js文件根据需求配置const path = require('path');//引入path模块function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径}module.exports={ chainWebpack:(config)=>{ config.resolve.alias .set.
2021-09-15 10:19:27
88
原创 vue中使用阿里字体图标库
本文基于pink老师和哈默老师的总结下文的div换成span（或者其他行内标签如i）标签，我就不改了1.首先进入阿里图标库，并且搜索对应的字体图标加入到购物车，之后添加到项目里（项目需要提前创建或者添加时创建）2.删除demo文件并且将文件引入到main.js中3.使用字体图标库的两种方式3.1引入类名（推荐） 3.2使用content如果你直接从css文件复制content会缺少几个符号4.优化代码（只使用第一种引入）第二个是为了防止出.
2021-09-05 13:11:59
362
原创 关于节流防抖的理解
本文仅简单记录自己观点节流防抖面试被问了无数遍，这次简单记录下防抖（debounce）防抖也就是说，一个事件在一定的时间内再次触发，则重新计时，只有再次超过一定时间，才会执行下一次应用场景：1.input表单输入时，提示文本的出现（如果用户输入时超过一定时间，则发送http请求，去获取关键词的提示信息）2.获取加载后的图片宽度，防止多次加载图片一直调整dom结构3.文本保存的实时保存源码实现<button id="btn">防抖按钮</butto.
2021-08-30 23:23:46
367
4
转载 基于uniapp的弹出
本文转自https://ext.dcloud.net.cn/plugin?id=254#仅用于个人学习本人用于弹出评论该插件源码popup-layer.vue<template> <view> <view v-show="ifshow" @tap="ableClose" @touchmove.stop.prevent class="popup-layer" > </view> <view ref="popRef"
2021-08-16 11:41:30
358
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人