- 博客(12)
- 收藏
- 关注
RSS订阅原创 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
3897
原创 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
109
原创 （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
2006
原创 性能优化之雪碧图
一、定义CSS 图像合并（Image sprites） 技术，亦作 CSS 贴图定位、图像精灵（sprite，意为精灵），被运用于众多使用大量小图标的网页应用之上。它可取图像的一部分来使用，使得使用一个图像文件替代多个小文件成为可能。相较于一个小图标一个图像文件，单独一张图片所需的 HTTP 请求更少，对内存和带宽更加友好。二、使用方法利用background-position对图标进行定位，若原来是<img>标签，替换成<a>、<div>1、替换图标：设置w
2020-12-08 10:54:33
308
原创 解决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
1019
原创 验证回文字符串 Ⅱ并打印回文字符串
题目描述给定一个非空字符串 s，最多删除一个字符。判断是否能成为回文字符串。不能，打印"false",能，打印出回文字符串。function isPali(str, l, r) { // 辅助函数 while (l < r) { // 指针相遇 结束循环 if (str[l] !== str[r]) { // 一票否决 return false; } l++; // 指针挪动，
2020-09-13 13:56:12
172
原创 easyui datagrid 自定义操作按钮 点击切换图标&checkbox加上提示框tooltip
easyui datagrid 自定义操作按钮 点击切换图标 &checkbox加上提示框tooltip一、自定义按钮 点击切换图标easyui datagrid添加按钮图片让按钮显示出来添加点击事件onclick点击jQuery的click实现点击一个图标只改变一个图标而不影响全局二、checkbox加上提示框toottip一、自定义按钮 点击切换图标先上图，这是我想实现的效果，可以点击某一个切换图标，也可以点击一个代表全部的按钮让所有图标切换。未点击：点击一个：点击all:ea
2020-08-11 18:40:26
1043
4原创 字节跳动前端-手撕代码-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
254
原创 前端笔试题：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
1027
原创 操原作业二：在Ubantu中编写一个shell——功能从文件中读取每一行显示并统计总行数
一、需要了解的东西１、shellShell 是一个用 C 语言编写的程序，它是用户使用 Linux 的桥梁。Shell 既是一种命令语言，又是一种程序设计语言。Shell 是指一种应用程序，这个应用程序提供了一个界面，用户通过这个界面访问操作系统内核的服务。Ken Thompson 的 sh 是第一种 Unix Shell，Windows Explorer 是一个典型的图形界面 Shell...
2019-03-19 10:51:20
371
原创 操原作业一：在ubantu中如何编译一个新内核
1. 准备工作１）切换为管理员权限，sudo –i 输入用户密码 进入root 权限２）查看内核版本３）准备安装环境apt-get install build-essential kernel-package libncurses5-dev libqt3-headersbuild-essential (基本的编程库（gcc, make 等）kernel-package (Debia...
2019-03-14 14:15:48
331
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人