前端开发
-
客服机限制地址 Require all granted：表示允许所有主机访问。 Require all denied：表示拒绝所有主机访问。 Require local：表示仅允许本地主机访问. Require [not] host<主机名或域名列表>：表示允许或拒绝指定主机或域访问。 例如，若只希望禁止来自两个内网网段192.168.0.0/24和 192.168.1.0/24的主机访问，但允许其他任何主机访问，可以使用如下限制策略。 实验案例： 需求描述：
2024-12-03 -
今天学习 /deep/ 样式穿透，因为vue3中已经使用:deep()取代了/deep/ ，所以直接用:deep()练习。 :deep()的使用场景： 如果给当前组件的style 节点添加了scoped 属性，则当前组件的样式对其子组件是不生效的。如果想让某些样式对子组件生效，则需要使用:deep()。 我原本觉得这个没有难度，于是写了个案例来验证。然后问题出现了，:deep()定义的样式在子组件中不起作用。 我开始找错，把包括冒号、括号在内的语法格式等都检查了一遍，发现语法格式没有问题，控制台
2024-12-03 -
1.引言 什么是 .d.ts 文件 当我们使用 TypeScript 开发时，类型声明是非常重要的。它们提供了代码的静态类型检查和智能提示，以增强代码的可读性、可维护性和可靠性。然而，对于已有的 JavaScript 库或自定义模块，它们可能不包含类型声明信息。这就导致在使用这些库或模块时，我们无法享受到 TypeScript 的类型检查和提示的好处。 这时，.d.ts 文件就发挥了作用。.d.ts 文件是 TypeScript 的类型声明文件，它们的主要作用是为 JavaScript 库提
2024-12-03 -
一、var 在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量 注意：顶层对象，在浏览器环境指的是window对象，在 Node 指的是global对象 var a = 10; console.log(window.a) // 10 使用var声明的变量存在变量提升的情况 console.log(a) // undefined var a = 20 在编译阶段，编译器会将其变成以下执行 var a console.log(a) a = 20 使用va
2024-12-03 -
Hooks是一套能够使函数组件更强大，更灵活的“钩子”。 React体系里组件分为类组件和函数组件。 注意： 1、Hooks解决了什么问题 Hooks的出现解决了俩个问题 1. 组件的状态逻辑复用 组件的逻辑复用在hooks出现之前，react先后尝试了 mixins混入，HOC高阶组件，render-props等模式但是都有各自的问题，比如mixin的数据来源不清晰，高阶组件的嵌套问题等等 2.class组件自身的问题。 class组件自身的问题class组件就像一个厚重的‘战舰’
2024-12-03 -
Vue初识 渐进式框架 既可以把Vue作为应用的一部分嵌入其中（比如一个项目的三个页面原本都是jQuery开发的，可以依次逐步替换成Vue）也可以用Vue的核心库及其生态系统从零开始搭建一个项目 声明式编程 以前的js是命令式编程：从数据到显示需要执行命令Vue是声明式编程：在显示中声明变量，后只需修改变量值；数据和显示分离 响应式 当数据发生改变时，视图会跟着改变 特点及功能 Vue的特点及在Web开发中常见的高级功能 ：解耦视图和数据、可复用的组件、前端路由技术、状态管理、虚拟DOM MVV
2024-12-03 -
功能齐全的a-select下拉组件，可多选，可远程搜索 多选，可远程搜索，下拉框组件 <a-form-item label="合同编号" v-bind="formItemLayout"> <a-select allowClear showSearch mode="multiple" optionFilterProp="children" :filter-o
2024-12-03 -
let filledData = Object.keys(list).reduce((acc, curr) => { if (list[curr]) { acc[curr] = list[curr] } return acc }, {}) //list为传入的对象值
2024-12-03 -
//灰色 color :#000; color :#333; color :#666; color :#999; //白色 color :#fff; color :#333; //背景颜色 color :#f2f2f2; color :#f5f5f5; //不明显选中 color :#f7f7f7
2024-12-03 -
<script> const vm = new Vue({ <!-- el 用于绑定view层dom元素---> //el: '#appvue', <!--对象式写法 --> data: { // 用一个数组将原先的数据全部存进去 books: [{ id: 1, name: '<<算法导论>>', date: '2006-9',
2024-12-03