前端开发
-
项目使用antd，下拉框太难用了，封装一个，其他ui框架改模板就行就用了一个ant的input <template> <div class="tree_select_content"> <a-input v-model="showValue" placeholder="请选择" @input="handleInput" /> <div class="pop" :style="{display:(showPop?'block':'none')}"> <ul id=
2024-12-03 -
防抖和节流概念 防抖和节流都是性能优化的方式 : 针对的是高频触发的事件： 比如 滚动事件scroll, 用户输入事件 input 函数节流 throttle：用户一直触发事件，事件处理函数会每间隔指定的时间后执行一次， 在指定的时间内不会反复执行；（节流意味着事件处理程序每间隔指定的时间执行一次） 防抖和节流的区别：防抖是将多次执行变为最后一次执行，节流是将多次执行变为每隔一段时间执行 防抖和节流的实现方式： 计时器和时间戳 （为了防止变量污染，通过闭包的形式实现功能） 参考网址： 防
2024-12-03 -
该轮播图可实现每隔1秒跳转至下一图片，左右两个箭头可以控制图片前后移动，下面的数字圆圈可以实现点击便跳转到相应图片。 图片比盒子设定的宽高大也没关系，在CSS中设定了overflow隐藏，溢出部分将不显示。 下面是代码： lunbotu.html 轮播图的结构部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, in
2024-12-03 -
/* 滚动条样式 */ #signBox .layui-tab-content::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } #signBox .layui-tab-content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: ins
2024-12-03 -
Vue路由（vue-router）是一个用于Vue.js的路由库，它允许你在单页面应用中实现导航和状态管理。Vue路由的工作原理和工作流程如下： 1. 安装和配置vue-router：首先，你需要安装vue-router库，并在你的Vue项目中引入它。 ```shell npm install vue-router ``` 在Vue项目的入口文件（如main.js）中，你需要引入vue-router并配置它。 ```javascript import Vue from 'vue' impor
2024-12-03 -
背景：在我们安装好nginx之后，nginx默认访问题是OK的，但配置了自己的网页静态html之后，访问就变成了403，无法访问，检查了nginx所有权限都是对的，如（1）nginx启动用root，（2）网页html路径都存在，（3）网页html路径对应的nginx启动用户都有访问权限；这个时间自己的网页还报403，肯定是Selinux安全做了拦截，Selinux是Linux最重要的安全组件，是美国国家安全局开发，对于生产环境，不能直接禁用，禁用了，就降低了服务器的安全性 检查Selinux状态
2024-12-03 -
目标： 能够书写表格 能够写出无序列表 能够写出3~4个常用input表单类型 能够写出下拉列表表单 能够使用表单元素实现注册页面 能够独立查阅W3C文档 目录： 1. 表格标签 2. 列表标签 3. 表单标签 4. 综合案例 5. 查阅文档 1. 表格标签 表格是实际开发中非常常用的标签： 1.1 表格的主要作用 表格主要用于显示、展示数据，因为它可以让数据显示的非常规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显
2024-12-03 -
写在前面： 什么是防抖？什么是节流？ 顾名思义，防抖就是防止你的手抖，手一抖点击页面按钮时候就会出现重复点击的情况，如果是提交按钮就可能导致多次提交操作，也就会向服务器发送多个请求，这并不是我们想看到的，所以我们在对按钮点击、鼠标移入移出等多个事件均可以进行防抖的处理。 var CLICK_EVENT_KEY = 'click-shake'; var BOUNCING_DURATION = 2000; //通过自定义event特殊事件来实现防抖 $.event.spec
2024-12-03 -
前提是父组件导入的是对应的子组件 父传子 在你创建页面的时候就有，父传子 msg是传给子组件的变量，属性值是父组件传给子组件的内容（数据） 父组件页面内容 <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/> 效 果 图 子组件 props和name平级 props: { msg: String, }, 效 果 图 子传父 思路： 在组件用this.$emit(方法名，需要传递的参数) 父组件通过
2024-12-03 -
网上很多博客和资料都写let和const不存在变量提升，只有var会产生变量提升，之前我一直对此深信不疑，直到看到开始对此产生了一点怀疑。 在理解这个问题之前，首先看看var let const的定义和区别。 var 在ES5前声明变量只能用var，且只存在函数作用域: var message = "hi"; message = 100; //可以改变变量类型，合法但不推荐 age = 18; //不用var声明，代表全局变量 var存在变量提升： //变量age自动提升到函数作用
2024-12-03