frontcode

frontcode copied to clipboard

Bumps [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) from 2.13.1 to 3.6.0. Release notes *Sourced from [webpack-bundle-analyzer's releases](https://github.com/webpack-contrib/webpack-bundle-analyzer/releases).* > ## First test with Lerna monorepo > [th0r/webpack-bundle-analyzer#98](https://github-redirect.dependabot.com/th0r/webpack-bundle-analyzer/pull/98) Changelog *Sourced from [webpack-bundle-analyzer's changelog](https://github.com/webpack-contrib/webpack-bundle-analyzer/blob/master/CHANGELOG.md).* > ## 3.6.0 >...

dependabot[bot]

### vue项目中使用了vw适配方案，引入第三方ui框架mint-ui时，适配问题解决 ### 问题分析： 一般第三方ui框架用的都是不同的适配方式，如果我们使用了vw适配，那么在使用mint-ui框架时，就会发现px单位会被转换成vw，从而导致样式变小的问题，如图  ### 解决方案 网上看到了很多种解决方案，这里推荐第四种 1、重写第三方组件ui样式大小 2、在postcss.config.js中的selectorBlackList选项中增加不需要vw转换的类名 selectorBlackList: ['.ignore', '.hairlines'], // (Array) The selectors to ignore and leave as px. 3、使用rem适配方案，将原本750的宽度设置为一半，配置成37.5 https://www.jianshu.com/p/8f9aab666c4a 4、添加exclude选项，将node_modules目录排除掉，即不会受影响 在node_mudule中找到postcss-px-to-viewport，修改index.js新增对exclude选项的处理 ``` module.exports...

fozero

你好， ``` $.ajax({ url: 'http://zhangykwww.yind123.com/webapi/feedback', type: 'POST', data: formFile, async: true, cache: false, contentType: false, processData: false, // traditional:true, dataType:'json', success: function(res) { console.log(res); } }) ``` 這一段看起來是將檔案存放至雲端，請問如果要存放至本地端，是不是應該還有一個接收檔案的程式，像是這樣的 ``` ```...

evaliu9457

# 解决图片变形的问题 一般设计给我们的图都特别的大，假如一个banner我们设置width为100%时，那么在低分辨率的电脑上显示就会变形， 可以通过background-size设置cover或者contain值来裁剪，这样就不会造成图片变形了，当然还有其他办法，比如响应式设置媒体查询，但这样无疑增加了工作量，还是比较麻烦 # 图片如何切图及布局 如果一个body的背景被它的子类的一个背景覆盖了，层级可能是背景在上面 。可以通过单独设置这两个背景为绝对定位，然后设置他们的z-index属性就能解决

fozero

## Shell脚本介绍 1、Shell脚本,就是利用Shell的命令解释的功能，对一个纯文本的文件进行解析，然后执行这些功能，也可以说Shell脚本就是一系列命令的集合。 2、Shell可以直接使用在win/Unix/Linux上面，并且可以调用大量系统内部的功能来解释执行程序，如果熟练掌握Shell脚本，可以让我们操作计算机变得更加轻松，也会节省很多时间。 3、Shell是一种脚本语言，那么，就必须有解释器来执行这些脚本，常见的脚本解释器有： （1）、bash：是Linux标准默认的shell。bash由Brian Fox和Chet Ramey共同完成，是BourneAgain Shell的缩写，内部命令一共有40个。 （2）、sh： 由Steve Bourne开发，是Bourne Shell的缩写，sh 是Unix 标准默认的shell。 另外还有：ash、 csh、 ksh等。 常见的编程语言分为两类：一个是编译型语言，如：c/c++/java等，它们远行前全部一起要经过编译器的编译。另一个解释型语言，执行时，需要使用解释器一行一行地转换为代码，如：awk, perl, python与shell等。 4、使用场景，能做什么 （1）、将一些复杂的命令简单化(平时我们提交一次github代码可能需要很多步骤，但是可以用Shell简化成一步) （2）、可以写一些脚本自动实现一个工程中自动更换最新的sdk(库) （3）、自动打包、编译、发布等功能 （4）、清理磁盘中空文件夹 总之一切有规律的活脚本都可以尝试一下 ## 编写一个简单的shell脚本 ```...

fozero

Gulp应该和Grunt比较，他们的区别我就不说了，说说用处吧。Gulp / Grunt 是一种工具，能够优化前端工作流程。比如自动刷新页面、combo、压缩css、js、编译less等等。简单来说，就是使用Gulp/Grunt，然后配置你需要的插件，就可以把以前需要手工做的事情让它帮你做了。 说到 browserify / webpack ，那还要说到 seajs / requirejs 。这四个都是JS模块化的方案。其中seajs / require 是一种类型，browserify / webpack 是另一种类型。 seajs / require : 是一种在线"编译" 模块的方案，相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化。 browserify...

fozero

## Object.keys方法 Object.keys方法是JavaScript中用于遍历对象属性的一个方法 。它传入的参数是一个对象，返回的是一个数组，数组中包含的是该对象所有的属性名。 如： ``` var cat= { name:’mini’, age:2, color:’yellow’, desc:”cute” } console.log(Object.keys(cat)); // ["name", "age", "color", "desc"] ``` ### 这里有一道关于Object.keys的题目 **输出对象中值大于2的key的数组** ``` var data = {a: 1,...

fozero