weixin_44022586的博客

1.js工具文件：// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) {if (!(this instanceof Print)) return new Print(dom, options);this.options = this.extend({‘noPrint’: ‘.no-print’}, options);if ((typeof dom) === “string”) {this.dom =

使用工具：vue element ImgCutter 功能描述：限制上传一张图片，上传要在左边框展示，支持预览、裁剪、删除已上传图片，裁剪之后左侧框同步更新1.下载element ImgCutter并引入cnpm i element-ui main.js:import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);cnpm insta

在table表格中可以使用动态id给每一个图片列绑定id，如果是只有一个位置展示图片给固定的就可以；将对应的id传入方法便于方法获取该元素<span slot="showPics" slot-scope="text, record"> <img :id="'showPics'+record.id" style="width:50px;height:50px" :src="getUrl('showPics'+record.id,record.showPics)" alt=

/** * 请求封装 * 实例配置: 设置baseUrl 和 timeout * 请求拦截: 为深入配置 可进行token配置 * 响应拦截: 与后台进行配置 主要拦截 response status异常 以及 返回结果错误 */import axios from 'axios'import router from '../router'import Message from '@/utils/message'// 创建axios实例const service = axios.cre

1.对于公用的可以定义一个文件，在main.js引入，挂载在vue入口文件的vue实例原型链上，这样每个模块里面都可以通过this.变量名访问这个变量；Vue.prototype.$axios = axios2.对于其中几个模块公用的可以用js文件抛出一个对象，在各个页面import引入，在vue实例mixins:[mixin] 引入公用3.对于页面层级较深，公用变量的用vuex...

1、首先设置localhost和本地ip访问在config文件下的index.js文件中，修改host为：host: ‘0.0.0.0’，或者在package.json文件下"scripts"的"dev"值后新增–host 0.0.0.0"，即：“dev”: “webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0”,2、设置启动后终端显示localhost和network访问地

根据最后一个节点 找到完整的层级数据{value:1,label:1,children:[{value:2,label:2,children:[{value:4,label:4,}]},{value:3,label:3,children:[{value:5,label:5,}]}]}根据当前节点5 返回[1,3,5]完整的路径数据node原数据 target当前节点值unction deepFinds(node, target){l

使用场景：多级级联最后一级chidren数据给了数组，要做的是删掉空children，否则最后一级会出现空白但是又一直展示原数据：{label:1,value:1,children:[{label:2,value:2,children:[]} ,{label:2,value:2,children:[]}]}处理之后：子节点为空没了{label:1,value:1,children:[{label:2,value:2} ,{label:2,value:2

报错如图：临时配置：npm install --registry=https://registry.npm.taobao.org永久配置：npm config set registry http://registry.npm.taobao.org/再下载依赖即可

Vue Devtools调试工具安装和vue.js not detected解决办法：下载安装包地址：https://link.csdn.net/?target=https%3A%2F%2Fpan.baidu.com%2Fs%2F1vKcb1pTQ0oITRBzr190Thg提取密码：k0s1将下载的文件进行解压，解压完之后，文件内容如下：打开谷歌浏览器，点击右上角，选择更多工具按钮，选择扩展程序，然后将之前解压的Vue.js Devtools_5.3.3_chrome.zzzmh.cn.crx文

标题 ios端完成键done存在的问题在vue框架下，input事件去监听v-model的变量，在ios端点击done按钮，即使输入框有内容input内部获取的v-model绑定的变量也是空值，在input事件下首先让监听的输入框获取焦点可以解决这个问题，元素.focus()...

var vm = new Vue({el: “#fix”,data: {val: [],finaVal: ‘’,// 输入框显示值maskshow: “”,// 判断是否掩码显示flag: true,str: “”,// 存放真实值vall: [],// 最终值finaVall: ‘’,maskshowl: “”,flagl: true,strl: “”,// 第...

<script>eruda.init();</script>

1.解决页面使用 overflow: scroll 在 iOS 上滑动卡顿的问题?首先你可能会给页面的 html 和 body 增加了 height: 100%, 然后就可能造成 IOS 上页面滑动的卡顿问题。解决方案是：(1) 看是否能把 body 和 html 的 height: 100% 去除掉。(2) 在滚动的容器中增加：-webkit-overflow-scrolling: tou...

标题 vue中常用的数组迭代方法学习数组迭代方法every() 迭代数组每一项，每项都符合条件的才返回true，反之falsesome() 迭代数组每一项，只要有一项符合条件就返回true，如果全部不符合才返回falsemap() 迭代数组每一项，可以给特定条件会返回重新组成新的数组filter() 迭代数组每一项，可以给特定的条件进行筛选返回新的数组forEach() 迭代数组每一项...

标题 定义时间滤器

标题 在input·获取焦点自定义全局指令

标题 vue中生命周期函数总结1.beforeCreate在实例未完全创建成功触发 beforeCreate(){//这是第一个生命周期函数 同级的data和methods里面的内容是未定义状态 }2.created 实例完全解析完触发，此时data和methods都可以用beforeMount这是第三个生命周期函数，模板在内存中编辑完了，还没挂载到...

标题安装vue-resource:npm i --S vue-resource引包：在引入vue之后引包 <script src="../node_modules/vue-resource/dist/vue-resource.js"></script>html部分： <input type="button" value="get请求" @click='g...

标题 分别用keyup，watch监听文本框内容变化keyup事件监听 文本框：watch监听：监视路由：

标题 webpack基本配置1.网页中常见静态资源：js,css,inages,字体文件，模板文件2,网页中引入静态资源多了以后有什么问题：加载速度慢，因为发起很多二次请求；要处理错综复杂的依赖关系3.解决上述两个问题：合并，压缩，精灵图，图片Base64编码；requirejs或者webpack解决依赖关系4.webpack是前端的一个项目构建工具，给予nodejs开发的前端工具1.安...

标题 ui按钮组件的使用安装：cnpm i mint-ui -S导入 import MintUi from ‘mint-ui’import ‘mint-ui/lib/style.css’Vue.use(MintUi)Toast组件使用import { Toast } from ‘mint-ui’ 用到提示框组件​import ‘bootstrap/dist/css/...

移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点...

标题 v-if和v-for的区别v-if在条件不满足的时候直接从dom数消失，v-show行间样式变成display:nonev-if有较高的切换性能消耗，v-show有较高的初始渲染消耗，如果元素需要频繁切换，最好不要用v-if,推荐使用v-show;如果元素可能永远不会被显示出来，推荐使用v-if...