zhumengzj的博客

原创 node_sass安装失败，但又不想重装python2和降低node的版本，如何解决？

node_sass安装失败，但又不想重装python2和降低node的版本，如何解决？

原创 git 拉取远程仓库信息

假设我们写到一半了，现在工作区的代码都已经commit了。此时同事说要不帮忙一起排查一个问题，同事一般用的是自己分支，于是就得问他：你用的哪个分支啊？于是得把他的分支给拉下来，看看他的代码哪儿有问题git fecth -- 手动拉取远程仓库更新的信息git checkout 分支名 -- 切换到他的分支但是 git branch -a却不能立刻查看远程分支信息，只有fetch之后才能查看...

原创 elementui 的 table组件需添加row-key,否则会导致预测不到后果，比如触发@current-change

table需添加row-key，否则如果重新请求列表，会默认触发@current-change等等方法，因为重新渲染列表，current-change发生了改变，冲原本选择的row，变成不在选择任何一行，导致问题很难排查

原创 sortablejs配合elementui table使用

1.先呈现代码//行拖拽handleRowDrop(){consttbody=document.getElementById('configModelTable').querySelector('.el-table__body-wrappertbody')Sortable.create(tbody,{handle:'.my-handle',onEnd:({newIndex,oldInd...

原创 node-sass安装出错

npm uninstall node-sassnpm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass

原创 本地实现obs+vue+livego推拉流播放视频

安装环境：win7livego: 0.11版本会一直不断重连，0.04版是没问题的obslivego启动画面obs设置vue代码<template><div><div>ehllo</div><videoid="videoElement"ref="videoElement"controls="true"/></div></template&...

转载 next.js引入ant design同时也要开启css modules

参考：https://www.yuque.com/steven-kkr5g/aza/ig3x9wNext.js 配合使用antd、less (Integration with Antd)这个配置配置在NEXT.js和ANTD的官方都有涉及，这个官方的@zeit/next-less组件是不适合直接使用antd配置的，问的人很多，没有实际的代码。所以我们写一下。1. 问题列举/Issues...

转载 基于node的前端项目编译时内存溢出问题

参考：https://segmentfault.com/a/1190000010437948 但不建议这么做，因为太消耗服务器内存，要占用最少4G

原创 ant design 表单校验文件上传组件

原创 react 用Mobx的时候，要触发componentwillreact必须要在render里面有用到该变量

转载 Detect update in observable prop

装载自：https://stackoverflow.com/questions/41736558/detect-update-in-observable-propAsk Questionup vote1down votefavorite1I have a component that has an observable as property:class Store { ...

原创 CSS实现标题,一行文字垂直居中,两行文字超出显示省略号

html&lt;div className={styles.planFooterWrap}&gt;&lt;span&gt;11:00上午去深圳**实业有限公司，拜访日程提醒刘总！&lt;/span&gt;&lt;/div&gt;css&lt;div className={styles.planFooterWrap}&gt;&lt;span&gt;11:00上午去深圳**实业...

转载 CSS控制文字，超出部分显示省略号

CSS控制文字，超出部分显示省略号http://www.daqianduan.com/6179.html &lt;p style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"&gt;  如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然...

原创 前端需要用到的插件和chrome插件

1.postman 测试请求是否正确2.editThisCookie本地测试cookie3.vue-detool/react-detool   跟踪vuex或者redux的状态4.Moesif Origin &amp; CORS Changer 修改请求头

原创 vscode使用

