在 JS 模块化编程中,之前使用的是 require.js 或者 sea.js。随着前端工程化工具 webpack 的推出,使得前端 js 可以使用 CommonJS 模块标准或者使用 ES6 moduel 特性。
在 CommonJs 模块标准中我们载入模块使用的是 require(),输出模块用的是 exports 或者 module.exports
在 ES6 中载入模块我们用的是 import ,输出模块用的是 export
Node.js学习记录(一)--安装设置篇
安装 Node
window
window 上安装 node 可选择以下两种方式:
方式一:直接进入官网下载安装
进入node.js 官网点击 windows,选择.msi 后缀的,根据自己的电脑选择对应的 64 位或 32 位后,就会自动开始下载到本地。
安装过程也是直接下一步的简单式安装,这种安装优点是安装很便捷,缺点是只能装一个固定的 node 版本,对于需要在不同版本下开发的同学就不合适了。
方式二:通过 nvm 安装管理多个版本 node
1、下载 nvm 包 地址:https://github.com/coreybutler/nvm-windows/releases,我们选择第一个:nvm-noinstall.zip 下载完成后解压到一个地方,比如:D:\Program Files\nvm 里面的文件列表是这样的:elevate.cmd、elevate.vbs、install.cmd、LICENSE、nvm.exe
《React与Redux开发实例精解》--读书笔记
第五章 JSX 语法
- class 属性改为 className for 属性改为 htmlFor
- jsx 中 javascript 表达式必须要有返回值,使用三元操作符
- 所有的标签必须闭合 input img 等
- react 声明组件时,组件名称第一个字母必须大写
- 解析 html 代码用双括号
- jsx 中内联样式通过 style 属性来定义,驼峰命名法
前端开发如何实现自动化编译与部署?
如今的前端开发早已不用之前的刀耕火种的方式写代码了,项目开始时会考虑各种前端框架 react vue angular 等,然后就是用 webpack 搭建项目开发架构。开发完后我们会将 webpack 编译后的文件通过 svn 发到服务器上,但是这样很容易存在文件漏发,且多人参与发开易冲突等。经过多次开发实践,目前我们的项目采用 jenkins+gitlab 实现自动化编译与部署,这样简化了项目部署等问题,极大的减少了因代码发布而引起的 bug 数量。
工作中遇到的细节问题总结(二)
在前端开发工作中总会遇到各种各样的坑,今天这篇博文就是为了记录下踩过的坑,分析后发现容易掉坑里的地方一般是自己不熟悉的知识点或者是易忽略的知识点。故作此文,谨以自勉。
我是这样理解HTTP和HTTPS区别的
为何要用 https?
http 协议的缺点
- 通信使用明文,内容可能被窃听(重要密码泄露)
- 不验证通信方身份,有可能遭遇伪装(跨站点请求伪造)
- 无法证明报文的完整性,有可能已遭篡改(运营商劫持)
如何利用Vagrant快速搭建相同配置的开发环境?
作为一名程序猿,我们常常会遇到需要搭建开发环境的问题,特别是在新入职的时候,sublime, node, apache, mysql, php 等等以及各种框架的安装。如果入职的是大公司有可能这些必要的开发环境运维人员会为我们安装好,如果是中小型公司那就需要开发者自己来搭建开发环境,而且还要避免安装的版本不同等问题,这就需要用到我们今天介绍的这款工具了。Vagrant 目前是国内互联网公司应用最多的内部开发环境工具。Vagrant 是我们开发者的福音,使我们完全摆脱了重复配置环境的处境。
工作中遇到的细节问题总结(一)
在前端开发工作中总会遇到各种各样的坑,今天这篇博文就是为了记录下踩过的坑,分析后发现容易掉坑里的地方一般是自己不熟悉的知识点或者是易忽略的知识点。故作此文,谨以自勉。
CSS3创建圆圈进度条
最近在工作中需要做一个圆圈倒计时,刚开始的想法是做个纯数字的倒计时即可,可是需求觉得这个不太好看,想加个倒计时进度条。于是就有了接下来的分析过程…
《ECMAScript6标准入门》第三版--读书笔记
2015 年 6 月,ECMAScript 6 正式通过,成为国际标准。尽管在目前的工作中还没有使用 ES6,但是每项新技术出来总是忍不住想尝尝鲜,想知道 ES6 能为前端开发带来哪些变化?对自己的工作有哪些方面可以提升。刚好看到阮一峰的《ES6 标准入门》,便顺着这本书尝试着 ES6 的各种新特性。
LNMP + Apache 架构配置
从事前端开发已3年有余,越来越发现前端开发要学习的知识已不仅仅是html+css+js那么简单了,2017年市场上就有了大前端的概念,可以说对前端工程师的要求也越来越高了,从招聘的要求中可以看到熟悉一门后端语言可以说是标配了。由于目前公司用的后台语言是PHP,借此机会充分锻炼了我的PHP技能。如今不仅要对PHP语言熟悉,还要熟悉公司整个架构,今天我通过在WIN7上安装的虚拟机上练习了下搭建LNMPA架构,顺便做下笔记。
利用Webpack搭建的前端工程化环境
随着webpack3.x的发布,其功能也越来越强大,很多的项目的编译打包工具也由gulp逐渐转移到webpack。最近因为项目重构考虑使用使用vue,同时想从原来的gulp切换到webpack,所以搭建了webpack-vue的前端脚手架工具,这里记录下搭建的过程中的要点。项目源码
针对模拟滚动条插件(jQuery.slimscroll.js)的修改
在开发过程中程序员总会碰到产品经理提出的各种稀奇古怪的需求,尽管有些需求很奇葩,但不得不说有些须有还是能指引我们不断的学习与进步,最近在工作中就碰到这种问题。需求是要求在各主流浏览器上使用自定义的滚动条样式,并且达到完美兼容,此篇博客记录自己的分析过程。此篇博客的源码可访问slimscroll
如何编写高性能的Javascript
作为前端工程师javascript可谓是基本功,那么如何写出高性能的js代码呢?这就需要我们平时在编码的时候注意各种写法,本文就简单介绍了几种策略,希望对大家的工作起到帮助_
MySQL基础
如今的前端开发不再是以前的切图仔或者是写写静态页面就能胜任的了,如今的工作中也常用到 PHP 和 MYSQL,这就要求我们前端开发也必须熟悉 PHP 和 mMySQL 相关内容,这篇博客仅是记录 mysql 学习课程笔记。
Linux基础
linux 基础
ip a 查看 ip 地址
ip addr 查看网卡
关机 shutdown -h now
重启 shutdown -r now 或者 reboot
Linux 查看版本当前操作系统发行版信息
cat /etc/issue 或 cat /etc/redhat-release
工作中常用到的Vim命令
最近工作中需要到linux服务器上更改文件,苦于对vim的各种命令不熟悉,今天特此总结并熟悉一下各种vim命令,好提高工作效率。后期持续更新
Vertical-Align属性探究
在前端开发中我们经常需要将元素垂直居中对齐,我们很自然的想到使用 vertical-align 属性,但是使用后却发现有时候能起作用,有时候却又不起作用。究其原因还是因为我们没有将 vertical-align 属性弄清楚,今天就来分析一下这个属性,若分析有误,还请原谅,望一起探讨!
Yii1.1.16学习记录
最近工作中用到Yii框架,为此专门在网上找了些相关教程学一下,尽管教程比较老,但学完后至少对Yii框架有了基本了解,特别是widget的使用,感觉Yii真的很强大。
H5页面开发常用的头部标签设置
在 H5 页面开发中,我们常需要设置各种头部标签以帮助浏览器更好的解析页面,将页面完美呈现,这里列出了工作中常用的各种头部标签,以备查询。