web前端工程师
web前端工程师
黑色咖啡 Ken
走别人的路让别人无路可走
展开
-
腾讯地图绘制-(开始地-结束地)-路线
腾讯地图绘制-(开始地-结束地)-路线原创 2022-10-28 09:51:43 · 1733 阅读 · 0 评论 -
uni-app中使用钉钉h5微应用扫码功能
1.2 我们需要安装钉Dev开发版USB在线链接,打开开发者模式,同时需要在浏览器输入edge://inspect/#devices 这样就可以随时随地进行调试。具体测试步骤和安装,我会在后面详细针对钉钉开发者测试步骤进行详解。1.1 首先为了随时随地能在本地测试钉钉情况,我们需要在钉钉开发平台注册一个个人的H5微应用,通过企业内部开发中的应用部署本地项目地址。备注:大家在开发钉钉项目时,花最多的时间会在搭建本地测试工具上,因为钉钉相对其他测试工具来比较麻烦。然后在局部文件中引入,您也全局可以引入。....原创 2022-08-30 15:17:05 · 2489 阅读 · 3 评论 -
vue 二维码 生成、渲染
代码】vue二维码生成、渲染。原创 2022-07-25 09:14:52 · 346 阅读 · 0 评论 -
vue 二维码识别读取/相册
代码】vue二维码识别读取/相册。原创 2022-07-25 09:11:17 · 813 阅读 · 0 评论 -
H5+ vue+扫描二维码相册
代码】H5+vue+扫描二维码相册。原创 2022-07-25 08:44:15 · 705 阅读 · 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 · 3378 阅读 · 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 · 1117 阅读 · 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 · 3974 阅读 · 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 · 1357 阅读 · 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 · 744 阅读 · 0 评论 -
VUE3+TS脚手架安装+目录文件规范
1.安装步骤原创 2022-01-10 23:02:39 · 512 阅读 · 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 · 624 阅读 · 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 · 247 阅读 · 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 · 1430 阅读 · 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 · 136 阅读 · 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 · 182 阅读 · 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 · 295 阅读 · 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 · 2831 阅读 · 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 · 149 阅读 · 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 · 418 阅读 · 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 · 245 阅读 · 0 评论 -
JS 计算单位 ("万元", "亿元", "万亿")
function SetUnitConversion(num) { var moneyUnits = ["", "万元", "亿元", "万亿"] var dividend = 10000; var curentNum = num; //转换数字 var curentUnit = moneyUnits[0]; //转换单位 for (...原创 2020-01-08 10:37:35 · 1744 阅读 · 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 · 1039 阅读 · 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 · 1244 阅读 · 0 评论