WebStorm

1. vue前端实战注意事项 1.1. 预备 1.1.1. Eslint 这是个语法检查工具，我用webstorm作为开发的ide，这个语法检查还是太严格了，一个空格啥的都会报错，对新手来讲还是建议关闭，需要关闭的地方主要有两个，webstorm自身设置，在settings里搜Eslint，如下 代码里找到 webpack.base.conf.js 文件，注掉如下 1.1.2. 接口基地址 因为我的基础代码是代码生成器生成，里面有easymock的测试地址，这里需要替换成我们实际项目后台地址，找打 dev.env.js 文件 1.1.3. config/index.js 找到 index.js 文件，如果项目在开发阶段，建议 devtool: 'source-map' 设置成这样，否则可能会造成你的调试困难 1.2. 权限 前后端分离通常要设置权限，也就是用前端来限制访问，不允许不经过登录页就访问其它界面 这个由路由的切面来完成，代码如下，提供一种思路 import router from './router' import store from './store' import NProgress from 'nprogress' // Progress 进度条 import 'nprogress/nprogress.css'// Progress 进度条样式 import {

今天是Linux系列命令第二篇，今天我们来简单聊聊Vim这个号称是「编辑器之神」的编辑器---Vim 是Vi Imporved，vi来源visual单词，目的是在做可移动光标的视频编辑文本。 写这篇文章起初还是有同学看了我的文章『 Python web开发从入门到放弃 』提到的做Python开发为什么推荐Pycharm+Vim的模式，而不是大家推荐的sublime text这一类的编辑器。 sublime text对于刚入门的初学者是不错，但是从长期来看依旧是不划算的，因为sublime text功能实在不够玩，注定不会是你最终极的编辑器，既然要换为啥一开始不用相对来说最好的工具？尤其是这个工具使用在我们日常生活的方方面面。 为什么使用Vim 首先我来简单说为什么要学习Vi或Vim（Vi Imporved），主要我有以下三点： vi是很多Linux系统预装的，也就是说你到服务器上面不用担心没有的问题。 vi轻量、快速、强大，熟悉之后你几乎不用离开键盘。 太多浏览器，编辑器，IDE插件支持，你学会了它效率倍增，几乎相当于学会了很多编辑器，比如我现在在Pycharm下用Vim。 比如我常用的 Quiver 编辑器支持Vim模式写文章，浏览器 cvim ，通过 hjkl 进行浏览网页跳转，IDE插件就更是数不胜数。无论是webstorm，vscode，eclipse都有对应插件支持

目录 第一章 HTML5概述 1.1、什么是HTML 1.2、什么是HTML5 1.3、本文重要说明 1.4、浏览器的版本 1.5、选择开发工具 第二章 HTML5语法 2.1、基本结构 2.2、语法规范 2.3、标签规范 第三章 HTML5标签 3.1、标题标签 3.2、段落标签 3.3、链接标签 3.4、图像标签 3.5、表格标签 3.6、列表标签 3.7、分组标签 3.8、语义标签 3.9、表单标签 3.10、框架标签 3.11、音频标签 3.12、视频标签 3.13、其它标签 3.14、头部标签 第四章 HTML5属性 4.1、属性概述 4.2、通用属性 第五章 HTML5事件 5.1、事件概述 5.2、窗口事件 5.3、表单事件 5.4、键盘事件 5.5、鼠标事件 5.6、媒体事件 5.7、其它事件 配套资料，免费下载 链接：https://pan.baidu.com/s/1xrblnEIJmxVbHSP7CIREcw 提取码：yws0 复制这段内容后打开百度网盘手机App，操作更方便哦 第一章 HTML5概述 1.1、什么是HTML HTML（ H yper T ext M arkup L anguage，超文本标记语言）是用来描述网页的一种语言，它不是一种编程语言，而是一种 标记 语言。 1.2、什么是HTML5 HTML5是构建Web内容的一种语言描述方式

