高级前端开发工程师技术点

总结梳理了下高级前端的技术点（对自己的学习路线）：
 
1.jquery，js，html，html5，css3，easyUI，json，ajax，bootstrap，extjs，less，sass，stylus，zepto等常见技术的了解和掌握
2.nodejs基本掌握，express和koa2搭建项目
3.前端的包管理工具npm，bower的掌握，会自己写npm script自定义脚本
4.前端自动化构建工具Webpack，Gulp，Grunt，Browserify，Parcel的使用，Yeoman脚手架的使用
5.了解一些javascript的设计模式，了解javascript的面向对象编程，了解插件怎么写，还有递归，闭包，变量提升，匿名函数，一些简单的算法等，这些需要知道
6.会用es5,es6，es7里面的语法
7.了解typescript的语法使用，了解babel的使用
8.版本管理工具的使用，主要是git，svn，git最好是会用一些命令来操作

Tags

前端涉及的所有知识体系

今天分享下前端所有的知识体系。

个人站长对个人综合素质要求还是比较高的，要想打造多拉斯自媒体网站，不花点心血是很难成功的，学习前端是必不可少的一个环节，

当然你不一定要成为前端专家，但是你至少要懂前端才行，这样等网站做大之后你招人才能找到合适的人才，有一双慧眼很重要。

Tags

使用 Webpack 打包CSS和JS

说明：本示例是基于webpack：4.x，babel-loader：8.x，@babel/core：7.x 版本。

使用之前需要在项目中安装相关组件：

npm install -D babel-loader @babel/core @babel/preset-env

备注：-D 即： --save-dev 写入 devDependencies 下。

webpack.config.js 示例文件如下：

Tags

webpack 命令报错解决办法：ERROR in multi ./app.js bundle.js Module not found: Error: Can't resolve 'bundle.js' in ...

问题重现：

  1. 首先创建一个webpack-app的目录。
  2. 进入webpack-app的目录，通过npm init 创建一个package.json文件。
  3. 安装webpack、webpack-cli：
    npm install webpack webpack-cli --save-dev
  4. 创建一个app.js文件，里面写一些测试代码：
    alert("test");
  5. 执行命令：
    webpack app.js bundle.js
    出现报错：
    ERROR in multi ./app.js bundle.js
    Module not found: Error: Can't resolve 'bundle.js' in '/Users/longma/Desktop/work/webpack_app'
     @ multi ./app.js bundle.js main[1]

解决办法：

Tags

中秋感怀

明月当空照，碧玉阶上留。
问君何事绕，一丝离别愁。

水调歌头 甲午中秋 （赠Drupal群友）

明月几时有？把酒问群友！不知群内高手，今夕在何处。

我欲明年再续，又恐尔等无趣，今夜寐难眠。

转别群，抵百度，招无数。不应有恨，何时才见众群友。

起身看QQ，何似在群聊！人有悲欢离合，群有你来我散，此事古难全！

但愿人长久，千里话Drupal。

 

Tags