5 马优晨

尚未进行身份认证

生活中的打击和挫折远比想象的更多,有时灾难又会让你的一切努力白费,也许明天我们就会死去,但如果我们还活着,在面对着种种不公和无奈过后,“明天的明天的明天,你是否会依然爱着这个世界。” 我想我会.......................

等级
TA的排名 2k+

remote: HTTP Basic: Access denied

当我们输入git 用户名和密码,密码输入错误了,然后就会一直报这个错误:remote: HTTP Basic: Access denied(1)控制面板(2)管理windows凭证(3)修改 git的密码...

2019-12-06 16:49:39

缩短编译和打包时间

一、升级webpack到4.0二、前端工程化参考上篇文章: 地址三、路由异步加载参考上篇文章: 地址四、优化babel对于Loader来说,影响打包效率首当齐冲必属Babel了。因为babel会将代码转为字符串生成AST,然后对AST继续进行转变最后生成新的代码,项目越大,转化代码越多,效率就越低。当然了,我们是有办法优化的。module.exports={ module:[ ...

2019-12-04 10:14:36

yarn、npm、cnpm三者区别

放一张实验室的合照压压惊,优点想实验室的兄弟们了~~~一、原理分析npm(1)npm 是Node.js 能够如此成功的主要原因之一。npm 团队做了很多的工作,以确保 npm 保持向后兼容,并在不同的环境中保持一致。(2)npm是围绕着 语义版本控制(semver)的思想而设计。给定一个版本号:主版本号.次版本号.补丁版本号, 以下这三种情况需要增加相应的版本号:主版本号: ...

2019-12-03 11:16:18

安装 nvm

(1)下载nvm 下载地址(2)安装nvm安装完成后检查:nvm -v(3) 安装node打开nvm文件下settings文件,添加下载镜像指向淘宝,否则安装可能不成功node_mirror: https://npm.taobao.org/mirrors/node/npm_mirror: https://npm.taobao.org/mirrors/npm安装...

2019-12-03 10:23:38

vue 路由按需加载

在vue项目中,一般引入组件都是用importimport 组件名 from '组件路径'webpack在npm run build的时候会打包成一个整个的js文件,如果页面一多,会导致这个文件非常大,加载缓慢,为了解决这个问题,需要将他分成多个小文件,而且还要实现异步按需加载,即用到了再加载,而不用一股脑全部加载1. require.ensure()webpack提供的require....

2019-11-25 15:56:54

require.context实现前端工程自动化

如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块。一、使用require.context的场景(1)需要导入一个文件夹下面的所有文件(2)路由中导入各个组件文件如果项目变大了之后,每次手动import会显得有些力不从心,这里可以使用require.context函数遍历modules文件夹的...

2019-11-25 15:42:51

git删除远程分支

在开发项目时,往往每个人的都会起很多hotfix的分支,但是这些分支,最好在上线后删除掉.如下图所示:删除远程分支步骤:1- 查看远程分支 git branch -a2- 删除本地分支 git branch -D ‘分支名’例如: git branch -D mayouchen3- 删除远程分支git push origin --delete ‘分支名’...

2019-11-25 15:04:05

VScode 1.4新版功能

vScode 11-21日 新版功能马优晨翻译1- Workbench 工作台 头标选择/hover 高亮2- 左边tab的边框颜色+ 背景色设置 "workbench.colorCustomizations": { "activityBar.activeBorder": "#fff", "activityBar.activeBackground...

2019-11-22 17:26:59

vue局部滚动组件

如图实现,页面内容在局部滚动的效果~~(2)代码演示<template> <div class="newsletter-simple"> <div class="text-mess-title"> <div> <img src="https://img.dota2.com.c...

2019-11-18 15:32:53

vue图片懒加载

(1)效果演示如上图所示,在正式图片没有加载出来的时候,展示,默认图片,等待 正式图片加载好了,替换默认图片~~~代码演示:<template> <div> <div class="menu-list"> <div v-for="item in news" :key="item.id" class="menu-list-item"&g...

2019-11-18 15:16:23

vue-awesome-swiper使用

一、效果演示演示地址:https://sxs1995.github.io/vueSwiper/dist/index.html#/二、代码全景<!-- * @Author: shenxsh * @Date: 2019-05-31 10:21:03 * @LastEditTime: 2019-05-31 11:44:06 * @LastEditors: Do not edit...

2019-11-18 14:46:20

core-js@2 core-js@3报错问题

vue 编译提示安装 core-js,很有可能是这个错:WARNING: We noticed you're using the `useBuiltIns` option without declaring a core-js version. Currently, we assume version 2.x when no version is passed. Since this defau...

2019-11-18 14:33:40

文本溢出截断省略

(1)单行文本溢出省略<style> .demo { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }</style><body> <div class="demo">这是一段很长的文本</...

2019-11-07 11:22:28

vue项目使用mint-ui库

(1)使用低版本core2不要是用core3 npm install --save core-js@2 或者 ( yarn add core-js@2) 如果使用core3 项目会以为版本太高报错 npm install --save core-js@3 或者 ( yarn add core-js@3)babel 需要升级到7.0以上,babel-c...

2019-11-01 11:22:18

数组对象常用处理方案(算法思路)

(1)依据数组对象中某个值,将相同的对象合并成一个新对象数据源是这样的beforeData: [ { name: "tony", id: "1", age: "20" }, { name: "jack", id: "2", age: "21" }, { name: "tony", id: "3", age: "50" }, { n...

2019-10-31 13:48:41

js常用reduce方法

一、reduce使用场景(1)reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。(2)reduce() 可以作为一个高阶函数,用于函数的 compose。二、reduce使用说明array.reduce(function(total, currentValue, currentIndex, arr), initialValue)接受四...

2019-10-31 11:09:12

git 配置命令行别名

说明:配置的命令行别名,是在.gitconfig 文件中进行配置的操作:(1)进入当前分支 例如:(2)使用命令 vim ~/.gitconfig(3)打开.gitconfig文件输入配置[alias]br = branchci = commitcl = cloneco = checkoutcp = cherry-pickcfg = clonedf = diff...

2019-10-31 10:39:03

通过 39 个 问答方式快速了解学习 Git

2019-10-31 10:20:15

babel6升级到babel7

一、Babel 7 库的作用域 (scope)(1)Babel 7 用了 npm 的 private scope,把全部的包都挂在在 @babel 下,类似的有 typescript 的 @type。(2)Babel 7 提供多种配置.babelrcbabel.config.jswebpack babel loader二、babel7 相关文件先看一下babel7配置成功后的样子...

2019-10-28 11:42:00

遍历元素根据状态显示不同颜色

如上图所示是一个列表遍历出来的结果,数据状态如下: list: [ { id: 1, src: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3064584167,3502823640&fm=26&gp=0.jpg', name: '齐天大肾', stat...

2019-10-23 10:33:08

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。