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