南有乔木的博客

开发时候，升级了引用module的版本，手动修改package.json文件中的版本号，然后删掉原来的module重新npm install，但是重新安装的版本号并不是我package.json中定义的版本，而依然是原来的版本。先说解决方法：删除vue项目根目录下的package-lock.json，重新npm install。问题解决。至于为什么要删除package-lock.jso...

先说共同点，他们都可以对元素进行缩放。其次是区别：1.zoom从前是IE特有的，现在虽然chrome、Safari也支持了，但他并不是标准的属性，而transform：scale是明确写入规范的标准属性，现代浏览器都支持。2.zoom支持百分比和正数值，只能等比例缩放。而transform：scale不支持百分比只能是数值而且还可以是负数（负数意味着翻转），transform：scale的...

公司的项目要拍照上传图片，但用了第三方平台，拍照接口返回的是照片的base64编码，如何把base64编码的图片上传到服务器呢？思路上来说：首先，要将base64编码转换成file，再将file塞到from中，提交到后台即可。直接上代码/*** imageURI为图片的base64编码，不包含头部部分：data:img/jpg;base64,**/var fileName=(new D...

table定义：<Table height="385" border :columns="fieldDetailColumns1" :data="fieldDetailList1" ></Table>data中写上：data() { let t = this; return { fieldDetailList1: [], ...

给table设置鼠标滑动过的效果，发现tr:hover不起作用，但是改成td:hover就能起作用。查资料后发现原因是td的背景色会覆盖tr的背景色，所以，解决方法是在tr:hover后加上样式：tr:hover td{background:none;} ...

axios.all([ axios.get('https://api.github.com/xxx/1'), axios.get('https://api.github.com/xxx/2') ]) .then(axios.spread(function (userResp, reposResp) { // 上面两个请求都完成后，才执行这个回调方法 ...

Ztree官网下载全量的插件包，然后解压。封装成vueZtree，代码如下：<!—- ztree封装的vue树，依赖ztree3.5版本的css和js，setting配置项等配置可查看ztree官网的api文档。要正常使用，则项目需要引入jQuery--> <style>@import "./ztree/metroStyle/metroStyle.css";...

display的几个常用的属性值inline:使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行.  不能更改元素的height，width的值，大小由内容撑开.  可以使用padding，margin的left和right产生边距效果，但是top和bottom就不行.block:使元素变成块级元素，独占一行，在不设置自己的宽度的情况下，块级元素会...

公司开发，前端框架用的extjs，数据量大又没有分页的时候需要滚动条，但是给grid panel设置了scroll: 'horizontal'，滚动条依然不生效。网上找了解决方案，实测生效解决，记录如下：scroll:false, autoScroll:true, viewConfig: { style: { overflow: 'auto', overflowX: 'hidden' }...

在使用iview的过程中，遇到这样一个问题，在Model中使用select下拉框组件。但是当弹出框超过一屏需要滚动时，select的下拉选项会出现错位（下图1为正常，图2为滚动后，下拉选项错位。）图1：图2：在分析组件代码后，发现以下一个样式：.ivu-modal .ivu-select-dropdown { position: absolute !important;...

前端框架用到了iview，使用tree组件的时候，数据是动态绑定的，页面控件调用如下：<Tree :data="taskTreeData"></Tree>methods中初始化数据的方法如下：initTree() { let _this = this; //调用后台查询树的信息，此处略过，后台查询的返回结果示例如下 var...

页面如下：<template> <div :id="objId" class="randomBoxDiv" :style="stylesBox"> </div></template>其中，div的ID是动态绑定的。JavaScript代码如下：<script>export

参考网上的代码，自己封装了js。实现后效果如图：刷新后，标签颜色和位置会变化。JS代码如下：/**** * 在div中随机展示tag元素 * * 参数 * boxWidth：div盒子宽度 * boxHeight：div盒子高度 * tagWidth：tagDiv宽度 * tagHeight：tagDiv高度 * tagObjs：tagDiv内容 * tagCol...

自定义了一个条形展示百分比的vue组件scalebar。代码如下：<style>.intoDiv { border-radius: 2px; box-shadow: 1px 1px 3px #c5c5c5;}</style><template> <div id="J_PurchaseWrap"> <div :...

一、vue组件的概念官方定义：组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。博主理解：Vue里面的组件可以理解为通过对普通html标签的封装，得到一套独立而且可以通用的html标签...

CSS3中新增的vw, vh, vmin(vm)单位使得前端写样式的时候更加方便，但是这三个单位具体是什么意思呢？vw 相对于视窗的宽度：视窗宽度被平均分为100vw，即width:1vw相当于width:1%，此1%不是父元素的1%而是视窗的1%。vh 相对于视窗的高度：视窗高度被平均分为100vhvmin(vm) vw和vh中较小的那个被均分为100单位的vmin注意，“视区”所指为浏览器内部...

vue环境搭建，cnmp不是内部或外部命令

项目中遇到问题，要判断一个元素是否被隐藏了，网上查了很多方法，但都解决不了我的问题，页面上元素明明看不到元素了，但返回值一直是未隐藏。最后浏览器跟踪CSS样式发现，我的项目中元素被隐藏不是设置的hidden属性或者display:none，而是设置的visibility属性。重新查了一下visibility属性，终于解决了问题，成功判断了隐藏，以下为示例代码，其中obj是要判断是否隐藏的元素，供参

在JS中正则表达式获取URL中的参数值，以及JS中match函数的使用