webpack.config.js加载css的配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

const path =  require('path')

module.exports = {
    entry: './src/index.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'main.js'
    },
    module:{
        rules: [
            {
                test: /\.css$/, 
                use: ['style-loader','css-loader']
                use: ['css-loader','style-loader'] // 如果按照这个顺序写，打包时候会报错
            }
        ]
    },
    mode: 'development' // production
}

TypeScript 它不香吗

ts是js的超集，意味着js本身的语法在ts里面也能跑的通。
ts一方面是对js加上了很多条条框框的限制，另一方面是拓展了js的一些能力，就像es6提供了那么多神奇的语法糖一样。
只要按照一定的规则去书写js，就能享受到ts带来的好处。

Sass文档

Sass是一种css的预编译语言。提供了变量（variables）、嵌套（nestedrules）、混合（mixins）、函数（functions）等功能，并且完全兼容css语法。

它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的css文件。

SQL语句

一、运行MySQL

命令提示符下输入mysql -u root -p，然后输入口令，如果一切正确，会连接到MySQL服务器，同时提示符变为mysql。

输入exit退出MySQL命令行。注意，MySQL服务器仍在后台运行。

WebStorm界面出现中文乱码（出现口口口）

新下载的webstorm2.1，搜索文件的时候，搜索框内输入中文，展示为口口口，解决这个问题方法：

1. 点击settings，快捷键Ctrl+Alt+S
2. 点击Appearance选项
3. 勾选【Use custom font】，随便选个其他的字体，看一下，一般就可以了
4. 点击【ok】

webstorms使用svn提交代码

提交代码时候一直显示refreshing VCS，时间很久很久
换个版本吧，少年。。。
尝试了一些网上的解决方法，都没办法永久解决（webstorm3遇到的这个问题）
现已把版本换回2.1，谢谢这个版本拯救了我
(￣▽￣)~*

Chrome浏览器performance工具

摁 Control+shift+I 打开开发者工具就可以找到 performance (旧版本也叫Timeline)

ESLint报错解决方案（error: No ESLint configuration found）

在项目部署中出现报错error: No ESLint configuration found，编辑器vscode。

解决办法

造成这种报错的原因是项目中缺少 .eslintrc.js文件。添加上就可以了。

vim命令模式

1. 普通模式（默认，其他模式按esc返回）
2. 命令行模式（按：进入）
3. 插入模式（按a或者i进入）

命令行模式输入wq回车后保存并退出vim

使用postman构造soap请求的方法：

1. 将请求方法设置为POST。

2. 打开Raw编辑器，并将body类型设置为“text / xml”。

3. 在请求体中，根据需要定义SOAP Envelope，header和body标签。首先给出必要的SOAP Envelope标签，并定义所有的命名空间。给SOAP header和body。应在SOAP体中指定SOAP方法（操作）的名称。
   代码中的实现：

4. 先在cur-system.js和cur-system-url.js（三个环境都需要配置）里进行配置。

5. 设置params，一般是这种形式：

   1. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

      <soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <soapenv:Header> <ns1:CSBHeader soapenv:actor="http://schemas.xmlsoap.org/soap/actor/next" soapenv:mustUnderstand="0" xmlns:ns1="http://www.shtel.com.cn/csb/v2/"> <ServiceName>QueryPointsInfoByCrmId</ServiceName> <ServiceVer>1.0</ServiceVer> <Consumer>CRMORDWEB</Consumer> <RequestTime>2013-12-19T07:53:01.198Z</RequestTime> </ns1:CSBHeader> </soapenv:Header> <soapenv:Body> <m:webSearchExchangePoints xmlns:m="http://src.ws.com"> <ScoreInfo> <CrmId>${this.custInfo.custNumber}</CrmId> </ScoreInfo> </m:webSearchExchangePoints> </soapenv:Body> </soapenv:Envelope>

6. 调取接口方法

7. 获取数据需要先进行格式化

   1 2 3 4 5 6 7 8

   import xml2js from "xml2js" // 注意：xml2js需要先引入 curApi.queryPointsInfoByCrmId(param).then(res=>{ let parser = new xml2js.Parser(); parser.parseString(res.data,(err,result)=>{ this.integral = result.ScoreInfo.body[0].PointsUseable[0] // 当前可用积分 }) })

浏览器的主要功能是将用户选择得web资源呈现出来，从服务器请求资源，并将其显示在浏览器窗口中，资源格式包括html、PDF、image、svg以及其他格式。用户通过URI(统一资源标识符)来指定所请求资源的位置。

浏览器的主要构成

1. 用户界面——包括地址栏、后退/前进按钮/书签目录等，除了用来显示请求页面的主窗口外的其他部分
2. 浏览器引擎——可以在用户界面和渲染引擎之间传送指令或在客户端本地缓存中读写数据等，（用来查询及操作渲染引擎的接口）
3. 渲染引擎——用来显示请求的内容，例如html，它负责解析html及css，并将解析后的结果显示出来。我们常说的浏览器内核主要指的是渲染引擎。
4. 网络——用来完成网络调用，例如http请求，它具有平台无关的接口，可以在不同平台上工作
5. js解释器——用来解释执行js脚本的模块，比如V8引擎、javascriptCore
6. UI后端——用来绘制基本的浏览器窗口内控件，如输入框/按钮/单选按钮等，根据浏览器不同绘制的视觉效果也不同，但是功能都是一样的
7. 数据存储——浏览器再硬盘中保存cookie、localStorage等各种数据，可以通过浏览器引擎提供的API进行调用