- 博客(24)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue 项目i18n国际化，快速抽离中文，快速翻译
在想要使用多语言的页面，用$t(‘属性名’)来生成标题。这里的t是引入了i18n之后，自动挂载在vue实例上的功能。在script上使用this.$t。在文件鼠标右键有个transformFile i18n的选项，点击之后就会自动抽离，自动追加到zh.json文件末尾，还会自动去重。在项目根目录创建vue-i18n-transform.config.js。在src目录下创建文件夹lang以及index.js。/src/lang/index.js文件内容如下。另外他也有一个node组件。
2024-10-22 16:11:56
1511
1
原创 APP端连接打印机打印小票和标签
uniapp 手机端打印标签的方式有两种，一种就是连接蓝牙打印机打印，缺点是不可以同时打印，另一种就是手机端连接socket进行打印，推荐电脑端使用hiprint软件。现在就介绍手机端连接socket的方式，下一篇介绍手机连蓝牙打印。要注意的是，打印的方向和纸张大小，偏移量要在自己本机设置。
2024-08-19 11:32:01
1048
原创 u-number-box加减号只点了一次，却加了很多次
1.4.5 才支持这个参数，直接一点把long-press 置为false就可。根据手机的配置，可能有的手机会出现这个问题，有的不会。
2024-07-25 10:50:47
273
原创 uniapp根据选中项滚动列表，亲测app端和pc端都无问题
在APP端没有document, window，要实现滚动就要借助scroll-view，要获取窗口高度和列表项高度就要借助uniapp的API.
2024-07-25 10:42:27
385
原创 前端面试题
session可以接受原生接口因为cookie每次请求都会携带在http请求中,所以它的主要用来识别用户登录,localStorage可以用来跨页面传参,sessionStorage可以用来保留一些临时数据。因为cookie每次请求都会携带在http请求中,所以它的主要用来识别用户登录,localStorage可以用来跨页面传参,sessionStorage可以用来保留一些临时数据。important>内联样式（非选择器）>ID选择器>类选择器>标签选择器>通配符选择器（*）2.js垃圾回收机制。
2024-05-22 17:36:52
375
原创 不用后台也能获取服务器时间
这个方法不用后端提供接口，直接打开任意网站的控制台就可以获取。要注意如果是在本地运行的项目，获取的时间就是本地时间。私网电脑的本地时间有可能不准，因此都是用本地时间。但是没有关系，一般项目都是运行在服务器上的。
2024-05-22 15:09:31
592
原创 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
194
原创 封装el-date-picker可写入的公共组件
有一天leader说，要把系统的所有日期组件、时间组件都改成可写入的格式，比如选中输入框时清空，输入20180101回车之后必须选中具体日期，并收起下拉控件。没办法，打工人只能开始想办法了，首先封装el-date-picker、el-time-picker的公共组件，通过this.type是否等于time进行判断。大概的思路就是这样，剩下还有再次选中清空输入框，之后怎么回显在下拉控件的问题，这个问题也挺简单，就不细说了。其次是可写入，element官方提供了参数，为true既是可以写入的。
2024-05-08 17:12:52
437
原创 el-date-picker重写此刻方法
这里的此刻默认是获取本地的new Date()时间，如果有一种情况，做的是政府的项目，政府的电脑不能连接外网，因此本地时间不会是服务器时间，这时候就需要重写这个方法。注意这里不能用箭头函数，这个this.emit是el-date-picker里面的方法，如果用箭头函数就找不到这个方法了。elementui的el-date-picker。那这样子就可以在外部通过$refs重写这个方法了。查看elementui的源码得知是这个方法。
2024-05-08 16:45:04
818
2
原创 echarts在隐藏时刷新数据获取不到宽高
针对window.addEventListener("resize",()=>{})无法解决的问题，echarts在display:none时重新渲染图表获取不到宽高的问题。有了ResizeObserver，就不需要window.addEventListener("resize",()=>{})
2024-04-25 15:24:41
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
2471
原创 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
1521
原创 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
5660
原创 前端分页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
5196
原创 报错Cannot read property echarts of undefined
今天执行npm run build:prod，部署到生存环境后，打开页面报了一个错有点疑惑，之前并没有什么问题，这次只是增加了个更换Echarts主题的功能而已后来看了一个大佬的博客，终于解决了问题https://cloud.tencent.com/developer/article/1546268...
2020-06-04 17:30:39
1849
原创 ElementUi Checkbox多选框显示对应内容，并配合clipboard.js复制
由于一些原因，隐藏了一些数据，对程序不影响<script>export default { data() { return { // 需要显示的label和对应的值 dict: { 店铺号: "storeNumber", ip地址: "Vlan1", 地址: "address", 区域: "region" }, //扩展列显示列表 checkList..
2020-05-12 12:15:35
976
原创 Echarts 实现Toolip轮播
Gallery: https://gallery.echartsjs.com/editor.html?c=x0A9jQ8a1jEcharts版本是4.0，注释写的很清楚，有问题请提出
2020-04-27 11:51:32
263
原创 一道前端代码题，用很简单的CSS代码实现
昨天去第一次面试前端这个岗位，有点新奇，去到那里技术就给了我一个电脑，一张设计图让用sublime敲出来。设计图大概长这样吧，因为不能拍照，所以这是我回家后做的。<!DOCTYPE html><html><head> <title>hello</title> <style type="text/css">...
2020-04-21 23:58:57
268
原创 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
197
原创 端口扫描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
455
原创 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
385
开源IT系统管理glpi-9.4.3.tgz
2019-08-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人