- 博客(72)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 element 选取多个文件，自动上传
原文参考链接 https://blog.youkuaiyun.com/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
263
原创 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
781
原创 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
3573
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
401
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
1846
2
原创 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
5444
原创 将本地端口映射子域名
比如：localhost:8701 => niu.totocat.cn:8701一. 修改 host 文件路径：C:\Windows\System32\drivers\etc\host如图：修改：二. 执行命令重置 dns···Ipconfig /flushdns···— end
2020-05-26 19:43:25
1297
原创 配置 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
3894
原创 公众号本地调试，域名配置思路
思路：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
530
原创 公众号前端调试部署总结
思路：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
204
原创 webpack 渐进总结
拿起又放下，放下又拿起，方便以后拿起 0.0webpack 的好处很多， 主要是通过不同的 loader 将不同的文件 翻译（编译） 再打包webpack 可以做的事情ES6 ------> ES5scss ------> cssvue ------> jsjsx ------> js启动本地服务跨域访问处理图片and ...
2019-10-24 17:40:56
217
原创 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
237
原创 公众号--------链接
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
184
原创 小程序--------链接
小程序样式自适应—详细介绍如下：https://www.cnblogs.com/guchengnan/p/9383086.html组件库：官网自身组件：
2019-07-02 17:16:48
186
原创 移动端调试神器 eruda
<script src="//cdn.jsdelivr.net/npm/eruda"></script>或者import eruda from 'eruda'只是在开发调试使用：const userAgent = window.navigator.userAgentif (process.env.NODE_ENV === 'development') { ...
2019-05-29 16:15:49
456
原创 页面不舍弃 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
1633
原创 插件：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
5496
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
339
转载 bootstarp模态框再嵌一个模态框 (layer) ，最上层的模态框中的input失效的问题
原 bootstarp模态框再嵌一个模态框，最上层的模态框中的input失效的问题 2016年12月22日 17:36:14 mao_mao_xiao 阅读数：1135 ...
2018-11-15 15:02:38
1166
原创 大屏 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
6597
原创 v-for 复用组件， 动态修改 dom 样式
思路：监听数据变化ref 写在 v-for 的 dom 上this.$nextTick : dom 渲染完毕实例代码：
2018-08-02 17:41:41
695
原创 手机端适配
研究历程:流程 rem —&amp;amp;amp;amp;amp;amp;gt; 淘宝 （lib-flexible）—&amp;amp;amp;amp;amp;amp;gt; vm 布局
2018-07-20 18:12:18
530
原创 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
9086
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
244
原创 webpack 启服务报错， 打包 js， html
参考： https://segmentfault.com/a/1190000006178770package.json: { "name": "es6primary", "version": "1.0.0", "description": "", &a
2018-05-25 11:45:42
658
原创 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
1218
原创 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
335
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人