随笔分类 - 前端分类
摘要：// debounce <template> <!-- 生效 --> <el-input v-model="value" @keyup="handelKeyUp"></el-input> <!-- 不生效 --> <el-input v-model="value" @keyup="debounce(
阅读全文
摘要：.test { /* 设置全屏宽高，覆盖于页面上方 */ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; opacity: 0.8; /* 生成的图片是有一张，开启repeat自动填充 */ background: rep
阅读全文
摘要：1、js含有内置的sort()方法 该方法是按字母顺序对数组进行排序的即按照字符编码进行排序， 当数组中元素为 数字类型 时，排序结果与我们设想的完全不同，因为默认是按照字符编码的顺序进行排序的 2、实现 /* * @description 根据某个字段实现对json数组的排序 * @param a
阅读全文
摘要：1、 <div style="float:left;width: 1px;height: 25px; background: #000;"></div> 2、 ` .lineStyle { box-sizing:border-box; display:inline-block; width:1px;
阅读全文
摘要：function round(num, iCount) { // iCount 保留几位小数 let changeNum = num let zs = true // 判断是否是负数 if (changeNum < 0) { changeNum = Math.abs(changeNum) zs =
阅读全文
摘要：父元素添加 style="transform: scale3d(1, 1, 1);position: fixed;" 子元素添加：width: calc(100%); style="position: fixed;width: calc(100%);"
阅读全文
摘要：项目中可能会需要动态添加 style 行内样式，但是在长期维护的项目里面，尽量要避免使用。 注意： 1、凡是有 - 的style属性名都要变成驼峰式，比如font-size要变成fontSize。 2、除了绑定值，其他的属性名的值要用引号括起来，比如backgroundColor:'#00a2ff'
阅读全文
摘要：utils/deepCopy.js export default function deepCopy(obj) { // 深拷贝方法 if (typeof obj !== 'object' || obj null) { return obj; } let copy; if (obj instance
阅读全文
摘要：一、使用场景 在 CSS 中，媒体查询用于根据不同的屏幕尺寸设置不同的样式。可以使用媒体查询来设置移动端的样式，例如调整字体大小、元素的宽度和高度、图片的缩放比例等。 二、基本使用方式 @media media-type and (media-feature-rule) { /* CSS rules
阅读全文
摘要：背景介绍： 我们做开发经常会遇到这样的一个需求，要开发一个响应式的网站，但是我们需要我们的元素样式跟随着我们的元素尺寸大小变化而变化。而我们常用的媒体查询（Media Queries）检测的是视窗的宽高，根本无法满足我们的业务需求，这时我们常常会用到一个container属性，容器查询来实现我们的，
阅读全文
摘要：div{ width:500px; height:600px; resize:both; // 可拖动方向 overflow:hidden; padding:15px; background-color:red; container-type:size; // 对 } div p { // cqw
阅读全文
摘要：获取代理地址的方式 <%= process.env.VUE_APP_BASE_API %> 其中 process.env.VUE_APP_BASE_API是代理地址 <script> ajax("<%= process.env.VUE_APP_BASE_API %>/system/config/ge
阅读全文
摘要：includes可用于查找数组和字符串是否包含某元素，包含返回true，否则返回false 1、数组 let arr = [1,2,3,4,5] arr.includes[4] // true arr.includes[9] // false 2、字符串 var str = "Hello world
阅读全文
摘要：1.只能输入正负数，包括小数点 value = value.replace(/[^\d.-]/g,'') oninput="value=value.replace(/^([0-9-]\d.?\d{0,6})?.$/,'$1')" 只允许输入数字且保留6位小数 2.只能输入正数，不包括小数点 valu
阅读全文
摘要：需求： 浏览时默认只显示前三行文本，剩余部分折叠，点击“展开阅读全文”显示完整文本，再点击文末的“收起”恢复折叠状态 美化： “展开阅读全文”折叠杆挡住面板下端，并呈现半透明渐变效果 技术： HTML + CSS + Vue.js HTML代码： <div id="example"> <!-- 利用
阅读全文
摘要：1、回调函数的定义和概念 回调函数是一种特殊的函数，它作为参数传递给另一个函数，并在被调用函数执行完毕后被调用。 即：函数a的参数为函数b，当函数a执行完之后再去执行b 作用：回调函数通常用于事件处理、异步编程和处理各种操作系统和框架的API 2、代码展示 function a(callback)
阅读全文
摘要：将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径，如果想将本地js文件打包之后也放在static/js文件夹下，需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA
阅读全文
摘要：``` // html ``` ``` // js export default{ name : 'blog-header', data(){ return{ isPC:true, // 大图片 qall: '../../static/image/土味.jpg', qallBig: '../../s
阅读全文
摘要：``` methods: { //点击调用上传方法 async handleUpload(row) { try { let fileList = await this.getFile("", true); // 参数1：选取文件类型如.pdf、.png、.doc文件，参数2、是否多选 console
阅读全文
摘要：## 封装 ``` function debounce(func,duration = 500){ let timerId return function (...args){ // 解构传参 clearTimeout(timerId) timerId = setTimeout(()=>{ func
阅读全文
浙公网安备 33010602011771号