萝卜芹菜芽-CSDN博客

原创 element 选取多个文件，自动上传

原文参考链接 https://blog.csdn.net/qq_33270001/article/details/114490955必需属性：:on-change=“handleChange”:multiple=“multiple”:auto-upload=“false”关键1：handleChange（）this.fileTotal = document.getElementsByName(this.uploadId)[0].files.length;关键2：httpRequest

2023-11-03 16:44:20 156

原创 css， resize 拖拉宽度

关键样式属性： resize: horizontal;

2023-08-03 17:44:16 1165

原创 element input，一个中文占3个字符

代码如下，可直接复制预览。

2023-07-05 16:51:39 749

原创 element select 多选，真正失去焦点

element select 多选，失去焦点

2023-02-28 16:14:45 952

原创定时任务发送sql 存放的邮件模板， 139 、 qq等邮箱对图片&颜色的兼容问题

邮件模板无法正确展示图片、颜色

2023-02-23 17:48:37 106

原创 axios 异步多个 MessageBox.confirm 弹出，点击取消全部关闭

messageBox.confrim 弹出

2023-02-23 17:34:50 580

原创 onbeforeunload，浏览器关闭和刷新提示

onbeforeunload

2022-11-22 14:15:44 760

原创 vue-router beforeEach 弹出框弹出又消失

vue 路由拦截弹出框消失

2022-11-22 13:52:55 900

原创 nuxt 配置 swiper 注意事项

注意点1、样式不生效：引入 swiper-bundle.css / swiper-bundle.min.css2、翻页按钮不生效：引入 Navigation, Paginationplugins 目录下新建 vue-swiper.js：import Vue from 'vue'import swiper, { Navigation, Pagination } from "swiper";import VueAwesomeSwiper from 'vue-awesome-swiper'impo

2022-01-06 18:47:50 676

原创 vue组件v-on=“$listeners“与重写事件，执行两次

比如 element 组件 el-select，change 事件重写，返回更多的参数：<el-select @change="changeSelect" v-on="$listeners">xxx</el-select>method: { changeSelect(val) { this.$emit('change', val) }}使用：<EccSelect @change="selectChange"></EccSelect>

2021-07-16 09:51:58 3262 2

原创递归循环树节点及所有的父级链

