- 博客(12)
- 收藏
- 关注
原创 Swiperjs插件轮播滑动卡顿优化
插件地址:https://swiperjs.com/场景:自动轮播几十个item,组件滑动卡顿明显,轮播个数为20个以下表现正常。原因:轮播前,渲染所有的swiper-item,dom元素一口气循环挂载到dom树上,当swiper-item个数很多的时候,dom节点内存增大,监听事件占用的内存也逐渐加大,所以出现滑动卡顿现象。解决方案:主要思想:简化dom结构。方案一: 使用api中virtual,开启虚拟Slide功能。但是不适用于我们当前的无限轮播。Note that accordin
2021-10-09 17:19:21
4050
原创 Vue:踩坑(持续更新)
一、在table中数据更新视图不更新for(let i=0;i<re.list.length;i++){ userApi.selectUser(re.list[i].userId).then(data=>{ console.log(data); _this.tableData[i].name=data.response.realName //this.tableData[i].name=data.response.realName this.$set(_
2021-04-07 22:23:57
129
原创 (Mac)nginx部署前端项目到服务器小白教程
一、连接服务器在终端用ssh连接服务器ssh root@xxx.xxx.xx//root为用户名二、在服务器上下载nginx并修改配置文件sudo apt install nginx二、打包vue项目并上传到服务器1、开发生成静态部署文件:npm run build我这里是有两个项目,所以一起放到一个文件夹上传服务器2、上传到服务器scp -p -r /usr/local/xzs/web root@47.107.189.55:/root/www/html//本地的地址到服务
2021-04-06 21:31:00
2064
原创 性能优化之雪碧图
一、定义CSS 图像合并(Image sprites) 技术,亦作 CSS 贴图定位、图像精灵(sprite,意为精灵),被运用于众多使用大量小图标的网页应用之上。它可取图像的一部分来使用,使得使用一个图像文件替代多个小文件成为可能。相较于一个小图标一个图像文件,单独一张图片所需的 HTTP 请求更少,对内存和带宽更加友好。二、使用方法利用background-position对图标进行定位,若原来是<img>标签,替换成<a>、<div>1、替换图标:设置w
2020-12-08 10:54:33
329
原创 解决hover显示图片疯狂抖动问题
保证hover区域不遮挡原来的元素就能解决了。<div class="list-right"> <span class="list-right-icon"></span> <span class="list-right-btn">数据库对比表</span> </div>.list-right { position: absolute; right: 85px;
2020-11-26 17:20:22
1055
原创 验证回文字符串 Ⅱ并打印回文字符串
题目描述给定一个非空字符串 s,最多删除一个字符。判断是否能成为回文字符串。不能,打印"false",能,打印出回文字符串。function isPali(str, l, r) { // 辅助函数 while (l < r) { // 指针相遇 结束循环 if (str[l] !== str[r]) { // 一票否决 return false; } l++; // 指针挪动,
2020-09-13 13:56:12
193
原创 easyui datagrid 自定义操作按钮 点击切换图标&checkbox加上提示框tooltip
easyui datagrid 自定义操作按钮 点击切换图标 &checkbox加上提示框tooltip一、自定义按钮 点击切换图标easyui datagrid添加按钮图片让按钮显示出来添加点击事件onclick点击jQuery的click实现点击一个图标只改变一个图标而不影响全局二、checkbox加上提示框toottip一、自定义按钮 点击切换图标先上图,这是我想实现的效果,可以点击某一个切换图标,也可以点击一个代表全部的按钮让所有图标切换。未点击:点击一个:点击all:ea
2020-08-11 18:40:26
1078
原创 字节跳动前端-手撕代码-js判断字符串子串返回下标
题目描述给出父串‘acde’,要求判断字串’ac’是否在父串中并返回下标我的解法function fn(parent,child){ var index=[]; for(let i of child){ index.push(parent.indexOf(i)) } return index;}console.log(fn('acde'...
2020-04-20 22:57:22
259
原创 前端笔试题:Fibonacci数列(富途)
前端笔试题:Fibonacci数列(富途)题目描述Fibonacci数列是这样定义的:输入描述输出描述我的解法题目描述Fibonacci数列是这样定义的:F[0] = 0F[1] = 1for each i ≥ 2: F[i] = F[i-1] + F[i-2]因此,Fibonacci数列就形如:0, 1, 1, 2, 3, 5, 8, 13, …,在Fibonacci数列中的数我们称...
2020-04-18 18:15:27
1048
原创 操原作业二:在Ubantu中编写一个shell——功能从文件中读取每一行显示并统计总行数
一、需要了解的东西1、shellShell 是一个用 C 语言编写的程序,它是用户使用 Linux 的桥梁。Shell 既是一种命令语言,又是一种程序设计语言。Shell 是指一种应用程序,这个应用程序提供了一个界面,用户通过这个界面访问操作系统内核的服务。Ken Thompson 的 sh 是第一种 Unix Shell,Windows Explorer 是一个典型的图形界面 Shell...
2019-03-19 10:51:20
380
原创 操原作业一:在ubantu中如何编译一个新内核
1. 准备工作1)切换为管理员权限,sudo –i 输入用户密码 进入root 权限2)查看内核版本3)准备安装环境apt-get install build-essential kernel-package libncurses5-dev libqt3-headersbuild-essential (基本的编程库(gcc, make 等)kernel-package (Debia...
2019-03-14 14:15:48
338
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人