web前端工程师
关注
分享
扫一扫
web前端工程师
黑色咖啡 Ken
走别人的路让别人无路可走
展开
-
腾讯地图绘制-（开始地-结束地）-路线
腾讯地图绘制-（开始地-结束地）-路线原创 2022-10-28 09:51:43 · 1933 阅读 · 0 评论 -
uni-app中使用钉钉h5微应用扫码功能
1.2 我们需要安装钉Dev开发版USB在线链接，打开开发者模式，同时需要在浏览器输入edge://inspect/#devices 这样就可以随时随地进行调试。具体测试步骤和安装，我会在后面详细针对钉钉开发者测试步骤进行详解。1.1 首先为了随时随地能在本地测试钉钉情况，我们需要在钉钉开发平台注册一个个人的H5微应用，通过企业内部开发中的应用部署本地项目地址。备注：大家在开发钉钉项目时，花最多的时间会在搭建本地测试工具上，因为钉钉相对其他测试工具来比较麻烦。然后在局部文件中引入，您也全局可以引入。....原创 2022-08-30 15:17:05 · 2816 阅读 · 3 评论 -
vue 二维码 生成、渲染
代码】vue二维码生成、渲染。原创 2022-07-25 09:14:52 · 383 阅读 · 0 评论 -
vue 二维码识别读取/相册
代码】vue二维码识别读取/相册。原创 2022-07-25 09:11:17 · 910 阅读 · 0 评论 -
H5+ vue+扫描二维码相册
代码】H5+vue+扫描二维码相册。原创 2022-07-25 08:44:15 · 785 阅读 · 0 评论 -
elementui Tree 树形数据回显默认选中父节点时，部分子节点也全部选中的问题。
问题点：当数据返回默认选中，存在父节点key_id时,tree 会全部选中子节点，这样我们部分子节点没有默认被选中的也选中了。解决方案：1. 获取所有的 data 或者 key 拿到 Tree 组件中的 node数据2.如果出现node数据 没有初始化，那么可以等待dom渲染完成后$nextTick再执行，或者使用延时加载setTimeout2.再判断 isLeaf(是否为叶⼦节点 是则true，不是则false)属性，如果为叶⼦节点就选中。这样利⽤tree的API就实现了正确的回显效果原创 2022-05-19 11:19:36 · 3499 阅读 · 2 评论 -
elementui el-upload 上传文件
手动上传文件转Base64<el-form-item label="上传文件"> <el-upload class="upload-demo" drag action multiple :auto-upload="false" :file-list="fileUpList" :on-change=.原创 2022-04-29 14:20:09 · 1152 阅读 · 0 评论 -
Vue+Element中Table树形懒加载，添加，修改，删除后数据动态更新
数据准备结果呈现添加最外层菜单添加子菜单界面直接上代码index.vue<template> <div class="table-container"> <vab-query-form> <vab-query-form-left-panel :span="3"> <el-button icon="el-icon-plus" type="success..原创 2022-02-24 20:32:56 · 4274 阅读 · 0 评论 -
根据日期获取周数的计算
/****根据日期获取周 这里的周不是自然周 有相应的计算逻辑** */import moment from "moment";export const GetDateWeeksFn=function(date){ let obj={ code:0, data:null } let currDate = moment(date); let w=currDate.startOf("year").format('YYYY-MM-DD');//获取本年度的.原创 2022-01-18 11:26:41 · 1451 阅读 · 0 评论 -
Vue3+TS+Elementui-Plus 局部引用封装
1.安装babel的插件npm install babel-plugin-import -D2.配置babel.config.js////当我们在element-plus引入组件的时候 我们去找 为 name 的样式module.exports = { plugins: [ [ "import", { libraryName: "element-plus", customStyleName: (name) => {.原创 2022-01-14 14:26:38 · 791 阅读 · 0 评论 -
VUE3+TS脚手架安装+目录文件规范
1.安装步骤原创 2022-01-10 23:02:39 · 540 阅读 · 0 评论 -
用js实现id.parentId树结构菜单
定义需要处理的数据var nodes =[{ "id": 21, "parentId": 0, "createTime": "2020-02-07T08:29:13.000+00:00", "title": "权限", "level": 0, "sort": 0, "name": "ums", "icon": "ums", "hidden": 0}, { "id": 22, "parentId": 21, "createTime": "2020-02-07T08:29:51.原创 2021-12-17 11:28:43 · 672 阅读 · 0 评论 -
AJAX / VUE 异步调用音频提示
<audio id="ok"> <source src="../../Audio/ok.mp3" type="audio/mpeg"></audio>//执行方法okTips()//异步语音提示function okTips() {//ok提示语音 okTips NGTips() const url=$("#ok").find("source").attr("src"); load(url);}//AJAX加...原创 2021-08-04 16:18:15 · 283 阅读 · 0 评论 -
elementui type=“week“ 回显赋值处理方式
<el-date-picker :picker-options="{ firstDayOfWeek: 1}" v-model="StartWeek" type="week" format="yyyy第WW周" placeholder="选择周范围"></el-date-picker>vue-cli 利用moment.js转化时间格式为YYYY-MM-DD日，或者是YYYY-MM-DD HH:MM:SS 等格式。import getDates from ...原创 2021-03-10 09:31:39 · 1557 阅读 · 0 评论 -
linux安装Nginx服务器
1.下载Nginx及相关组件1.1进入用户目录下载程序1.2 下载相关组件[root@bigdata04 src]# wget http://zlib.net/zlib-1.2.11.tar.gz[root@bigdata04 src]# wget http://nginx.org/download/nginx-1.10.2.tar.gz[root@bigdata04 src]# wget http://www.openssl.org/source/openssl-fi原创 2021-02-02 15:30:12 · 157 阅读 · 0 评论 -
chekbox【2】 父级多选（选择父，子不能选择），字节多选（选择子，父不能选择），可限制个数
Vuex state：{ "SeriesProductsAll": [ //系列-成品 { name: "ping", id: 1, disabled: false, checked: false, model: [{ name: "HW1623", id: "1_1", disabled: false, checked: false }, { name: "HW1633", id: "1_2", disabled: false, checked: false }, { n原创 2020-11-02 17:17:19 · 211 阅读 · 0 评论 -
chekbox 每项可多选，可限制个数
Vuex数据 state：{ "SeriesProductsAll": [ //系列-成品 { name: "ping", id: 1, disabled: false, checked: false, model: [{ name: "HW1623", id: "1_1", disabled: false, checked: false }, { name: "HW1633", id: "1_2", disabled: false, checked: false }, .原创 2020-10-21 14:43:58 · 318 阅读 · 0 评论 -
elementui el-checkbox-group 自定义全选
<div class="itemTime"> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange" >全选</el-checkbox > <el-checkb...原创 2020-09-26 13:41:50 · 2954 阅读 · 1 评论 -
移动端布局
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /&...原创 2020-06-12 15:07:53 · 167 阅读 · 0 评论 -
vue 世界城市下拉模拟组件
1.引入AddresJson.js城市数据文件<template> <div> <div style="text-align:center;margin-bottom:10px;"> <el-link type="primary" v-show="obj.GlobalRegionName">{{obj.GlobalRegi...原创 2020-03-19 11:16:20 · 469 阅读 · 0 评论 -
ES6类的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>es6类的使用&l...原创 2020-02-10 12:48:47 · 274 阅读 · 0 评论 -
JS 计算单位 ("万元", "亿元", "万亿")
function SetUnitConversion(num) { var moneyUnits = ["", "万元", "亿元", "万亿"] var dividend = 10000; var curentNum = num; //转换数字 var curentUnit = moneyUnits[0]; //转换单位 for (...原创 2020-01-08 10:37:35 · 1877 阅读 · 0 评论 -
VUE2.0自动打包项目到服务器
五步带你完成vue-cli 项目打包一键部署（测试）服 务@一键部署 vue2.0~3.0 都可以使用1、在根目录 新建deploy 文件夹：.env.dev类容如下VUE_APP_SERVER_ID=0.env.prod类容如下VUE_APP_SERVER_ID=12、index.js 文件类容如下：const scpClient = require('sc...原创 2019-12-24 17:42:44 · 1113 阅读 · 0 评论 -
layui table 前端分页
var tableIns = table.render({ elem: '#test', skin: 'true', url: BseUrl + 'api/Orders/GetConfirmedOrderInfo_HT', toolbar: '#s...原创 2019-10-09 21:43:01 · 1278 阅读 · 0 评论