daisy

vue3笔记

Daisy_i — Sat, 04 Mar 2023 16:46:29 +0800

官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create 2.使用 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

瞎写的原型理解

Daisy_i — Sun, 23 Oct 2022 15:12:56 +0800

关于原型与原型链下面这些基础 JavaScript 知识一定要 “死记硬背” 的。只有 “死记“，才能 “用活”。对象是某个特定引用类型的实例，可以理解为对象要通过构造函数实例化实现的，而构造函数本身又是一个对象，构造函数本身又需要通过构造函数实例化实现。同时它们也都是原生构造函数每个函数都是Function类型的实例，因此函数也是对象，所以同时拥有__proto__和prototype属性对象都拥有隐式原型（__proto__属性）指向它的构造函数的原型对象（prototype属性）

CSS面试题

Daisy_i — Sat, 22 Oct 2022 14:22:29 +0800

BFC是什么块级格式化上下文。形成一块独立的渲染区域，避免内部元素影响到外部形成BFC的条件浮动元素，float除了none以外的值决定定位元素display以下值之一,table-cell,,flexoverflow除了visible以外的值body根标签BFC的特性bfc的区域不会跟float的元素区域重叠计算bfc高度时，浮动元素也参与计算实现一个BFC这是最开始的样子

HTML面试题

Daisy_i — Wed, 19 Oct 2022 20:25:11 +0800

指在一个网页文档中，每个元素都被呈现为一个矩形的盒子，描述了元素所占空间的内容盒子模型有两种，标准盒子和IE盒子(w3c盒子和怪异盒子)标准盒子宽度是IE盒子宽度是widthpadding和border已经被包含在width里面了两种盒子模型可以使用css的box-sizing属性进行转换标准模型为 box-sizing:content-box;IE模型为：box-sizing:border-box;

基础正则表达式速查

Daisy_i — Fri, 12 Aug 2022 11:34:16 +0800

正则表达式，又称规则表达式,（Regular Expression，在代码中常简写为 regex、regexp 或 RE），是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"），是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串，通常被用来检索、替换那些符合某个模式（规则）的文本正则在线测试工具 https://regexr-cn.com/............

webpack中的loader

Daisy_i — Mon, 25 Jul 2022 16:03:35 +0800

webpack会先从左到右执行loader链中的每个loader上的pitch方法（如果有），然后再从右到左执行loader链中的每个loader上的普通loader方法,在这个过程中如果任何pitch有返回值，则loader链被阻断。webpack打包的时候会通过入口文件找到所有的依赖，对依赖文件一个个进行编译，编译的时候就会加载loader的配置,并且将要处理的文件作为参数传到函数中。inlineloader可以通过添加不同前缀，跳过其他类型loader。............

CORS请求的分类

Daisy_i — Mon, 27 Jun 2022 10:41:31 +0800

客户端在请求CORS接口时,根据请求方式和请求头的不同，可以将CORS的请求分为两大类,分别是:同时满足以下两大条件的请求，就属于简单请求:只要符合以下任何一个条件的请求, 都需要进行预检请求:简单请求和预检请求的区别...

使用JSONP解决跨域

Daisy_i — Mon, 16 May 2022 20:04:31 +0800

1.首先需要知道什么是跨域浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域出于浏览器的同源策略限制同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响 *同源策略限制内容有： Cookie、LocalStorage、IndexedDB 等存储性内容 DOM 节点 AJAX 请求发送后，结果被浏览器拦截了 2.什么是JSONP？ JSONP是JSON with P

el-date-picker时间筛选

Daisy_i — Sat, 14 May 2022 16:50:40 +0800

效果: 选中2022年5月1日之后限制只能前后三个月；以及一些快捷日期选项 const oDate = new

webpack入门到入土

Daisy_i — Sat, 14 May 2022 16:19:39 +0800

🎉webpack入门到入土 1.webpack 简介 1.webpack 是什么 webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。那为什么要用这种构建工具进行打包呢？从上图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减

只能输入数字且保留两位小数

Daisy_i — Thu, 07 Apr 2022 10:01:00 +0800

只能输入数字且保留两位小数 onkeyup="this.value=this.value.match(/\d+\.?\d{0,2}/);if(this.value>=99999)this.value=99999;this.dispatchEvent(new Event('input'))"

ES11可选链操作符

Daisy_i — Fri, 18 Feb 2022 10:52:15 +0800

想要拿到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.

Module build failed: Error: No PostCSS Config found

Daisy_i — Wed, 16 Feb 2022 14:13:11 +0800

缺少配置文件，postcss.config.js module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } }

pinia初体验

Daisy_i — Mon, 14 Feb 2022 11:40:12 +0800

Pinia最初是一个实验，目的是在2019年11月左右重新设计Vue状态管理上的样子，也就是下一代Vuex之前的Vuex主要服务于Vue2，选项式API如果想要在Vue3中使用Vuex，需要使用Vuex4.0版本所以在Vue3伴随着组合式API诞生之后，也设计了全新的Vuex：Pinia，也就是Vuex 5.0在pinia中去除了mutations配置项只保留了actionsimport {import {return {

简易的tab切换封装

Daisy_i — Thu, 01 Jul 2021 18:42:01 +0800

自行理解