自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 资源 (2)
  • 收藏
  • 关注

原创 APP端连接打印机打印小票和标签

uniapp 手机端打印标签的方式有两种,一种就是连接蓝牙打印机打印,缺点是不可以同时打印,另一种就是手机端连接socket进行打印,推荐电脑端使用hiprint软件。现在就介绍手机端连接socket的方式,下一篇介绍手机连蓝牙打印。要注意的是,打印的方向和纸张大小,偏移量要在自己本机设置。

2024-08-19 11:32:01 332

原创 u-number-box加减号只点了一次,却加了很多次

1.4.5 才支持这个参数,直接一点把long-press 置为false就可。根据手机的配置,可能有的手机会出现这个问题,有的不会。

2024-07-25 10:50:47 175

原创 uniapp根据选中项滚动列表,亲测app端和pc端都无问题

在APP端没有document, window,要实现滚动就要借助scroll-view,要获取窗口高度和列表项高度就要借助uniapp的API.

2024-07-25 10:42:27 297

原创 react 使用useState出现更新数据不及时

解决方法:使用useRef。useState的使用。

2024-06-07 16:40:53 294

原创 前端面试题

session可以接受原生接口因为cookie每次请求都会携带在http请求中,所以它的主要用来识别用户登录,localStorage可以用来跨页面传参,sessionStorage可以用来保留一些临时数据。因为cookie每次请求都会携带在http请求中,所以它的主要用来识别用户登录,localStorage可以用来跨页面传参,sessionStorage可以用来保留一些临时数据。important>内联样式(非选择器)>ID选择器>类选择器>标签选择器>通配符选择器(*)2.js垃圾回收机制。

2024-05-22 17:36:52 356

原创 不用后台也能获取服务器时间

这个方法不用后端提供接口,直接打开任意网站的控制台就可以获取。要注意如果是在本地运行的项目,获取的时间就是本地时间。私网电脑的本地时间有可能不准,因此都是用本地时间。但是没有关系,一般项目都是运行在服务器上的。

2024-05-22 15:09:31 316

原创 2024前端面试题

vue2 是通过数据劫持去遍历对象的各个属性,改写了get、set方法,其中get当中要订阅数据变动,set要发布数据变动,当数据变动时会重新执行render函数。computed是有缓存的,如果依赖的数据不变动是不会更新的,最主要是computed里面是同步的,不能异步加载,它具有即刻性。vue3要用v-slot,而vue2是v-slot,vue3传入插槽时要用template包裹,而vue2不用。如果是小型项目用provide、inject是没有问题的,vuex比较适合逻辑复杂的项目。

2024-05-09 09:49:59 175

原创 封装el-date-picker可写入的公共组件

有一天leader说,要把系统的所有日期组件、时间组件都改成可写入的格式,比如选中输入框时清空,输入20180101回车之后必须选中具体日期,并收起下拉控件。没办法,打工人只能开始想办法了,首先封装el-date-picker、el-time-picker的公共组件,通过this.type是否等于time进行判断。大概的思路就是这样,剩下还有再次选中清空输入框,之后怎么回显在下拉控件的问题,这个问题也挺简单,就不细说了。其次是可写入,element官方提供了参数,为true既是可以写入的。

2024-05-08 17:12:52 385

原创 el-date-picker重写此刻方法

这里的此刻默认是获取本地的new Date()时间,如果有一种情况,做的是政府的项目,政府的电脑不能连接外网,因此本地时间不会是服务器时间,这时候就需要重写这个方法。注意这里不能用箭头函数,这个this.emit是el-date-picker里面的方法,如果用箭头函数就找不到这个方法了。elementui的el-date-picker。那这样子就可以在外部通过$refs重写这个方法了。查看elementui的源码得知是这个方法。

2024-05-08 16:45:04 531 1

原创 echarts在隐藏时刷新数据获取不到宽高

针对window.addEventListener("resize",()=>{})无法解决的问题,echarts在display:none时重新渲染图表获取不到宽高的问题。有了ResizeObserver,就不需要window.addEventListener("resize",()=>{})

2024-04-25 15:24:41 249

原创 proxy API和defineProperty API性能对比

【代码】proxy API和defineProperty API性能对比。

2024-04-22 14:41:21 389

原创 pc端自适配方案,媒体查询+rem

【代码】pc端自适配方案,媒体查询+rem。

2023-04-26 09:51:34 308

原创 vue一个简单的上下翻页,位于首页时上一页不可点击

