![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
southArbor
心有猛虎,细嗅蔷薇
展开
-
vue npm install安装出来的modules版本和package.json中定义的版本不一致
开发时候,升级了引用module的版本,手动修改package.json文件中的版本号,然后删掉原来的module重新npm install,但是重新安装的版本号并不是我package.json中定义的版本,而依然是原来的版本。先说解决方法:删除vue项目根目录下的package-lock.json,重新npm install。问题解决。至于为什么要删除package-lock.jso...原创 2019-11-18 11:33:02 · 8008 阅读 · 1 评论 -
zoom和transform:scale的区别
先说共同点,他们都可以对元素进行缩放。其次是区别:1.zoom从前是IE特有的,现在虽然chrome、Safari也支持了,但他并不是标准的属性,而transform:scale是明确写入规范的标准属性,现代浏览器都支持。2.zoom支持百分比和正数值,只能等比例缩放。而transform:scale不支持百分比只能是数值而且还可以是负数(负数意味着翻转),transform:scale的...翻译 2019-04-05 16:52:53 · 2561 阅读 · 0 评论 -
JS,base64编码的图片上传
公司的项目要拍照上传图片,但用了第三方平台,拍照接口返回的是照片的base64编码,如何把base64编码的图片上传到服务器呢?思路上来说:首先,要将base64编码转换成file,再将file塞到from中,提交到后台即可。直接上代码/*** imageURI为图片的base64编码,不包含头部部分:data:img/jpg;base64,**/var fileName=(new D...原创 2019-04-04 17:41:31 · 5792 阅读 · 2 评论 -
vue-table列中嵌套input和select时,输入时失去焦点
table定义:<Table height="385" border :columns="fieldDetailColumns1" :data="fieldDetailList1" ></Table>data中写上:data() { let t = this; return { fieldDetailList1: [], ...转载 2019-01-15 18:18:49 · 5085 阅读 · 0 评论 -
table中tr:hover无效 td:hover有效
给table设置鼠标滑动过的效果,发现tr:hover不起作用,但是改成td:hover就能起作用。查资料后发现原因是td的背景色会覆盖tr的背景色,所以,解决方法是在tr:hover后加上样式:tr:hover td{background:none;} ...转载 2019-01-14 18:47:01 · 8196 阅读 · 3 评论 -
vue-axios同时执行多个请求
axios.all([ axios.get('https://api.github.com/xxx/1'), axios.get('https://api.github.com/xxx/2') ]) .then(axios.spread(function (userResp, reposResp) { // 上面两个请求都完成后,才执行这个回调方法 ...转载 2019-01-14 16:48:21 · 16823 阅读 · 4 评论 -
vue封装ztree
Ztree官网下载全量的插件包,然后解压。封装成vueZtree,代码如下:<!—- ztree封装的vue树,依赖ztree3.5版本的css和js,setting配置项等配置可查看ztree官网的api文档。要正常使用,则项目需要引入jQuery--> <style>@import "./ztree/metroStyle/metroStyle.css";...原创 2019-01-14 11:59:54 · 2052 阅读 · 2 评论 -
css之display的使用
display的几个常用的属性值inline:使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行. 不能更改元素的height,width的值,大小由内容撑开. 可以使用padding,margin的left和right产生边距效果,但是top和bottom就不行.block:使元素变成块级元素,独占一行,在不设置自己的宽度的情况下,块级元素会...转载 2019-01-02 18:52:25 · 210 阅读 · 0 评论 -
Extjs grid panel,设置了scroll: 'horizontal',滚动条不生效
公司开发,前端框架用的extjs,数据量大又没有分页的时候需要滚动条,但是给grid panel设置了scroll: 'horizontal',滚动条依然不生效。网上找了解决方案,实测生效解决,记录如下:scroll:false, autoScroll:true, viewConfig: { style: { overflow: 'auto', overflowX: 'hidden' }...转载 2018-12-28 19:23:57 · 1122 阅读 · 0 评论 -
解决iview 的select下拉框选项错位的问题
在使用iview的过程中,遇到这样一个问题,在Model中使用select下拉框组件。但是当弹出框超过一屏需要滚动时,select的下拉选项会出现错位(下图1为正常,图2为滚动后,下拉选项错位。)图1:图2:在分析组件代码后,发现以下一个样式:.ivu-modal .ivu-select-dropdown { position: absolute !important;...转载 2018-10-22 18:12:51 · 3583 阅读 · 1 评论 -
iview的tree组件,设置expand不生效,以及全部展开和全部合并的实现
前端框架用到了iview,使用tree组件的时候,数据是动态绑定的,页面控件调用如下:<Tree :data="taskTreeData"></Tree>methods中初始化数据的方法如下:initTree() { let _this = this; //调用后台查询树的信息,此处略过,后台查询的返回结果示例如下 var...原创 2018-10-18 18:14:58 · 14500 阅读 · 8 评论 -
VUE中,HTML对象的ID动态绑定,在mounted中根据ID无法获取到对象
页面如下:<template> <div :id="objId" class="randomBoxDiv" :style="stylesBox"> </div></template>其中,div的ID是动态绑定的。JavaScript代码如下:<script>export原创 2018-09-17 15:21:02 · 14098 阅读 · 0 评论 -
div中随机显示个性标签
参考网上的代码,自己封装了js。实现后效果如图:刷新后,标签颜色和位置会变化。JS代码如下:/**** * 在div中随机展示tag元素 * * 参数 * boxWidth:div盒子宽度 * boxHeight:div盒子高度 * tagWidth:tagDiv宽度 * tagHeight:tagDiv高度 * tagObjs:tagDiv内容 * tagCol...原创 2018-09-11 17:29:25 · 2223 阅读 · 0 评论 -
iview的table组件中渲染自定义vue组件
自定义了一个条形展示百分比的vue组件scalebar。代码如下:<style>.intoDiv { border-radius: 2px; box-shadow: 1px 1px 3px #c5c5c5;}</style><template> <div id="J_PurchaseWrap"> <div :...原创 2018-09-04 11:55:53 · 4424 阅读 · 3 评论 -
VUE构建组件(转载)
一、vue组件的概念官方定义:组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。博主理解:Vue里面的组件可以理解为通过对普通html标签的封装,得到一套独立而且可以通用的html标签...转载 2018-08-09 18:01:27 · 279 阅读 · 0 评论 -
px, em, rem, vw, vh, vmin, vmax的含义
CSS3中新增的vw, vh, vmin(vm)单位使得前端写样式的时候更加方便,但是这三个单位具体是什么意思呢?vw 相对于视窗的宽度:视窗宽度被平均分为100vw,即width:1vw相当于width:1%,此1%不是父元素的1%而是视窗的1%。vh 相对于视窗的高度:视窗高度被平均分为100vhvmin(vm) vw和vh中较小的那个被均分为100单位的vmin注意,“视区”所指为浏览器内部...转载 2018-05-14 18:12:49 · 895 阅读 · 0 评论 -
vue环境搭建
vue环境搭建,cnmp不是内部或外部命令转载 2018-01-03 10:15:34 · 289 阅读 · 0 评论 -
jQuery判断对象是否隐藏(display和visibility的区别)
项目中遇到问题,要判断一个元素是否被隐藏了,网上查了很多方法,但都解决不了我的问题,页面上元素明明看不到元素了,但返回值一直是未隐藏。最后浏览器跟踪CSS样式发现,我的项目中元素被隐藏不是设置的hidden属性或者display:none,而是设置的visibility属性。重新查了一下visibility属性,终于解决了问题,成功判断了隐藏,以下为示例代码,其中obj是要判断是否隐藏的元素,供参原创 2017-07-24 16:49:35 · 7321 阅读 · 1 评论 -
JS中用正则获取URL参数值的问题——JS中match函数的使用
在JS中正则表达式获取URL中的参数值,以及JS中match函数的使用原创 2017-05-10 17:41:23 · 1746 阅读 · 0 评论