字符串和数组是两个很常用的数据类型了,也有很多操作方法,但是一不小心总会将这两种操作方法弄混/手动捂脸
最近看了下 ES6,里面有一些很好用的方法,在这里也一并总结一下。
说起 postcss到底是做什么的,很多人都会困惑不已,毕竟有了 sass 和 gulp,还要一个上手难度更高的 postcss 做什么?
首先,sass 的工作流程是重新定义一套规则,然后转化为 CSS 代码,而 postcss 则是直接对 css 代码进行转换。
上一篇写了关于 BEM 规范,现在来说一下 SASS,有了它你写 CSS 的逼格会更高一级,写起来也会更加的得心应手。
中文版:Sass 中文网
前端框架和库一直更新换代非常快,但是 CSS 却是一直没有多大的改变,每次都只是一点点,很难让人不吐槽。看了下别人的文章和代码,感觉自己需要学习的地方还有很多,所以打算做一个系列文章,分别讲一下 BEM 规范,SCSS 和 postCSS,也算是督促自己按照这个套路来写出更优雅的代码。
下面先从 BEM 规范开始讲起。写 CSS 必须要有一个好的规范,否则后续改起来会很麻烦,
作为新时期的前端,再用着 jQuery 可是会被那些后端同学笑话了。当然实际情况依项目而定。现在流行的各种 MV* 框架,这几个可是经常要用到的,我就做个简单介绍吧。
最近做了两个表单,里面涉及到图片上传,刚开始的时候还是感觉有点慌乱,毕竟是没做过嘛,但是做完了回过头来想想,其实也没什么。
第一次是用了 base64,这样每个图片都是转换成一串代码提交,后来又需要同时上传多个图片,就采用了 FormData 的方式。下面就简单总结一下:
webpack 现在几乎是每个前端必会的工具,但是它的一些配置很容易弄晕初学者。经过我不断的学(复制)习(粘贴),终于弄明白了一点,在这里做个总结。
其实以前我是用的 gulp,作为流式构建工具(stream building tools),它仅有几个特定的 API,使用的时候也是很简单,这个以后再写。
刚开始对于 webpack 我也是拒绝的,这么复杂,似乎跟 gulp 没什么区别。后来才发现,其实区别还是很大的。
webpack 是模块化构建系统(module building system),它的作用是把一切资源(js/html/css/jpg)都模块化处理,实现了按需加载。
webpack 也是一个高度可配置的,它有四个核心概念:入口(entry)、输出(output)、loader、插件(plugins)。
作为前端,经常遇到需要判断设备 UA 的情况,所以找了个还不错的判断方法,算是记笔记吧。
在 Vuejs 项目中使用 JavaScript 库,可以每个文件里面分别import,但是太繁琐也不利于后期维护。有一个优雅方式是将其代理到 Vue 的原型对象上去。
银弹就是 Object.defineProperty