返回结果如图【可直接控制台打印】：const result = diguiTree(tree, ‘2.1.1.1’)代码var tree = [ { id: '1', name: 1, parentId: '0', children: [ { id: '1.1', name: '1.1' }, { .

2021-04-30 15:10:10 290 1

原创 React 手机端生成海报 html2canvas & dom-to-image

海报效果如图：过程遇到的问题：插件问题：html2canvas 不支持 Ios无反应, 支持 Androiddom-to-image 支持 Ios无反应, 支持 Androiddom-to-image 在【ios】中, 图片部分空白，其他部分可以转成图片解决方法：【canvas 画 img】代码1：import React, {Component} from 'react' import QRCode from 'qrcode.react'import './sha

2020-09-14 20:05:55 1647 2

原创注意事项

session storage：同域名，不同标签，数据无法共享

2020-06-29 23:32:32 112

原创 vue-router 配置根路径， publicPath & base

vue.config.js是否为生产环境const isProduction = process.env.NODE_ENV !== 'development'配置 publicPathmodule.exports = { publicPath: isProduction ? 'portal' : '/'}

2020-06-18 19:09:13 5187

原创将本地端口映射子域名

比如：localhost:8701 => niu.totocat.cn:8701一. 修改 host 文件路径：C:\Windows\System32\drivers\etc\host如图：修改：二. 执行命令重置 dns···Ipconfig /flushdns···— end

2020-05-26 19:43:25 1160

原创配置 vue.config.js & index.html

配置两个文件：vue.config.js 配置 cdn & zippublic/index.html 配置1. vue.config.js 配置（可直接复制）出处：https://c.lanmit.com/Webqianduan/JavaScript/55401.html注意事项：用 jsdelivr 代替 bootcdn安装 cnpm install compression-webpack-plugin --save-devconst path = require('pa

2020-05-23 15:14:29 3698

原创公众号本地调试，域名配置思路

思路：1、 ngnix 处理成同域： http://localhost:8080 前端访问路径 http://localhost:8080/ysos 后台访问路径 http://localhost:8080/upload 后台upload文件访问路径2、 http://localhost:8080 映射外网，如：http://www.域名.cn ...

2020-04-16 16:29:28 433

原创公众号前端调试部署总结

思路：1、 ngnix 处理成同域： http://localhost:8080 前端访问路径 http://localhost:8080/ysos 后台访问路径 http://localhost:8080/upload 后台upload文件访问路径2、 http://localhost:8080 映射外网，如：http://www.totocat...

2020-04-15 16:25:13 175

原创可视化模块总结

参考以下网址：http://totocat.cn/visualPage/

2020-04-15 16:17:12 488

原创 webpack 渐进总结

拿起又放下，放下又拿起，方便以后拿起 0.0webpack 的好处很多，主要是通过不同的 loader 将不同的文件翻译（编译）再打包webpack 可以做的事情ES6 ------> ES5scss ------> cssvue ------> jsjsx ------> js启动本地服务跨域访问处理图片and ...

2019-10-24 17:40:56 157

原创 mpvue 小程序

wx小程序与 vue 差异. 不能用 https://www.jianshu.com/p/579035fc9c18 && http://mpvue.com/mpvue/- v-html 不支持- style, class 属性不能绑定对象，可用计算属性- v-for 必须有 index 索引- 不支持在 template 内使用 methods 中的函数- s...

2019-07-05 11:26:23 208

原创公众号--------链接

vue 微信业务一、安装文件node: 附件安装包2. cnpm: http://npm.taobao.org/3. vue: 安装见官方文档二、调试工具：微信开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html二、编码工具 + 插件vsCode插件：- vetur: 语法...

2019-07-03 10:41:48 160

原创小程序--------链接

小程序样式自适应—详细介绍如下：https://www.cnblogs.com/guchengnan/p/9383086.html组件库：官网自身组件：

2019-07-02 17:16:48 158

原创移动端调试神器 eruda

2019-05-29 16:15:49 335

原创页面不舍弃 echarts4 的功能，同时又能用 echarts3 去修改词云颜色

解决方法：同时引入 echart4 & echarts3– 这里以 echarts-3.6.0 为例，本案例使用 requireJs 引入require.config.js 配置两个路径：修改词云插件 echarts-wordcloud.min.js 用 echarts3 替换所有的 echarts 实际用法：词云的 echart 用 echarts3 实例化...

2019-03-28 17:50:39 1563

原创 nginx 前端启动

rootalias

2019-03-05 10:17:35 723

原创插件：ztree 数据格式及基本用法

ztree 官网：http://www.treejs.cn/v3/api.php数据格式：JSONvar nodes = [ {name: &amp;amp;amp;quot;父节点1&amp;amp;amp;quot;, children: [ {name: &amp;amp;amp;quot;子节点1&amp;amp;amp;quot;}, {name: &amp;amp;amp;quot

2019-01-24 11:35:03 5359 1

原创 axios 表单式提交 post

axios 表单式提交 post:paperId=41&amp;amp;examResult=X%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX%2CX需要添加: transformRequest :

2018-12-20 14:52:14 276

原创拖拽

计算图：

2018-11-30 17:13:43 113

转载 bootstarp模态框再嵌一个模态框 (layer) ，最上层的模态框中的input失效的问题

原 bootstarp模态框再嵌一个模态框，最上层的模态框中的input失效的问题 2016年12月22日 17:36:14 mao_mao_xiao 阅读数：1135 ...

2018-11-15 15:02:38 1086

原创大屏 1920 布局：响应式&自适应 vw+ rem + %

需求： 1. 全屏，设计图 1920 x 1080 ; min: 1080 x 768 。 2. 字体可以随屏幕变化而适当变化。思路：元素单位备注 html: font-size 单位 vw 页面宽度、字体单位 rem 页面高度单位 % 不使用 vh, 无法直接实现 min-height...

2018-09-03 10:44:58 6440

原创 v-for 复用组件，动态修改 dom 样式

思路：监听数据变化ref 写在 v-for 的 dom 上this.$nextTick : dom 渲染完毕实例代码：

2018-08-02 17:41:41 628

原创手机端适配

研究历程:流程 rem —&amp;amp;amp;amp;amp;amp;gt; 淘宝（lib-flexible）—&amp;amp;amp;amp;amp;amp;gt; vm 布局

2018-07-20 18:12:18 497

原创 vue2.0 组件 vue-ztree 技巧

安装: npm install vueZtree --save-dev引入import vueZtree from &amp;quot;vue-ztree/src/components/vue-ztree&amp;quot;;用法参考 https://github.com/lisiyizu/vue-ztree-2.0注意事项末尾都要有 children , 空数组也可以业务：这两个地方都可以控...

2018-07-11 14:14:09 8957 3

原创 hexo

https://lefthandcat.github.io/2018/05/23/%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2hexo/

2018-05-25 13:45:57 224

原创 webpack 启服务报错，打包 js， html

参考： https://segmentfault.com/a/1190000006178770package.json: { "name": "es6primary", "version": "1.0.0", "description": "", &a

2018-05-25 11:45:42 594

原创 vs code 常用插件

===================== vs code =====================1. vscode-icons2. Live Server2. highlight-matching-tag4. Auto Close Tag5. Auto Rename Tag启动本地服务6. Path Autocomplete路径提示====...

2018-05-09 17:54:02 961

原创 weex 3端开发，初试

weex 屏幕适配原理：分辨率宽度标准为 1000px, html font-size: 100px, 页面的单位自动为 rem 同比缩放。超出高度可以自己控制。注意事项： **使用了 commonJS 模块化加载(module.exports, require), weex-router 不支持直接 export1. web npm run build打包到 dist/in...

2018-04-28 17:57:13 274

原创 webpack 未定义

1. 管理员下查看 npm 全局的位置：```npm root -g```返回路径：C:\Users\Administrator\AppData\Roaming\npm\node_modules2. 增加环境变量 NODE_PATH C:\Users\user\AppData\Roaming\npm\node_modules3. 管理员下安装 webpa...

2018-01-24 21:34:59 357

原创 d3，根据 geoJson 画出地图及经纬度打点

一、思路：d3.geo.mercator 地理投影，可将经纬度转成平面坐标系[x,y]二、效果查看：https://lefthandcat.github.io/geoD3Map/三、代码已放 github: https://github.com/leftHandCat/geoD3Map三、具体步骤：layer1 第一层，读取 geoJson.json 画出轮廓可以去这个网站下载主要国家，省，市的

2017-12-14 21:02:59 11579

sunny-ngrok.zip

apache-tomcat-7.0.75-windows-x64

空空如也