1.插件：2.代码格式化：{ "workbench.iconTheme": "vscode-icons", "editor.tabSize": 2, "window.zoomLevel": 0, "workbench.panel.location": "bottom", "editor.snippetSuggestions": "top",

转载 转载：浅谈vuex 闲置状态重置方案

转载：http://www.jb51.net/article/132100.htm

原创 关于position: absolute的妙用。

html&lt;div class="partner-text__account"&gt; &lt;span class="partner-text__account--number"&gt;{{item.total}}&lt;/span&gt; &lt;span class="cc-primary-font"&gt;+&lt;/span&gt;&lt

转载 Charles: 抓取Https包

做前端开发的小伙伴儿们，一定听过一个牛叉得不行的抓包工具，叫做Charles，利用这个工具，我们可以很方便的将线上的代码代理到本地，进行联调，也可以通过设置proxy链接同一网段下的移动设备进行联调，可以说是前端开发中的一大利器。然鹅。。。在使用这个利器的时候，发现了一个很麻(dan)烦(teng)的问题，就是Charles无法抓取Https的包，这TM就很尴尬了。为了解决这个尴尬的问题，我去网上...

转载 webstorm javascript 分号提示如何自动补全或去掉？

转载于： https://segmentfault.com/q/1010000006930809?_ea=1180552如图片显示，每行末尾都会提示你加上分号，如何让IDE自动完成这个操作或者取消这个提示。选择 don‘t use...

转载 svn报错：“Previous operation has not finished; run 'cleanup' if it was interrupted“ 的解决方法

 今天改完代码提交时，提交接近完成但窗口还未关闭电脑蓝屏了。夏天来了，电脑比人还怕热啊~~~   心里咯噔一下，估计svn又会出一些莫名其妙的问题了。果然，待电脑重启后开eclipse，文件还是新增状态，提交报错，提示需要执行clean up 。       但svn执行clean up命令时报错“Previous operation has not finished; run 'cleanup'...

转载 vue.js之获取当前点击对象

熟悉jquery的小伙伴应该都知道jquery获取当前点击对象是有多么的粗暴，直接$(dom)获取当前点击的dom元素，根据这个，几乎可以获取这个dom元素的所有属性。不过，当我们使用vue的时候呢？也许刚开始会有一点迷茫。唉？对啊，我用vue该怎么做到(屠龙宝刀)点击就送...哦不，点击就能获取到我点击的是哪一个元素对象呢？其实很简单，vue.js，它不照样是javascript么，我们也是可以...

转载 vue实现消息的无缝滚动效果

vue实现消息的无缝滚动效果（完善版） javascript vue.js candy 2017年12月04日发布赞  |   2收藏  |  31.3k 次浏览在昨天发布完文章之后又整理一下，发现有几处需要改进的地方，今天就及时更新一下，也算是激励自己要保持这种积极的好习惯项目环境vue-cli ，请自行配置好相应的，环境及路由，这里主要介绍实现的方法第一步在模板中 使用v-for方法循环出消息...

原创 win10终端如何使用curl命令来抓取页面源码和内容

1.https://curl.haxx.se/download.html页面下载对应的ssl包2.进入当前目录--》src目录，会看到有curl.exe3.当前目录打开终端，执行命令curl 4.修改环境变量，方便任何目录下都可使用curl命令...

转载 CSS 中 a 标签为什么不能继承父类的颜色？

CSS 中 a 标签为什么不能继承父类的颜色？嗯，我知道在这么好的环境下，问这么Low的问题太der，但是不弄明白心里痒痒，只能出此下策。问题是这样的：HTML：&lt;div&gt; &lt;span&gt;文字&lt;/span&gt; &lt;a href="#"&gt;链接&lt;/a&gt;&lt;/div&gt;CSS：div{ color:red; }问题出

转载 html dom事件(鼠标事件没有Hover,只有mouse的相关事件)，也就是addeventlistener没有Hover事件

HTML DOM 事件HTML DOM 事件HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。提示： 在 W3C 2 级 DOM 事件中规范了事件模型。HTML DOM 事件DOM： 指明使用的 DOM 属性级别。鼠标事件属性描述DOMonclick当用户点击某个对象时调用的事件句柄。2...

转载 如何防止鼠标移出移入子元素触发mouseout和mouseover事件

&lt;li v-for="item in liveData" :key="item.id" class="live-item" @mouseenter.prevent="onmouseoverItem" @mouseleave.prevent="onmouseoutItem"&gt;我想实现的目标：当鼠标进入黑色框时，橙色框执行淡入动画；当黑色框范围移动的时候（即使经过粉色框，动画仍然不被触

转载 解决webstorm 下编写vue代码，保存后不自动打包编译的问题

找到webstorm-&gt;settings-&gt;Appearance&amp;Behavior-&gt;System Setting如下图：不要勾选即可找到webstorm-&gt;settings-&gt;Appearance&amp;Behavior-&gt;System Setting如下图：不要勾选即可...

原创 如何防止css高度塌陷最推荐的方法：使用伪元素（这样不会对文档布局造成影响）

.footer-container { padding: 0 43px;}.footer-container:after { /* 必须设置一个空的content,否则不起作用 */ content: ""; /* 转换成块元素 */ display: block; clear: both;}...

原创 如何使用nginx代理将Localhost本地请求代理为线上地址

server {   listen 8090;   server_name  localhost;   location / {    proxy_pass http://127.0.0.1:8010;   }      location /portal { rewrite ^.+portal/?(.*)$ /portal/$1 break;    proxy_pass http://mm.myc...

转载 命名规则--为什么文件名要小写

分类： 开发者手册为什么文件名要小写？作者： 阮一峰日期： 2017年2月10日上周，《中文技术文档写作规范》加入了文件的命名规则。"文件名建议只使用小写字母，不使用大写字母。""为了醒目，某些说明文件的文件名，可以使用大写字母，比如README、LICENSE。"网友看见了，就提问为什么文件名要小写？说实话，虽然这是 Linux 传统，我却从没认真想过原因。赶紧查资料，结果发现四个很有说服力的理...

原创 如何将本地的文件变成http请求获取

1.全局安装serve:        npm install -g serve2.找到你想用Http请求的文件目录3.在目录下打开cmd4.启动命令  serve -p 80805.直接访问localhose:8080即可访问到本地文件...

原创 Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究

Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究在github上阅览README.md以获得最佳阅读体验，点这里v-for响应式key, index及item.id参数对v-bind:key值造成差异研究实验背景通常情况下，我们...

转载 详解vue2.0 使用动态组件实现 Tab 标签页切换效果（vue-cli）

在 vue 中，实现 Tab 切换主要有三种方式：使用动态组件，使用 vue-router 路由，使用第三方插件。因为这次完成的功能只是简单切换组件，再则觉得使用路由切换需要改变地址略微麻烦，所以使用的是动态组件实现，如果是在大型应用上，可能使用 vue-router 会方便一些。先看下最终实现的效果，结构比较简单，顶部的三个 Tab 标签用于切换，内容区域分别为三个子组件。效果预览关键代码及分析...

原创 如何利用前端插件--Moesif，修改origin信息，本地测试跨域神器

Moesif修改origin信息，方便本地跨域取数据

原创 js向上四舍五入，向下取小数点的后几位

向下取小数点一位：Math.floor(1234567 /10000 * 10) / 10向下取小数点两位：Math.floor(1234567 /10000 * 100) / 100向上取小数点一位：Math.round(1234567 /10000 * 10) / 10向上取小数点两位：Math.round(1234567 /10000 * 100) / 100

原创 获取响应消息头 get all response headers

转载: https://stackoverflow.com/questions/1557602/jquery-and-ajax-response-header

原创 去除inline-block元素间间距的N种方法

目前我的最好方法是把inline-block换成Inline-table转载：http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/

原创 webstorm配置eslint.tslint等

如果配置打开新的项目失效，那就重新apply一次或者选择重新导入

转载 WebStorm与Git使用指南

https://www.kancloud.cn/caomenglong/webstorm_guide/49522

转载 vuejs - 如何对某个对象的属性进行watch监听？

1.普通的watchdata() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}2.对象属性的watchdata() {　　return {　　　　bet: {