- 博客(132)
- 资源 (9)
- 收藏
- 关注
转载 判断页面是在手机端还是在PC端
不同之处是它将 user agent 字符串解析为一个对象,该对象的mobile属性,返回一个布尔值,表示用户是否使用移动设备。上面示例中,window.matchMedia()的参数是一个 CSS 查询语句,表示只对屏幕宽度不超过 700 像素的设备生效。它返回一个字符串,表示用户的操作系统。上面示例中,any-pointer:coarse表示所有指针里面,只要有一个指针是不精确的,就符合查询条件。这种方法的优点是简单方便,缺点是不可靠,因为用户可以修改这个字符串,让手机浏览器伪装成桌面浏览器。
2024-04-24 17:35:54 59
原创 overflow-y没有超出高度,依然显示出滚动条
即使内容不超过高度,也会出现右边的滚动条(max-height与height出现的滚动条长短不一样,渲染数据有时多有时少,使用max-height)。
2024-03-26 21:00:00 223
原创 小程序样式问题
button按钮去掉边框,border:none;或border:0; 仍有一条细线边框解决:使用 button::after{ border: none; }或是.[className]::after{ border: none; }vantweapp使用外部样式类custom-class等,推荐使用!important,保证样式优先级,具体视情况而定。待续
2024-02-26 11:38:57 125
原创 定时器setTimeout校准(JS闭包)
在js中所有函数都可以访问上一层作用域,父函数中定义子函数,子函数可以访问父函数中的值,子函数相当于一个闭包函数。父函数调用子函数进行计数,counter不会被重置,且不能被外部所改变,只有重新调用父函数,才会重置。每次执行定时器后,都获取系统时间进行修正,对后面运行时间有一个补偿。
2024-01-03 21:45:00 401
原创 flex布局换行后出现间隙问题
align-content是Flex布局中用于控制多行子项在交叉轴上的对齐方式的属性。它仅在有多行子项时才会生效,如果子项只有一行,则align-content属性不会产生任何效果。align-self 是Flex布局中用于单个子项控制其在交叉轴上的对齐方式的属性。通过为单个子项设置 align-self 属性,可以覆盖容器的 align-items 属性,从而针对该子项进行个别的对齐方式设置。问题:换行后,行间出现空白间隔,如果没有设置父容器的高度,不会出现这个问题,父容器高度会随子项增多,而变大。
2023-12-21 10:26:17 1278
原创 echart饼图高亮颜色设置,数据为0时候,labelLine不显示
label不显示可以在series.data外面设置。label不显示也可以在data里面单独设置某项。
2023-12-06 21:30:00 719
原创 elementui 修改 el_table 表格颜色,表格下方多了一条线问题
如果使用了scoped,需要加上stylus /deep/ (其他的css语言有不一样的写法)其他背景色,表格边框颜色修改。
2023-10-23 21:00:00 1111 1
原创 计数器(JS闭包)
在js中所有函数都可以访问上一层作用域,父函数中定义子函数,子函数可以访问父函数中的值,子函数相当于一个闭包函数。父函数调用子函数进行计数,n不会被重置,且不能被外部所改变,只有重新调用父函数,才会重置。调用父函数时,返回的是一个函数,相当于要执行createCounter()() 才会有输出值;实现一个计数器,counter 函数最初返回 n,每次调用它时会返回前一个值加 1 的值;闭包满足n的变量,调用过程中不会在外部被改变,也不会被重置。输出[-2,-1,0,1]
2023-10-10 20:00:00 397
原创 vant2 van-calendar组件增加清除按钮和确定按钮
注意:date是一个数组,有两个对象,只选择一个日期的时候,返回[{日期},null],故不能根据数组的长度来进行判断。
2023-08-31 22:00:00 1354
转载 CSS中一个冒号和两个冒号有什么区别(css中:和::的区别)
与伪类针对特殊状态的元素不同的是,伪元素是对元素中的特定内容进行操作,它所操作的层次比伪类更深了一层,也因此它的动态性比伪类要低得多。它控制的内容实际上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文档中,所以叫伪元素。伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。伪元素所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。
2023-08-30 17:44:27 186
原创 css利用flex分配剩余高度出现子组件溢出问题
是一个CSS属性,用于指定弹性容器内弹性项目的伸缩能力和分配比例。情景:父组件高度一定,子组件中,其他子组件高度固定,一个子组件高度不确定(页面滚动列表)多重嵌套的时候,父组件中也有flex:1,同样需要使用overflow属性控制溢出;当子组件的内容超出了容器的高度(父组件)时候,(推荐),或是限制子组件的最大高度。1.利用flex分配剩余高度/宽度。
2023-08-29 21:00:00 2436
原创 浏览器url最后斜杠(/)有和没有的区别
不加斜杠(/):当在URL末尾不加斜杠时,表示请求的是一个具体的文件。例如,https://www.example.com/about.html 表示请求的是名为"about.html"的具体文件。加斜杠(/):当在URL末尾加上斜杠时,表示请求的是一个目录或文件夹。例如,https://www.example.com/blog/ 表示请求的是一个名为"blog"的文件夹或目录。
2023-07-27 09:54:23 2569
原创 计算两个数之和不使用四则运算
3.进位,则两个数都是1的位置,左边需要进位1,(a&b) 两个位置都是1,相与后1,左移进1。4.得出公式a+b=a^b+(a&b)
2023-06-25 22:00:00 91
原创 详解Promise对象
promise有三个状态:状态只能从pending到resolved或rejected,一旦改变了,就凝固了,不可改变,之后触发then、catch后续操作。1->2当前promise的值:1->3当前promise的值:reject(val),和上面相同解析宏任务和微任务的执行
2023-03-07 15:01:52 254 1
原创 什么是尾调用优化和尾递归?
尾调用是函数的最后一步,所以不需要,保留外层函数的调用记录,因为调用位置、内部变量的信息不会再用到,可以直接用内层函数的调用记录,取代外层函数的调用记录。函数调用会在内存中形成一个“调用记录”,又称为“调用帧”,保存调用位置和内部变量信息。当函数嵌套的层级比较深,调用栈中的调用帧比较多,对内存的消耗很大。解法:最后一步可以选择爬1个或2个台阶,则爬n阶等于爬(n-1)+(n-2)个台阶之和。每次的结果都保留在参数中,只保留一个调用记录,复杂度 O(1),不需要保留每一步的调用记录。
2022-11-09 20:00:00 386
原创 el-radio-group 点击事件无效时,保持旧值
而@change事件handleChange,提交的是model,查看计算函数的get ,当前el-radio是嵌套在el-radio-group中的就取el-radio-group的value,所以value不会改变;场景:在点击el-radio时,需要先判断一下,根据接口请求,判断结果决定本次点击是否有效,或二次确认时选择了取消。2.若使用value,加上@change事件,发现不能获取到点击的单选值,change事件传的时旧的value。源码如下:模板中绑定的是v-model=“model”,
2022-10-21 22:00:00 3485 1
原创 elementUI的消息弹窗组件手动关闭和遮罩层关闭问题
modal-append-to-body:遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Dialog 的父元素上。append-to-body:Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true。可能是两个dialog嵌套问题,将append-to-body 设置为true。2.移除掉DOM(慎用)
2022-10-13 22:00:00 2471
原创 给定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素。
题目给定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素。链接https//leetcode.cn/problems/single-number。你的算法应该具有线性时间复杂度。你可以不使用额外空间来实现吗?原理使用map记录每个元素出现的次数。3.异或运行中,满足交换律和结合律。输入[4,1,2,1,2]来源力扣(LeetCode)2.任何数和0做异或,等于本身。1.任何数和自己做异或等于0。输入[2,2,1]原理使用异或运算符。......
2022-07-20 20:00:00 1350
原创 echarts的x轴标签重叠 解决
1:Echarts X 轴 标签倾斜摆放2:Echarts X 轴 限制每行字数,换行显示使用axisLabel的formatter函数,一行显示多少字数,超过则换行用正则替换3:Echarts X 轴 垂直竖显文字与第2点同理,只是变成了一个字换行,字符串-》数组=》字符串,如下4:Echarts X 轴 隔行显示与第2点同理,标签奇数换在下一行显示...
2022-07-12 15:14:46 3938
原创 js怎么让对象中的数据排序输出
情景:渲染统计数据,按照日期排序,数据类型如下:const data = { "01":6, "02":3, "03":9, ...}假如使用for in 遍历数据,输出的数据不一定按照01,02这样排序解决方式:先用 Object.keys(data).sort()将key排序导出,再遍历数据如下://先key排序 let arr = Object.keys(data).sort();//再遍历keyarr.foreach(item=>{//排序输出数据 conso
2022-05-17 23:11:09 467
原创 uview 中的<u-select>组件的mutil-column-auto 模式下children为空报错
描述:组件,mutil-column-auto模式下,如果children为空会报,children is undefined的错误解决方法,给数组中添加一个children数组,并且给一个空值的对象,value和label 可以是指定的字段, 如下:item.children = [ { "value": null, "label": ""}]假如要可以选到有子级的父级分类,可以给数组中的每一个item的头部,添加一个空值,在确定事件中做一个判断,如下:confirmEvent(e){
2022-04-23 18:47:30 1068
原创 vscode配置i18n-ally插件和vscode使用小技巧
{//自动生成“i18n-ally.localesPaths”: [“src/assets/lang”],// 如下须要本身配置“i18n-ally.keystyle”: “nested”,“i18n-ally.namespace”: true,//翻译文件可允许的格式,默认json“i18n-ally.enabledParsers”: [“json”,“js”],“i18n-ally.sortKeys”: true,//源文件“i18n-ally.sourceLanguage
2022-02-17 09:48:25 3401
原创 uni-app中使用uCharts图表设置横向滚动无法滑动。
1.问题设置了enableScroll:true无效,配置如下:chartOpts:{ legend:{ show:false }, padding: [10,0,0,0], dataLabel:false, dataPointShapeType:'hollow', yAxis: {data:[{fontColor:'#cccccc'}]}, update:true, enableScroll: true,//开启图表拖拽功能 scrollAlign:'left
2022-02-15 13:44:21 5551 18
原创 uniapp小程序v-for循环绑定事件传值为undefined
描述:uni-app 中的v-for中 在点击传值的时候函数中在页面输出的是有效值在微信小程序中输出的却是undefined 未定义的值item.code和item.name都是有值的代码:<view v-for="(item,index) in foodlist" :key="item.code" @click='changeType(item.name)' :class="item.name == curClass? 'title-item-active title-item' : 't
2022-02-09 15:04:27 1579 1
原创 箭头函数的适应场景?
注意事项函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象,函数体内没有自己的this,其内部的this指向是外层作用域的this(在箭头函数中this的指向是固定,声明的时候就静态绑定了)不可以作构造函数,也就是不能使用new命令,否则会报错不能使用yield命令,所以不能做Generator函数不可以使用arguments对象,因为对象在箭头函数体内不存在。假如要使用arguments对象,则使用rest参数代替场景:箭头函数适合于无复杂逻辑或无副作用的纯函数场景下,
2022-01-20 23:54:00 1312
原创 多次买卖一支股票
题目:给定一个数组 prices ,其中 prices[i] 是一支给定股票第 i 天的价格。设计一个算法来计算你所能获取的最大利润。你可以尽可能地完成更多的交易(多次买卖一支股票)。注意:你不能同时参与多笔交易(你必须在再次购买前出售掉之前的股票)。示例 1:输入: prices = [7,1,5,3,6,4]输出: 7解释: 在第 2 天(股票价格 = 1)的时候买入,在第 3 天(股票价格 = 5)的时候卖出, 这笔交易所能获得利润 = 5-1 = 4 。随后,在第 4 天(股票价格
2022-01-05 22:18:00 108
原创 vue使用计算属性只执行一次
项目场景:vue使用计算属性遇到的一些问题问题描述:在vue的计算属性中,使用全局变量,改变全局变量,计算属性不会重新计算;改变“this.height”,假如height原先在data中定义过了,则计算属性会改变,否则不会改变。computed:{barHeight(){ //背景图的高度 return App.prototype.CustomBar + Number(this.height); } }原因分析:计算属性必须依赖固定的数据类型(响应式数据),不能是普
2021-12-21 08:30:00 3398
原创 织梦添加栏目时提示 保存目录数据时失败,请检查你的输入资料是否存在问题
原因:二次开发的时候数据插入语句没写好,有缺少字段,或sql语法错误。或是织梦版本升级后,数据字段不匹配等。解决:1.先排查,在/dede/catalog_add.php(dede为后台代码文件夹,默认dede),中搜索" 保存目录数据时失败,请检查你的输入资料是否存在问题"(搜索错误提示),找到代码在上面输入echo $in_query;die;2.继续添加栏目,复制输出内容,在sql命令工具中执行(织梦系统工具中有),看提示错误,在从代码中查看3.如果是编辑则查看catalog_edit.p
2021-11-11 11:47:07 639
原创 vue项目多语言化
在src下面创建目录,放多语言包(json/js). 使用vue-i18n,创建index.js import Vue from 'vue'; import VueI18n from 'vue-i18n'; //引用element-ui语言包 element-en,element-zh // 导入语言包信息 import en from "./locale/en.json"; import zh from "./locale/zh-CN.json"; // 注册i18n .
2021-11-03 11:23:05 401
原创 简单的flexible 代码
$(function(){ var whdef = 16/1920;// 表示1920的设计图,使用100PX的默认值 var wH = window.innerHeight;// 当前窗口的高度 var wW = window.innerWidth;// 当前窗口的宽度 var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值 $('html').css('font-size', rem + "px");
2021-10-25 14:41:11 159
原创 连锁重绘导致页面卡顿
长列表滚动页面,box-shadow的阴影区域和固定定位有交叉关系时,滚动时会导致页面重绘。websocket实时更新列表中某行中某个元素的数据时,整个列表发生重绘。(数据变化时使用了animation导致了同一层次的元素重绘)解决:在该元素上增加相对定位,设置一个唯一的z-index值。使元素有独立的层次,在浏览器渲染该元素时不会触发连锁重绘。...
2021-10-20 10:28:38 253
原创 织梦channelartlist标签当前栏目高亮
1.修改include/taglib/channelartlist.lib.php文件在$pv->Fields['typeurl'] = GetOneTypeUrlA($typeids[$i]);下面增加//新增支持currentstyle属性 if($typeids[$i]['id'] == $refObj->TypeLink->TypeInfos['id'] || $typeids[$i]['id'] == $refObj->TypeLink->TypeInfos
2021-10-13 11:07:34 234
原创 织梦根据字段是否为空来显示内容
{dede:field.bigpic2 runphp=‘yes’} if(@me<>’’) @me=’’;{/dede:field.bigpic2}
2021-10-13 10:53:11 70
selectDemo.zip
2021-05-27
18.Vue技术栈开发实战-Tree组件实现文件目录-基础实现(41分33秒).txt
2020-09-25
第3讲 函数1.doc
2020-01-10
3.2 Python常见数据结构详解.docx
2020-01-10
多种类型大公司招聘试题集合
2018-03-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人