vscode插件

dieeming9110 — Sat, 28 Sep 2019 10:16:00 +0800

VS Code插件的种类在本文，我主要介绍专门针对JavaScript开发者的VS Code插件。有很多满足此条件的VS Code插件，当然我不会都作介绍。相反，我会着重介绍那些已经相当流行而且对JavaScript开发者来说必不可少的VS Code插件。为简单起见，我把它们分为10类。在这之中可能有你已经知道并且正在使用的插件，但也很有可能有一些是你听说过但未曾使用过的...

Visual Studio Code

dieeming9110 — Sat, 28 Sep 2019 10:00:00 +0800

1、html快速生成 ---!+ Tab 2、ctr+shift+x 打开插件商城常用插件： Auto Close Tag 自动添加HTML / XML关闭标签（必备） Auto Rename Tag 自动重命名配对的HTML / XML标签(必备) Beautify 格式化javascript，JSON，CSS...

JavaScript —— 正则表达式元字符

dieeming9110 — Fri, 27 Sep 2019 20:13:00 +0800

正则表达式

JavaScript 正则表达式中的特殊字符

dieeming9110 — Fri, 27 Sep 2019 17:07:00 +0800

正则表达式中的特殊字符字符含义 \ 依照下列规则匹配：在非特殊字符之前的反斜杠表示下一个字符是特殊字符，不能按照字面理解。例如，前面没有 "\"的 "b"通常匹配小写字母 "b"，即字符会被作为字面理解，无论它出现在哪里。但如果前面加了 "\"，它将不再匹配任何字符，而是表示一个字符边界。在特殊字符之前的反斜杠表示下一个字符不是特殊字符，应该...

JS高级 —— 普通函数、构造函数、对象方法的调用

dieeming9110 — Tue, 24 Sep 2019 16:26:00 +0800

