- 博客(79)
- 资源 (5)
- 收藏
- 关注
原创 Vue3中 px 转 rem
为了适应手机端不同尺寸的屏幕型号,需要对字体、边距、等做响应式处理,将px的单位需要修改成rem单位。在vue3通过引入第三方插件来统一实现转换。
2024-05-21 10:31:11
1597
原创 Vue3快速上手
什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2024-04-12 10:44:27
1375
原创 SVN不显示文件小图标问题
在该菜单里面找到与 Tortoise相关的文件夹,并对这些文件夹重命名,给前面加空格,使其排序到前面,(该文件以空格排序)。刚开始安装SVN后,正常显示图标,后来安装其他软件之后,图标不显示了,网上找了好多方法,最终解决了,解决办法如下。打开后进入注册表编辑器,依次展开如下菜单。
2023-05-11 10:04:15
313
原创 在IIS服务器上部署SSL证书(基于阿里云平台)
阿里云续费SSL证书下载证书文件在正式服务器上部署IIS部署阿里云部署步骤:步骤一: 下载文件1、登录SSL证书控制台。2、在左侧导航栏,单击SSL证书。3、定位到已签发的SSL证书,单击操作列下的下载。4、在证书下载面板,单击IIS服务器类型后的下载5、解压缩已下载的SSL证书(IIS)压缩包。此时,证书已保存在本地计算机中,导入到服务器端即可步骤二: 导入到服务器中1、在服务器按Win+R键,打开运行。2、输入mmc,单击确定3、为本地计算机添加证书管理单元。3.1、在
2022-04-25 09:27:47
1771
原创 前端中 let 和 var 的区别
作用域不同var是函数作用域,let是块作用域。在函数中声明了var,整个函数内都是有效的,比如说在for循环内定义的一个var变量,实际上其在for循环以外也是可以访问的而let由于是块作用域,所以如果在块作用域内定义的变量,比如说在for循环内,在其外面是不可被访问的,所以for循环推荐用letlet不能在定义之前访问该变量,但是var可以。let必须先声明,再使用。而var先使用后声明也行,只不过直接使用但没有定义的时候,其值是undefined。var有一个变量提升的过程,当整个函.
2022-02-16 17:52:44
2116
1
原创 萤石云接入网页步骤
摄像头接入步骤:获取录像机的序列号和验证码(九位数序列号----进入录像机配置里面获取)设备序列号不能使用出厂的,需要重新设置;注册萤石云(注册时需要输入应用信息,用于哪个方面的);获取Appkey和AppSecret;(用于获取AccessToken,通过接口获取,此过程必须放在后台获取。)将应用信息保存到数据库表中;检查设备是否加密,关闭加密设置(在萤石云PC终端设置);通过接口获取录像机的设备序列号和通道号。用iframe并设置src即可查看'<i
2022-02-16 11:25:52
9333
原创 谷歌chrome 安装Vue devtools
首先在官网下载vuejs官网地址:https://github.com/vuejs/devtools点击下述红框部分。下载完成后在点击谷歌右上角,选择更多工具。点击扩展程序。目录选择若有如下报错,
2021-11-16 16:18:57
862
原创 使用uni-app uniPush功能实现对APP消息推送
Hbuilder 模块配置–>push打勾点击HBuilder下面的 “配置”,会自动跳转到DCloud Web 后台配置若当前没开通,需要输入包名、SH1,SH1是打包时使用证书的SHA1。查看代码keytool -list -keystore +签名证书文件名及后缀开通后,就可以填写通知内容了。填写后,点击预览,需要输入CID,这里填写的cid就是APP代码段获取到的clientId,即客户的IP。var info = plus.push.getClientInfo();con
2021-11-03 20:54:53
1061
原创 文本框输入限制
文本框只可以能输入整数<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">文本框只可以输入数字,可输入带小数点的<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo'
2021-10-20 11:44:16
401
原创 动态获取对象(object)中的key/动态给object中的key赋值
若想要给对象中的key赋值,或者动态取某个对象中的key。如下对象var mapLocationObj = { "项目部":[], "混凝土":[], "其他":[],};var LocationMapList = [{ MarkPointName: "项目部", MarkPointStyle: 1, MarkPoineImage: './images/Location-XMB.png'},{ MarkPointName: "混凝土", MarkPointStyle: 2
2021-09-01 18:03:08
3038
原创 table动态上下移动行
/* params t:触发事件的元素 oper:操作方式*/function check(t, oper) { var data_tr = $(t).parent().parent(); //获取到触发的tr if (oper == "MoveUp") { //向上移动10 if ($(data_tr).prev().html() == null) { //获取tr的前一个相同等级的元素是否为空11
2021-08-27 18:16:43
458
原创 二维数组绘图时给没有的项补0
原始data格式:data:{ lstReceiveStakeNumber:[101,102,103,104,105,106,107], wz:{ "碎石": [{ name: 107, weight: 38.12 }], "水泥":[{ name: 102, weight: 15.97 }] }} var xValue = [], yValue = []; var materialnameData = Obj
2021-07-19 10:38:38
359
原创 uni-app 优化扫码功能
uni-app 自带的扫码功能出现识别失败以及识别准确率不高的情况,因此需要使用第三方插件来实现快速、准确扫码功能。1、首先在项目pages里加入plusScan -> index.vue页面,加完之后记得去pages.json添加。index.vue代码内容<template></template><script> var barcode = null; export default { data() { return { name
2021-06-15 14:48:40
3141
1
原创 layui table内嵌入select
layui数据表格没有支持select的参数,因此需要手动加入模板进去到td中,具体使用方法如下HTML<script type="text/html" id="selectTool"> <select name="materialtype" lay-filter="materialtype" id="materialtype"> <option value="">请选择或输入</option> {{# layui.ea
2021-02-25 17:23:04
2526
原创 ZUI 动态加载树形菜单+动态打开Tab
appData数据:{ "code": 0, "msg": "操作成功", "data": [{ "AppGUID": "b02311e5-48ea-471f-8b5f-ea62956eb1cd", "AppNameJC": "用户管理", "MainMenu": [{ "GUID": "269f7bc5-38c8-48de-916f-3fe926c52cf3", "AppMainMenuName": "新增", "ID": 1, "MenuIcon": "des
2021-02-08 16:56:54
735
原创 datatables + sorttable.js 列排序
首先看看官网是怎么说排序的:https://datatables.net/examples/basic_init/table_sorting.html我用这种方式试了一下,图标是出来了,也可以点击,but点击之后没什么用,数据还是原来的顺序。table = $('#datatable').DataTable({ // "scrollX": true, "scrollY": $(window).height() - 300, "stateSave": false, autoWid
2021-01-29 17:22:09
620
1
原创 Layui treeTable相关
layui官网是没有treeTable这个功能的,需要下载额外的插件实现,幸运的是有符合layui风格的treeTable插件,此篇围绕树状表格讲述。treeTable官网指路:https://gitee.com/whvse/treetable-lay/wikis/pages下载有Gitee账号官网TreeTable资源下载路径:https://gitee.com/whvse/treetable-lay无Gitee账号导入treeTable的导入方式和layui其他组件一样,都是通过layui
2020-12-11 08:47:02
1659
原创 chrome取消自动升级
1、输入win+R启动运行功能2、输入 msconfig,确定,在系统配置中选择“服务”标签。3、勾选“隐藏所有Microsoft服务”4、找到两个Google更新服务,并禁用,即可取消谷歌浏览器自动升级。
2020-11-23 18:01:16
801
转载 iframe 解决跨域
按情境分1、不跨域时2、主域相同、子域不同时3、主域不同不跨域时访问iframe: contentWindow访问父级:parent访问顶级:topa.html<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>A<
2020-11-17 11:36:50
955
转载 Node(express)连接mongodb到前端-访问接口将数据显示页面
如果你是前端想步入全栈领域,如果你想用Node做一个接口,如果你想自己操作一下数据库连接到自己页面的冲动,本篇会大大帮助你,让你一步一步跨过阻碍,到达全栈的第一脚。1、安装node和expressnode安装就不说了网上一大堆,给个链接不会的看看就懂了http://note.youdao.com/noteshareid=c1abd19bbe12e12522d61f5867751a9a&sub=0C8B4FA7214F4D1383446EDD1952374Eexpress安装使用npmnp
2020-10-27 14:27:52
1816
2
原创 layui tree树形组件,根据json条件修改字体颜色
并不是点击后修改字体颜色,而是在页面初始加载时显示。官网中并没有给done回调函数,因此只能在源码中修改,因为需求比较简单,所以修改源码也不会影响其他的操作。修改内容如下:本来这儿只有一个class,通过判断条件给tree-txt再加一个类名,这样直接在css中指定颜色即可。...
2020-09-28 11:48:50
1797
4
原创 使用bootstrap的下拉菜单(dropdown-menu)动态多级
当下拉菜单数据动态变化且有多级时,就只能通过JavaScript循环加载。json数据格式为 GUID、PGUID格式for (var i in Data) { if (Data[i].PGUID == "0") { InfoStr += '<li class="dropdown-submenu">' + '<a href="###">' + Data[i].Name + '</a>' + '<ul class="dropdown-menu"&
2020-09-24 10:51:33
2044
原创 解决使用百度地图API时偏移问题并自适应中心点和比例
关于地图偏移官方给出的说明:4.3 百度坐标为何有偏移?国际经纬度坐标标准为WGS-84,国内必须至少使用国测局制定的GCJ-02,对地理位置进行首次加密。百度坐标在此基础上,进行了BD-09二次加密措施,更加保护了个人隐私。百度对外接口的坐标系并不是GPS采集的真实经纬度,需要通过坐标转换接口进行转换。解决办法 setZoom(json.data); //多个坐标数组 //设置中心点 function setZoom(points) { if (points.length
2020-09-23 17:16:23
2102
原创 将children数组转为一位数组
数组格式为树状children格式//将数组拍平为以为数组,递归实现function flatten(checkData){ // map函数,就是遍历 // ...三个点表示遍布checkData和flatten对象并获取其所有属性,也可获取某个属性,可以修改concat里面的item,比如item.title //然后用我们传递的属性覆盖现有属性。 //可以将这种传播视为逐个提取所有单个属性并将它们传递给新对象。 return [].concat(...checkData.map(item
2020-08-12 17:19:00
687
原创 layui 树状下拉框
准备先获取treeSelect.js文件原js文件不提供自定义解析jsondata的功能,需要自己在源码里面修改。treeselect.js文件已上传至我的资源使用1、script引用 <script type="text/javascript" src="js/treeSelect.js"></script>;2、layui.use加上“treeSelect”,3、var treeSelect = layui.treeSelect4、 function XMTr
2020-07-31 11:50:40
1493
原创 datatables 封装传给后台的参数以及拆分穿回来的参数
方法一:ajax逐步封装ajax: function (data, callback, settings){ //封装请求参数 var param = {}; param.limit = data.length;//页面显示记录条数,在页面显示每页显示多少项的时候 param.draw = data.draw;//开始的记录序号 param.start = data.start;//开始的记录序号 param.page = (data.
2020-07-16 14:10:47
472
原创 前端实现表格搜索
搜索函数function select() { var keyword = o('#edt-search').val(); var searchCount = 0; o('#tree-table').find('tbody tr td').each( function() { o(this).css('background-color', 'transparent'); var text = o(this).text(); if (keyword !
2020-06-24 17:04:47
873
原创 关于时间格式和获取指定时间的方法
使用moment.js脚本官网地址: moment.js日期格式化moment().format('MMMM Do YYYY, h:mm:ss a'); // 六月 24日 2020, 4:57:17 下午moment().format('dddd'); // 星期三moment().format("MMM Do YY"); // 6月 24日 20moment().format('YYYY [escaped] YYYY');
2020-06-24 17:01:30
323
treeSelect.js
2020-07-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人