- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue3笔记
官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create2.使用 vite 创建官方文档：https://v3.cn.vuejs.org/guide/installation.html#vitevite官网：https://vitejs.cn二、常用 Composition API官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html
2023-03-04 16:46:29
222
3
原创 瞎写的原型理解
关于原型与原型链下面这些基础 JavaScript 知识一定要 “死记硬背” 的。只有 “死记“，才能 “用活”。对象是某个特定引用类型的实例，可以理解为对象要通过构造函数实例化实现的，而构造函数本身又是一个对象，构造函数本身又需要通过构造函数实例化实现。同时它们也都是原生构造函数每个函数都是Function类型的实例，因此函数也是对象，所以同时拥有__proto__和prototype属性对象都拥有隐式原型（__proto__属性）指向它的构造函数的原型对象（prototype属性）
2022-10-23 15:12:56
119
原创 CSS面试题
BFC是什么块级格式化上下文。形成一块独立的渲染区域，避免内部元素影响到外部形成BFC的条件浮动元素，float除了none以外的值决定定位元素display以下值之一,table-cell,,flexoverflow除了visible以外的值body根标签BFC的特性bfc的区域不会跟float的元素区域重叠计算bfc高度时，浮动元素也参与计算实现一个BFC这是最开始的样子
2022-10-22 14:22:29
479
原创 HTML面试题
指在一个网页文档中，每个元素都被呈现为一个矩形的盒子，描述了元素所占空间的内容盒子模型有两种，标准盒子和IE盒子(w3c盒子和怪异盒子)标准盒子宽度是IE盒子宽度是widthpadding和border已经被包含在width里面了两种盒子模型可以使用css的box-sizing属性进行转换标准模型为 box-sizing:content-box;IE模型为：box-sizing:border-box;
2022-10-19 20:25:11
148
原创 基础正则表达式速查
正则表达式，又称规则表达式,（Regular Expression，在代码中常简写为 regex、regexp 或 RE），是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"），是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串，通常被用来检索、替换那些符合某个模式（规则）的文本正则在线测试工具 https://regexr-cn.com/............
2022-08-12 11:34:16
347
1
原创 webpack中的loader
webpack会先从左到右执行loader链中的每个loader上的pitch方法（如果有），然后再从右到左执行loader链中的每个loader上的普通loader方法,在这个过程中如果任何pitch有返回值，则loader链被阻断。webpack打包的时候会通过入口文件找到所有的依赖，对依赖文件一个个进行编译，编译的时候就会加载loader的配置,并且将要处理的文件作为参数传到函数中。inlineloader可以通过添加不同前缀，跳过其他类型loader。............
2022-07-25 16:03:35
2299
1
原创 CORS请求的分类
客户端在请求CORS接口时,根据请求方式和请求头的不同，可以将CORS的请求分为两大类,分别是:同时满足以下两大条件的请求，就属于简单请求:只要符合以下任何一个条件的请求, 都需要进行预检请求:简单请求和预检请求的区别...
2022-06-27 10:41:31
154
原创 使用JSONP解决跨域
1.首先需要知道什么是跨域浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域出于浏览器的同源策略限制同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响*同源策略限制内容有：Cookie、LocalStorage、IndexedDB 等存储性内容DOM 节点AJAX 请求发送后，结果被浏览器拦截了2.什么是JSONP？JSONP是JSON with P
2022-05-16 20:04:31
12180
1
原创 el-date-picker时间筛选
效果: 选中2022年5月1日之后 限制只能前后三个月；以及一些快捷日期选项 <el-date-picker v-model="dateRange" :picker-options="pickerOptions" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>const oDate = new
2022-05-14 16:50:40
639
原创 webpack入门到入土
🎉webpack入门到入土1.webpack 简介1.webpack 是什么webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。那为什么要用这种构建工具进行打包呢？从上图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减
2022-05-14 16:19:39
131
原创 只能输入数字且保留两位小数
只能输入数字且保留两位小数onkeyup="this.value=this.value.match(/\d+\.?\d{0,2}/);if(this.value>=99999)this.value=99999;this.dispatchEvent(new Event('input'))"
2022-04-07 10:01:00
294
原创 ES11可选链操作符
想要拿到host需要判断 config是否存在再判断config.db最后才能拿到config.db.host 非常难受 function main(config) { let dbHost = config && config.db && config.db.host console.log(dbHost); //127.0.0.1 } main({ db:{ hos.
2022-02-18 10:52:15
502
原创 Module build failed: Error: No PostCSS Config found
缺少配置文件，postcss.config.jsmodule.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } }
2022-02-16 14:13:11
576
原创 pinia初体验
Pinia最初是一个实验，目的是在2019年11月左右重新设计Vue状态管理上的样子，也就是下一代Vuex之前的Vuex主要服务于Vue2，选项式API如果想要在Vue3中使用Vuex，需要使用Vuex4.0版本所以在Vue3伴随着组合式API诞生之后，也设计了全新的Vuex：Pinia，也就是Vuex 5.0在pinia中去除了mutations配置项只保留了actionsimport {import {return {
2022-02-14 11:40:12
733
原创 简易的tab切换封装
自行理解<template> <div class="tab-list" ref="tabList"> <div v-for="(item,index) in valueList" :key="index" class="tab-item" @click="itemClick(index)" :style="{width: tabItemWidth + 'px', color: currentIndex === index ? ac
2021-07-01 18:42:01
365
原创 uni-app获取上层路由的方法
var pages = getCurrentPages();//获取页面var beforePage = pages[pages.length - 2];//上个页面调上个页面方法// #ifdef H5beforePage.submitAct()// #endif但是，在uni-app中是适配多端的，beforePage.submitAct()只在h5中有效，在app端和微信小程序端都会报错 not a function在h5和app中实现当前页调上个页面方法// #ifndef H5
2021-06-21 16:12:50
3387
原创 简单的路由守卫
需要在配置路由时给路由添加meta，如下：component:'组件',meta:{ isLogin:true}// 路由守卫router.beforeEach((to, from, next) => { // console.log(to) if (to.matched.some(res => res.meta.isLogin)) { //判断是否需要登录 if (jsCookie.get('AdminToken')) {
2021-04-24 09:28:48
95
原创 jquery制作简易tab选项
效果图<html><head><meta charset="utf-8"><title></title>CSS代码<style type="text/css"> *{ margin: 0px;padding: 0px; }#main{ width: 300px; height: 350px;}img{ width: 300p
2021-04-24 09:15:48
155
1
原创 基于element-ui的主题颜色修改器
基于element-ui的主题颜色修改器<template> <el-color-picker v-model="theme" class="theme-picker" popper-class="theme-picker-dropdown"> </el-color-picker></template><script> const version = require("element-ui/pack
2021-04-24 09:06:40
219
原创 vue.js使用element-ui时解决重复出现弹窗
我们在使用element-ui弹窗提示时，弹窗会反复的弹出，反复弹出会影响用户体验，这个时候就需要配置一下弹窗/*防止重复点击重复弹出message弹框 */import {Message} from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if(messageInstance) { messageInstance.close() } mess
2021-04-23 20:57:17
1130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人