1 2 3 4 5 6 函数的调用方式<... </article> <article> <h1>JS高级 — 函数中的this指向问题</h1> <p>dieeming9110 — Tue, 24 Sep 2019 15:26:00 +0800</p> 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>函数的角色</t... </article> <article> <h1>JS高级 — 函数的声明和表达式</h1> <p>dieeming9110 — Tue, 24 Sep 2019 15:22:00 +0800</p> 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>函数的角色</t... </article> <article> <h1>JSON —— 数据结构</h1> <p>dieeming9110 — Mon, 23 Sep 2019 08:53:00 +0800</p> 1、什么是 JSON JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写 JSON 采用完全独立于语言的文本格式，但是也使用了类似于 C 语言家族的习惯（包括 C, C++, C#,Java, JavaScript,Perl, Python 等）。这些特性使 JSON 成为理想的数据交换语言 JSON 比 XML ... </article> <article> <h1>Ajax —— 服务器端发送JSON数据</h1> <p>dieeming9110 — Sat, 21 Sep 2019 18:51:00 +0800</p> 重点需要解决的问题：服务器端如何构建JSON数据思考：JavaBean转JSON数据，集合转JSON数据，普通java对象（String，Number）转JSON数据一、Gson开源jar包 Gson是Google开发的JavaAPI,用于转换Java对象和Json数据 1、JavaBean转Json 二、ss 转载于:h... </article> <article> <h1>JSON —— 序列化与反序列化</h1> <p>dieeming9110 — Sat, 21 Sep 2019 18:50:00 +0800</p> 1、JSON 反序列化 JSON 序列化：将服务器端的 JavaBean 对象转换成 JSON 字符串 JSON 反序列化：服务器端得到一个 JSON 字符串，然后将 JSON 字符串转换 JavaBean 对象 2、反序列化的作用我们从全局角度（MVC 开发流程）去思考，客户端提交一个数据，我的控制器得到数据。如果我们能将这个数据直接转换 JavaBean 对象，... </article> <article> <h1>AJAX —— JSON 字符串与 JSON 对象</h1> <p>dieeming9110 — Sat, 21 Sep 2019 10:00:00 +0800</p> 一、JSON 字符串转 JSON 对象 ----> JSON.parse(JString); 1 // JSON 字符串转 JSON 对象 ----> JSON.parse(JString); 2 $("btn03").onclick = function(){ 3 var str = '{"name":"zhangsan","ag... </article> <article> <h1>Ajax ——数据解析</h1> <p>dieeming9110 — Fri, 20 Sep 2019 19:55:00 +0800</p> Ajax应用中数据解析是非常重要的一件事情。一般服务器返回数据有三种格式：txt , xml, json 1、解析txt 当服务器返回的数据为字符串，则这种Ajax数据格式就是txt。在浏览器端，我们通过responseText来获取字符串形式的相应数据。 2、解析xml 当服务器端返回数据为xml时，则这种Ajax数据格式就是x... </article> <article> <h1>AJAX - 实现一个简单的登录验证</h1> <p>dieeming9110 — Fri, 20 Sep 2019 09:32:00 +0800</p> /**Ajax 编写流程 * 1、创建 XHR (XMLHttpRequest)对象 1 var xmlHttpReq = false; // var xmlHttpReq = ""; 数据类型改变--弱类型 2 //Part1:创建 [一个函数，初始化] XHR 对象--->是 Ajax的基础 3 function createXmlHttpReque... </article> <article> <h1>Ajax XMLHttpRequest对象的三个属性以及open和send方法</h1> <p>dieeming9110 — Thu, 19 Sep 2019 15:12:00 +0800</p> (1)onreadystatechange 属性（状态属性）该属性存有处理服务器响应的函数。下面的代码定义一个空的函数，可同时对 onreadystatechange 属性进行设置：写法1：写法2：例子：https://www.w3school.com.cn/ajax/aja... </article> <article> <h1>webpack 中如何使用 vue</h1> <p>dieeming9110 — Mon, 26 Aug 2019 17:31:00 +0800</p> 1. 安装vue的包： cnpm i vue -S 2. 由于在 webpack 中，推荐使用 .vue 这个组件模板文件定义组件，所以，需要安装能解析这种文件的 loader cnpm i vue-loader vue-template-complier -D 3. 在 main.js 中，导入 vue 模块 import Vue from 'vue' 4. 定义一个 .... </article> <article> <h1>在webpack中配置.vue组件页面的解析</h1> <p>dieeming9110 — Mon, 26 Aug 2019 17:26:00 +0800</p> 1. 运行`cnpm i vue -S`将vue安装为运行依赖； 2. 运行`cnpm i vue-loader vue-template-compiler -D`将解析转换vue的包安装为开发依赖； 3. 运行`cnpm i style-loader css-loader -D`将解析转换CSS的包安装为开发依赖，因为.vue文件中会写CSS样式； 4. 在`webpack.co... </article> <article> <h1>使用`html-webpack-plugin`插件配置启动页面</h1> <p>dieeming9110 — Mon, 26 Aug 2019 14:28:00 +0800</p> 由于使用`--contentBase`指令的过程比较繁琐，需要指定启动的目录，同时还需要修改index.html中script标签的src属性，所以推荐大家使用`html-webpack-plugin`插件配置启动页面.1. 运行`cnpm i html-webpack-plugin --save-dev`安装到开发依赖2. 修改`webpack.config.js`配置文件如下：```... </article> <article> <h1>实现webpack的实时打包构建</h1> <p>dieeming9110 — Mon, 26 Aug 2019 14:18:00 +0800</p> 1. 由于每次重新修改代码之后，都需要手动运行webpack打包的命令，比较麻烦，所以使用`webpack-dev-server`来实现代码实时打包编译，当修改代码之后，会自动进行打包构建。2. 运行`cnpm i webpack-dev-server --save-dev`安装到开发依赖3. 安装完成之后，在命令行直接运行`webpack-dev-server`来进行打包，发现报错，此... </article> <article> <h1>使用vue-cli快速构建项目</h1> <p>dieeming9110 — Mon, 26 Aug 2019 09:47:00 +0800</p> 1、创建一个文件夹，vscode打开 2、ctr + shift+` 打开指令窗口 3、npm i vue-cli -g 安装vue-cli 4、vue -V 测试安装版本检查是否安装成功 5、vue init webpack 初始化 6、在当前文件新建项目 7、install vue-router yes（其他随意） 8、npm run dev 运行项目 ... </article> <article> <h1>`nrm`的安装使用</h1> <p>dieeming9110 — Sun, 25 Aug 2019 11:44:00 +0800</p> 作用：提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址；什么是镜像：原来包刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候，我们可以在国内, 创建一个和官网完全一样的NPM服务器，只不过，数据都是从人家那里拿过来的，除此之外，使用方式完全一样； 1. 运行`npm i nrm -g`全局安装`nrm`包；2. 使用`nrm ls... </article> </main></body></html>

dieeming9110的博客

vscode插件

Visual Studio Code

JavaScript —— 正则表达式元字符

JavaScript 正则表达式中的特殊字符

JS高级 —— 普通函数、构造函数、对象方法的调用