想写一个简单的上下分页效果,位于首页时上一页不可点击,位于最后一页时下一页不可点击首先重要的是判断当前是否首页或最后一页,这里用了computed,我用的api是每次返回length为8的Array,并没有total属性,因此只能根据length是否小于8来判断是否最后一页,首页的话是有一个offset值,offset等于0即为首页。 computed:{ // 判断是否是最后一页 isEndPage(){ if(this.videoList.length<8)

2020-12-29 07:44:48 2432

原创 Vue加载区域数据时的Loading效果

切换筛选条件和切换后端分页时经常会有一段时间的请求数据时间,哪怕时间再短也是一段时间,这样会造成用户的体验感很差,因此用css3简单做了个加载效果。具体的代码长这亚子,主要是用了css3 animation属性animation: zoomL 1.4s ease-in-out infinite alternate; 这里ease-in-out是先慢后快,infinite是无限,alternate是交替其他两个.loading节点animation-delay: -1s是让他们延迟执行,可以.

2020-12-28 23:48:29 1475

原创 Vue el-table全表搜索,模糊匹配

这是项目管理系统的界面,有一天,老大突然说想增加某某某列的筛选,一天一个需求。我就想着,与其听他说增加某列的筛选,不如我增加一个全表筛选,这样老大就不会再烦我了getAllList是搜索按钮的click事件,this.keywords绑定了搜索框v-modelasync getAllList() { this.loading = true; await this.$request({ url: "/cmdb/searchBySome/", method: "get", para.

2020-09-17 17:04:35 5398

原创 前端分页el-table中的sortable按修改时间跨页排序

在el-table-column中使用sortable就可以实现升序和降序,但是在前端分页中是只能按照当前分页排序,所以用了@sort-change<!-- 表格 --> <el-table :row-class-name="tableRowClassname" v-loading="loading" :data=" allList.slice( .

2020-06-27 17:33:04 5089

原创 报错Cannot read property echarts of undefined

今天执行npm run build:prod,部署到生存环境后,打开页面报了一个错有点疑惑,之前并没有什么问题,这次只是增加了个更换Echarts主题的功能而已后来看了一个大佬的博客,终于解决了问题https://cloud.tencent.com/developer/article/1546268...

2020-06-04 17:30:39 1809

原创 ElementUi Checkbox多选框显示对应内容,并配合clipboard.js复制

由于一些原因,隐藏了一些数据,对程序不影响<script>export default { data() { return { // 需要显示的label和对应的值 dict: { 店铺号: "storeNumber", ip地址: "Vlan1", 地址: "address", 区域: "region" }, //扩展列显示列表 checkList..

2020-05-12 12:15:35 935

原创 Echarts 实现Toolip轮播

Gallery: https://gallery.echartsjs.com/editor.html?c=x0A9jQ8a1jEcharts版本是4.0,注释写的很清楚,有问题请提出

2020-04-27 11:51:32 241

原创 一道前端代码题,用很简单的CSS代码实现

昨天去第一次面试前端这个岗位,有点新奇,去到那里技术就给了我一个电脑,一张设计图让用sublime敲出来。设计图大概长这样吧,因为不能拍照,所以这是我回家后做的。<!DOCTYPE html><html><head> <title>hello</title> <style type="text/css">...

2020-04-21 23:58:57 246

原创 Vue使用Axios

vue 3.0 使用vue add axios安装,vue 2.0使用npm install axios安装。 在main.js中引入Axios,并prototype。 import axios from 'axios'axios.defaults.baseURL = "http://127.0.0.1:8000/api/" \\配置前缀Vue.prototype.$htt...

2020-04-17 16:10:14 179

原创 端口扫描python-nmap

源码参考刘天斯的《自动化运维》#coding:utf-8import sys import nmaptry: hosts = sys.argv[1] #等待用户输入IP ports = sys.argv[2] #等待用户输入portexcept IndexError: print("for example:python xxx.py 192.168...

2018-08-01 21:24:59 427

原创 ubuntu16.04安装python-rrdtool

sudo apt-get install rrdtoolsudo apt-get install librrd-devsudo apt-get install python-devpip install python-rrdtool

2018-08-01 20:57:07 368

监控页面模版.zip

监控页面模板,可自行diy自己想要的监控页面,用H5写的

2019-08-16

开源IT系统管理glpi-9.4.3.tgz

开源IT系统管理工具,用于资产管理。GLPI提供功能全面的IT资源管理接口,可以用来建立数据库全面管理IT的电脑,显示器,服务器,打印机,网络设备,电话,甚至硒鼓和墨盒等。提供Helpdesk用户支持平台;联系人,合同,合作商,以及文档的管理;提供资源预定,知识库的管理等功能。

2019-08-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除