前提：已经安装 node.js。安装插件 HTML-CSS-JS Prettify，修改node路径，即可通过单击右键 HTML-CSS-JS Prettify 中的 Prettify Code 使用代码格式化功能 1. 打开命令面板 ---- 2. 搜索插件 HTML-CSS-JS Prettify ---- 3. node路径错误 的解决 ---- （1）单击右键，点击 Pretty Code （2）出现以下提示就是需要配置node.js的路径 （3）复制默认插件配置文件，到用户
A. 通过npm init在项目根目录下生成package.json； B. 通过npm install grunt --save-dev 安装grunt依赖; C. 项目根目录下手动创建文件夹Gruntfile.js
node.js是一个基于Chrome V8引擎的JavaScript运行环境
path模块是Node.js官方提供的，用来处理路径的模块，他提供了一系列的方法和属性，用来满足用户对路径的处理需求。
浏览器中有JS解析引擎：每个浏览器的解析引擎都不一样，Chrome浏览器中的V8解析引擎最好。
需要预览效果可直接访问url：https://pandao.github.io/editor.md/index.html ，这里是官方网站的一个demo。同时提供了全套的下载安装教程。github开源地址：https://github.com/pandao/editor.md/blob/master/examples/image-upload.html
从前面的Tensorflow环境搭建到目标检测模型迁移学习，已经完成了一个简答的扑克牌检测器，不管是从图片还是视频都能从画面中识别出有扑克的目标，并标识出扑克点数。但是，我想在想让他放在浏览器上可能实际使用，那么要如何让Tensorflow模型转换成web格式的呢？接下来将从实践的角度详细介绍一下部署方法！
loader 的执行顺序是：从右到左、从下到上。在配置 sass 样式时，需要这么去写 loader：
Vue作为单页面应用的框架，路由是必不可少的。现在也很多引入vuejs去使用，今天只说脚手架创建的项目的路由。
无论是日常业务还是面试过程中，相信大家对于前端路由这个话题或多或少都有自己的应用和理解。
9、Path Intellisense：路径自动感知，在配置文件中配置@后我们就可以很方便快捷的引用各种文件了
jQuery本质上就是一个外部的js文件(jQuery.js)，该文件中封装了很多js代码,实现了很多功能。并且jQuery有非常丰富的插件，大多数功能都有相应的插件解决方案。jQuery的宗旨是write less, do more。 (写的更少,做的更多)。
可以查看某个关键词的搜索量排名方式； 1.百度指数； 2.Google Trends ; React下载文件说明 ---- React核心文件，JSX编译文件，React插件文件； ---- 编辑器： CodeKit,sublime text2/3（推荐使用） ,Emacs,vim sublime text 3 插件优化： 编辑器插件：Emmet,Html-css-js Prettify, Spacegray模板 百度搜索： Package Control ，复制代码，安装这个包管理器； 安装后，重新启动
Postman Newman 是一个 CLI（命令行界面）工具，可以使用它来运行 Postman 中的集合（Collection）和环境（Environment）进行自动化测试。它是 Postman 的命令行 Collection Runner，能够直接从命令行运行 Postman 集合。使用 Newman 可以测试 API 的功能、性能、可靠性和安全性，同时可以将测试结果输出成多种格式的报告，例如 HTML、JSON、JUnit 等，以方便开发人员进行问题定位和分析。
每个浏览器都内置了DOM、BOM这样的API函数，因此，浏览器中的JavaScript才可以调用它们。
这里的http静态服务器是指创建静态网站，并且通过node.js创建静态web服务器来向客户端提供服务。一个静态web服务器的例子就是Apache，只需要把网站相关的html，css，javascript，jpg等静态资源放到Apache的目录下，只需要访问主机名就可以显示网页了。
安装Vetur，ESlint， Prettier - Code formatter插件
Webpack 是当下最热门前端资源模块化管理和打包工具。任何形式的资源都可以视作模块，通
swagger-bootstrap-ui 1.7.5 发布了。swagger-bootstrap-ui 是 Swagger 的前端 UI 实现，目的是替换 Swagger 默认的 UI 实现 Swagger-UI，使文档更友好一点儿
今天介绍的是一款代码格式化工具，特别适合团队协作开发的时候使用。想必你应该正在使用，它叫 prettier。在 Github 上已达 31.4k star，如果你还不知道它的话就太可惜了。
浏览器是JS的前端运行环境，浏览器提供DOM,BOM,AJAX等API NODE是JS的后端运行环境，NODE提供FS,PATH,HTTP等API
官方自己介绍说，prettier是一款强势武断的代码格式化工具，它几乎移除了编辑器本身所有的对代码的操作格式，然后重新显示。就是为了让所有用这套规则的人有完全相同的代码。在团队协作开发的时候更是体现出它的优势。与eslint，tslint等各种格式化工具不同的是，prettier只关心代码格式化，而不关心语法问题。
为了让node.js的文件可以相互调用，node.js提供了一个简单的模块系统。模块是node.js应用程序基本的组成部分，文件和模块是一一对应的。换言之，一个node.js文件就是一个模块，这个文件可能是javascript代码、json或者编译过的c/c++扩展。
说到 gulp 的运作方式，就不得不提到 vinyl 和 Node.js 的 stream。
1 .msi和.zip格式区别： 2 a、.msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说白了.msi就是Windows installer的数据包，把所有和安装文件相关的内容封装在一个包里。 3 b、.zip是一个压缩包，解压之后即可，不需要安装。
Rollup是一个JavaScript模块打包器，它可以将多个模块打包成一个单独的文件，以便在浏览器中使用。与其他打包工具相比，Rollup的主要优势在于它可以生成更小、更快的代码。在本文中，我们将深入了解Rollup的常用配置的使用方法。
webpack 学习小结 1 前言 打包，本质来说就是把许多零散的文件有序的合并成为一个文件，达到前端优化的效果 它的前世今生就不说了，感兴趣的同学可以去学习相关知识 构建 != 打包，反之亦然 打包可以说是构建的一环，构建可以做更多的事情 但是，打包永远都是构建的一个核心 1.1 相关工具 打包工具有很多，下面稍微介绍一下笔者认识的： 1.1.1 grunt 准确来说，grunt 是个构建工具 它只是提供了一些基础能力，出现的较早，社区强大 1.1.2 gulp gulp 和 grunt 很像，
架构分析 主要技术栈 基础web框架: Ember.js 构建脚手架: Ember CLI ember-engines: http：//ember-engines.com/ 国际化: 读配置文件 打包工具: WebPack dom操作: jquery Nodejs框架: express生态+http-proxy 图表使用的: echarts 和 d3 样式: node-sass 没有使用大的组件库,只是使用了一些小插件如 jquery.jgrowl 命令执行使用的: xterm.js 模板引擎: hbs 网
Node.js=HTML+"JS"：性能好，适合于服务器端IO密集型项目，不适合CPU密集型项目
在正则中也有特殊含义，匹配的是数字到非数字的边界（"123!"匹配的是3和!之间），不是数据
核心语法：$.get(url,[data],[callback],[type]);
Node.js=HTML+"JS"：性能好，适合于服务器端IO密集型项目，不适合CPU密集型项目。
没有vue项目的使用vue-cli脚手架生成一个webpack模板的项目即可愉快的看下去了~ 如果开发遇到跨域问题可以参考：http://www.cnblogs.com/morang/p/8423763.html
以下内容都是在0.11.112301版本中实践得出。现已更新至0.17.172600，如有版本调整，按实际情况而定，仅供出现类似情况时参考。 1. 快捷键 右键，选择格式化，格式化js、wxml、wxss等代码，也可以用Alt + SHIFT + F快捷键； 2. 知识点 小程序总会在读取Page下的data对象来做数据绑定，这个动作我们称之为A，而这个A动作的执行，是在onLoad函数之后执行的。但是在122100版本以后，this.data做数据绑定的方法已失效，并且也不建议直接通过this.data来
可以说，fis 比较大，对整个打包过程有一个核心规范和流程，并且总结并提供了打包构建中的3个核心能力
时至今日，Node.js 的模块仓库 npmjs.com ，已经存放了15万个模块，其中绝大部分都是 CommonJS 格式。
2009年，Node.js 项目诞生，所有模块一律为 CommonJS 格式。 时至今日，Node.js 的模块仓库 npmjs.com ，已经存放了15万个模块，其中绝大部分都是 CommonJS
一般情况下，一个项目的所有请求都会由一个统一的基础路径加上不同的接口路径和接口名组成，并且大部分接口都会有统一的请求或者响应处理，例如返回不同code值，要做响应处理，如果把所有接口都单独处理可谓是资源的极大浪费，因此想办法统一管理。在上一步中，已经新建了一个名为 service的文件夹，包含两个js文件：
webpack 本质上是一个打包工具，它会根据代码的内容解析模块依赖，帮助我们把多个模块的代码打包。借用 webpack 官网的图片：
<script type=”text/javascript” src=”ueditor1_4_3-utf8-jsp/ueditor.config.js”></script> <script type=”text/javascript” src=”ueditor1_4_3-utf8-jsp/ueditor.all.min.js”></script>
表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽，通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。 数据的信息不同，上传的方式也不同。在JavaScript中有四种种表单提交的方式： 一、 Form表单手动提交（get与post） 在没有任何Js代码的影响下，Form表单本身是自带提交功能的。在form元素标签上有两个属性： (1) action：设置表单提交的路径（URL） (2) method：设置表单提交的方式 表单提交的路径分为两种： (1) 相对路径：指站点内的文件，就是本地文件。 (2) 绝对路径：指其它站点，就比如从本站点到百度。 设置表单提交方式属性的值有两种：get提交和post提交。如果method不指名提交方式则默认为get提交。 这两种提交方式需要分别对应不同情况使用： (1) 相对于post提交而言，get提交更简单也更快，但是传输的容量小，在提交表单时，所有的信息都会暴露在url上，并不安全，通常用来获取数据。 (2) post提交方式能够传输的容量基本上是无穷的，而且提交的数据直接在后台进行处理，保证了数据的安全性，而且在更新数据传输大量数据、传输音频图片或者特殊符号等情况时，就只能使用post，而非get。 通常情况下，我们会取消Form表单的自动提交功能，通过一个onsubmit属性赋值为return false。
现在前端脚手架工具已经非常智能化了。早年刚入行我曾经自己在项目里配过webpack，上午面向百度配置的内容，下午就重复不出来了。后来查了一个下午，才去看package.json，发现下午webpack从我上午用的2.x升级到4.x了。语法有了大变样。如果你面向百度百度编程，webpack部分是一定要带版本号的。
ECMAScript模块是 JavaScript 的新标准格式。在Node.js中越来越多的库逐渐从从CommonJS转移到ES模块
我们日常开发中，时常会碰到数值格式化操作的场景，今天就为大家分享一款相对比较全面的数值格式化的JS库：Numeral.js
发上来好像格式都变了，有需要的可以给留言，我把为知笔记发给大家！大家如果看着费劲就拉到最后直接看图片部分！ 一.基本介绍 gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript、coffee、sass、less、html/image、css 等文件的测试
不同的浏览器使用不同的 JavaScript 解析引擎 Chrome 浏览器 => V8 Firefox 浏览器 => OdinMonkey（奥丁猴） Safri浏览器 => JSCore IE 浏览器 => Chakra（查克拉） 其中，Chrome 浏览器的 V8 解析引擎性能最好！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