webstorm狂吃内存的解决方法 参考文章： （1）webstorm狂吃内存的解决方法 （2）https://www.cnblogs.com/chaoyong/p/7985349.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4438370/blog/4713159

原网址：https://blog.csdn.net/u012907049/article/details/72764151 前言 VueJS可以说是近些年来最火的前端框架之一，越来越多的网站开始使用vuejs作为前端框架，vuejs轻量、简单的特性使得前端开发变得更加简易，而基于vuejs的前端组件库也越来越多。我们今天使用的ElementUI，是饿了么团队开发的一款基于vuejs的前端组件库，也是众多vuejs组件库里面比较优秀的一款。这里要说一下我们构建网站所需要用到的一些东西： NodeJS（npm） Webstorm （前端IDE） Nginx（后期用来转发请求到后台服务器） Eclipse（后台IDE） 正文 安装nodeJS和npm 由于我们要使用npm这个包管理器，所以要安装nodeJS。现在版本的nodeJS已经集成了npm，所以我们只需要安装一次即可。我们访问 nodejs中文网 ，下载对应自己系统的版本就可以了。这里我们下载Windows系统的64位zip文件，下载完成后解压，可以看到里面有一个node.exe的可执行文件。 我们把当前的目录加入到系统环境变量的path里面。然后打开cmd命令行，输入npm -v，如果出现如下图的显示，说明已经安装正确。 这样我们以后就可以在硬盘中任何一个位置里使用npm命令了。 安装Webstorm

　　　　　　　　　　　　　　　　　 　Day1 了解web前端 一.职业发展路线: 前端页面制作、前端开发、前端架构师 二.1)前端工程师主要职责: 　 　 利用HTML/CSS/JavaScript等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，同时结合后台技术模拟整体效果，致力于通过技术改善用户体验。 　　 2)和前端人员打交道 　　 产品经理把用户可能的需求提出来，和前端还有后端交涉，这个东西如何实现。确定可行后，由设计设计出UI图，前端把它做出来，第一步可能是静态的，纯html css，然后我们再用angularjs、js实现一些业务方面的功能，最后和后台的接口进行联调，一般会是这么一个过程。那运营呢？有时候会需要你配合他们的营销方案对产品做一些调整，比如圣诞节到了，它要求你对公司的官网加一些雪花的特效。这也是需要你配合的。 三.IDE环境介绍 　 1)集成开发环境”的英文缩写 （Integrated Development Environment）。 网上的页面是编程人员写出来的，用什么写的呢？用编码工具或IDE集成开发环境. 2)编码工具 :　帮助程序员些源代码的工具,类似Word。 　　 记事本、sublime 、 Text 、 notepad++ 、WebStorm 、 HBuilder 、 DW 　　　

注释 1. koroFileHeader 在vscode中用于生成文件头部注释和函数注释的插件。 支持所有主流语言 自动添加头部注释 自定义注释符号 文件头部添加注释: 在文件开头添加注释，记录文件信息 支持用户高度自定义注释选项 保存文件的时候，自动更新最后的编辑时间和编辑人 快捷键：window：ctrl+alt+i,mac：ctrl+cmd+i 在光标处添加函数注释: 在光标处自动生成一个注释模板，下方有栗子 支持用户高度自定义注释选项 快捷键：window：ctrl+alt+t,mac：ctrl+cmd+t 【注释规范】 关键词书写格式为： /** * @author ydr.me * @version 1.0 */ 使用@ key desc格式来书写，常用的关键词有： 关键字 描述 备注 @ auhor 作者 @ param 参数 @ example 示例 @ link 链接 @ namespace 命名空间 @ requires 依赖模块 @ return 返回值 @ version 版本号 其中，param关键词的格式为： /** * @param {String} 参数描述 */ TODO 1. Todo Tree 将项目中的TODO、FIXME等标记，以树状在浏览面板中展现。配置：“todo-tree.customHighlight”，用来指明不同的标签的颜色