คุณหล่อมากๆ-CSDN博客

原创 sql8

SQL 通配符在搜索数据库中的数据时，SQL 通配符可以替代一个或多个字符。 SQL 通配符必须与 LIKE 运算符一起使用。在 SQL 中，可使用以下通配符：通配符描述 % 替代一个或多个字符 _ 仅替代一个字符 [charlist] 字符列中的任何单一字符 [^charlist] 或者 [!charlist] 不在字符列中的任何单一字符原始的表 (用在例子中的)： Persons 表...

2019-12-15 15:52:23 341

TOP 子句 TOP 子句用于规定要返回的记录的数目。对于拥有数千条记录的大型表来说，TOP 子句是非常有用的。注释：并非所有的数据库系统都支持 TOP 子句。 SQL Server 的语法： SELECT TOP number|percent column_name(s) FROM table_name MySQL 和 Oracle 中的 SQL SELECT TOP 是等价的 MySQL ...

2019-12-13 17:52:29 285

原创 sql更新和删除

Update 语句 Update 语句用于修改表中的数据。语法： UPDATE 表名称 SET 列名称 = 新值 WHERE 列名称 = 某值 Person: LastName FirstName Address City Gates Bill Xuanwumen 10 Beijing Wilson Champs-Elysees 更新某一行中的一个列我们为 lastname 是 “Wil...

2019-12-12 16:53:13 342

原创 sql5

INSERT INTO 语句 INSERT INTO 语句用于向表格中插入新的行。语法 INSERT INTO 表名称 VALUES (值1, 值2,…) 我们也可以指定所要插入数据的列： INSERT INTO table_name (列1, 列2,…) VALUES (值1, 值2,…) 插入新的行 “Persons” 表： LastName FirstName Address City C...

2019-12-11 15:38:07 197

原创 SQL4

AND 和 OR 运算符用于基于一个以上的条件对记录进行过滤。 AND 和 OR 运算符 AND 和 OR 可在 WHERE 子语句中把两个或多个条件结合起来。如果第一个条件和第二个条件都成立，则 AND 运算符显示一条记录。如果第一个条件和第二个条件中只要有一个成立，则 OR 运算符显示一条记录。原始的表 (用在例子中的)： LastName FirstName Address City ...

2019-12-08 15:02:07 386 1

原创 sql学习2

SQL SELECT DISTINCT 语句在表中，可能会包含重复值。这并不成问题，不过，有时您也许希望仅仅列出不同（distinct）的值。关键词 DISTINCT 用于返回唯一不同的值。语法： SELECT DISTINCT 列名称 FROM 表名称使用 DISTINCT 关键词如果要从 “Company” 列中选取所有的值，我们需要使用 SELECT 语句： SELECT Comp...

2019-12-04 17:52:54 300

原创 sql学习

一个数据库通常包含一个或多个表。每个表由一个名字标识（例如“客户”或者“订单”）。表包含带有数据的记录（行）。下面的例子是一个名为 “Persons” 的表： Id LastName FirstName Address City 1 Adams John Oxford Street London 2 Bush George Fifth Avenue New York 3 Carter Thoma...

2019-12-03 17:54:58 197

原创 SQL4

promise是什么？ 1、主要用于异步计算 2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 3、可以在对象之间传递和操作promise，帮助我们处理队列为什么会有promise？为了避免界面冻结（任务）同步：假设你去了一家饭店，找个位置，叫来服务员，这个时候服务员对你说，对不起我是“同步”服务员，我要服务完这张桌子才能招呼你。那桌客人明明已经吃上了，你只是想要个菜单，这么...

2019-11-30 17:21:02 191

原创部署

通用指南如果你用 Vue CLI 处理静态资源并和后端框架一起作为部署的一部分，那么你需要的仅仅是确保 Vue CLI 生成的构建文件在正确的位置，并遵循后端框架的发布方式即可。如果你独立于后端部署前端应用——也就是说后端暴露一个前端可访问的 API，然后前端实际上是纯静态应用。那么你可以将 dist 目录里构建的内容部署到任何静态文件服务器中，但要确保正确的 publicPath。 #本地预...

2019-11-28 17:50:47 296

原创构建目标

当你运行 vue-cli-service build 时，你可以通过 --target 选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。应用应用模式是默认的模式。在这个模式中： index.html 会带有注入的资源和 resource hint 第三方库会被分到一个独立包以便更好的缓存小于 4kb 的静态资源会被内联在 JavaScript 中 public 中...

2019-11-26 17:19:57 406

原创 JSX 简介

const element = Hello, world!; 这个有趣的标签语法既不是字符串也不是 HTML。它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模版语言，但它具有 JavaScript 的全部功能。 JSX 可以生成 React “元素”。我...

2019-11-25 17:31:52 263

原创环境变量和模式

你可以替换你的项目根目录中的下列文件来指定环境变量： .env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入，但会被 git 忽略 .env.[mode] # 只在指定的模式中被载入 .env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略一个环境文件只包含环境变量的“键=...

2019-11-24 09:52:44 646

原创 webpack 相关

简单的配置方式调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象： // vue.config.js module.exports = { configureWebpack: { plugins: [ new MyAwesomeWebpackPlugin() ] } } 该对象将...

2019-11-23 09:31:04 638

原创 vue-cli css配置

CSS 相关 Vue CLI 项目天生支持 PostCSS、CSS Modules 和包含 Sass、Less、Stylus 在内的预处理器。引用静态资源所有编译后的 CSS 都会通过 css-loader 来解析其中的 url() 引用，并将这些引用作为模块请求来处理。这意味着你可以根据本地的文件结构用相对路径来引用静态资源。另外要注意的是如果你想要引用一个 npm 依赖中的文件，或是想要用...

2019-11-22 09:17:24 2071

原创 HTML 和静态资源

HTML Index 文件 public/index.html 文件是一个会被 html-webpack-plugin 处理的模板。在构建过程中，资源链接会被自动注入。另外，Vue CLI 也会自动注入 resource hint (preload/prefetch、manifest 和图标链接 (当用到 PWA 插件时) 以及构建过程中处理的 JavaScript 和 CSS 文件的资源链接。 ...

2019-11-21 09:09:32 1591

原创 vue-cli 浏览器兼容性

browserslist 你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。现在查阅这里了解如何指定浏览器范围。 Polyf...

2019-11-20 09:04:06 934

原创 VUE-CLI 服务

使用命令在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。这是你使用默认 preset 的项目的 package.json： { "scripts...

2019-11-19 09:09:41 299

原创 vue-cli插件和 Preset

插件和 Preset #插件 Vue CLI 使用了一套基于插件的架构。如果你查阅一个新创建项目的 package.json，就会发现依赖都是以 @vue/cli-plugin- 开头的。插件可以修改 webpack 的内部配置，也可以向 vue-cli-service 注入命令。在项目创建的过程中，绝大部分列出的特性都是通过插件来实现的。基于插件的架构使得 Vue CLI 灵活且可扩展。如果你...

2019-11-18 09:12:17 1189

原创 webpack插件和loader

loader loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaScript，或将内联图像转换为 data URL。loader 甚至允许你直接在 JavaScr...

2019-11-13 17:06:44 646

原创 webpack输出和模式

输出(output) 配置 output 选项可以控制 webpack 如何向硬盘写入编译文件。注意，即使可以存在多个入口起点，但只指定一个输出配置。用法(Usage) 在 webpack 中配置 output 属性的最低要求是，将它的值设置为一个对象，包括以下两点： filename 用于输出文件的文件名。目标输出目录 path 的绝对路径。 webpack.config.js const...

2019-11-12 17:33:04 400

原创 webpack入口起点

入口起点(entry points) 正如我们在起步中提到的，在 webpack 配置中有多种方式定义 entry 属性。除了解释为什么它可能非常有用，我们还将向你展示如何去配置 entry 属性。单个入口（简写）语法用法：entry: string|Array webpack.config.js const config = { entry: './path/to/my/entry/f...

2019-11-11 18:08:55 280 1

原创 webpack概念

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。可以从这里了解更多关于 JavaScript 模块和 webpack 模块的信息。从 webpa...

2019-11-10 11:58:49 161

原创 npm中package.json详解

通常我们使用npm init命令来创建一个npm程序时，会自动生成一个package.json文件。package.json文件会描述这个NPM包的所有相关信息，包括作者、简介、包依赖、构建等信息，格式是严格的JSON格式。常用命令 npm i --save packageName 安装依赖包 npm i --save-dev packageName npm i webpack@1.2....

2019-11-09 12:30:29 420

原创 tsconfig.json配置详解

概述如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。一个项目可以通过以下方式之一来编译：使用tsconfig.json 不带任何输入文件的情况下调用tsc，编译器会从当前目录开始去查找tsconfig.json文件，逐级向上搜索父目录。不带任何输入文件的...

2019-11-08 16:02:04 3729

原创 TypeScript 在Vue中的实践

基础总结数据类型 boolean 、number、string、null、 undefined、 Symbol undefined 和null 类型的数据只能被赋值undefined 和null，但是这个类型是所有类型的子类型 void 空类型 // undefined和null是所有类型子类型，都可以赋值 let num: Symbol = undefined;ss ...

2019-11-07 16:42:18 702

原创 typescript在react使用1

事件处理函数类型当我们定义事件处理函数时有没有更方便定义其函数类型的方式呢？答案是使用 React 声明文件所提供的 EventHandler 类型别名，通过不同事件的 EventHandler 的类型别名来定义事件处理函数的类型。 EventHandler 类型实现源码 node_modules/@types/react/index.d.ts 。 type EventHandler<...

2019-11-06 18:29:49 420

原创 typescript在react使用

前言近几年前端对 TypeScript 的呼声越来越高，Ryan Dahl 的新项目 Deno 中 TypeScript 也变成了一个必须要会的技能，知乎上经常见到像『自从用了 TypeScript 之后,再也不想用 JavaScript 了』、『只要你用过 ES6，TypeScript 可以几乎无门槛接入』、『TypeScript可以在任何场景代替 JS』这些类似的回答，抱着听别人说不如自己用...

2019-11-05 18:32:30 508

原创 TypeScript 与其它构建工具整合

安装 npm install tsify 使用命令行交互 browserify main.ts -p [ tsify --noImplicitAny ] > bundle.js 使用API var browserify = require("browserify"); var tsify = require("tsify"); browserify() .add('main.ts...

2019-11-04 18:10:40 282

原创 TypeScript tsconfig.json

概述如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。一个项目可以通过以下方式之一来编译：使用tsconfig.json 不带任何输入文件的情况下调用tsc，编译器会从当前目录开始去查找tsconfig.json文件，逐级向上搜索父目录。不带任何输入文件的...

2019-11-03 13:36:55 621

原创 TypeScript深入

类型如果你正在阅读这篇指南，你可能已经大概了解TypeScript里的类型指是什么。明确一下，类型通过以下方式引入：类型别名声明（type sn = number | string;）接口声明（interface I { x: number[]; }）类声明（class C { }）枚举声明（enum E { A, B, C }）指向某个类型的import声明以上每种声明形式都会创...

2019-11-02 13:20:08 275

原创 TypeScript案例

全局变量全局变量foo包含了存在组件总数。代码 console.log("Half the number of widgets is " + (foo / 2)); 声明使用declare var声明变量。如果变量是只读的，那么可以使用declare const。你还可以使用declare let如果变量拥有块级作用域。 /** 组件总数 */ declare var foo: num...

2019-11-01 18:13:21 716

原创 TypeScript规范

普通类型 Number，String，Boolean和Object 不要使用如下类型Number，String，Boolean或Object。这些类型指的是非原始的装盒对象，它们几乎没在JavaScript代码里正确地使用过。 /* 错误 */ function reverse(s: String): String; 应该使用类型number，string，and boolean。 /* OK...

2019-10-31 17:46:22 509

原创 TypeScript结构2

模版针对模块有三种可用的模块， module.d.ts, module-class.d.ts and module-function.d.ts. 使用module-function.d.ts，如果模块能够作为函数调用。 var x = require("foo"); // Note: calling 'x' as a function var y = x(42); 一定要阅读补充说明： “E...

2019-10-30 18:21:45 261

原创 TypeScript结构

概述一般来讲，你组织声明文件的方式取决于库是如何被使用的。在JavaScript中一个库有很多使用方式，这就需要你书写声明文件去匹配它们。这篇指南涵盖了如何识别常见库的模式，和怎样书写符合相应模式的声明文件。针对每种主要的库的组织模式，在模版一节都有对应的文件。你可以利用它们帮助你快速上手。识别库的类型首先，我们先看一下TypeScript声明文件能够表示的库的类型。这里会简单展示...

2019-10-29 16:46:50 349

原创 JavaScript文件里的类型检查

TypeScript 2.3以后的版本支持使用–checkJs对.js文件进行类型检查并提示错误的模式。你可以通过添加// @ts-nocheck注释来忽略类型检查；相反你可以通过去掉–checkJs设置并添加// @ts-check注释来选则检查某些.js文件。你还可以使用// @ts-ignore来忽略本行的错误。下面是一些值得注意的类型检查在.js文件与.ts文件上的差异：在JSDo...

2019-10-28 17:49:32 594

原创 TypeScript 三斜线指令

三斜线指令是包含单个XML标签的单行注释。注释的内容会做为编译器指令使用。三斜线指令仅可放在包含它的文件的最顶端。一个三斜线指令的前面只能出现单行或多行注释，这包括其它的三斜线指令。如果它们出现在一个语句或声明之后，那么它们会被当做普通的单行注释，并且不具有特殊的涵义。 /// <reference path="..." /> /// <reference path="....

2019-10-27 11:12:01 431

原创 TypeScript 混入(mixin)

介绍除了传统的面向对象继承方式，还流行一种通过可重用组件创建类的方式，就是联合另一个简单类的代码。你可能在Scala等语言里对mixins及其特性已经很熟悉了，但它在JavaScript中也是很流行的。混入示例下面的代码演示了如何在TypeScript里使用混入。后面我们还会解释这段代码是怎么工作的。 // Disposable Mixin class Disposable { ...

2019-10-26 19:10:34 1217

原创 TypeScript 三斜线指令

三斜线指令是包含单个XML标签的单行注释。注释的内容会做为编译器指令使用。三斜线指令仅可放在包含它的文件的最顶端。一个三斜线指令的前面只能出现单行或多行注释，这包括其它的三斜线指令。如果它们出现在一个语句或声明之后，那么它们会被当做普通的单行注释，并且不具有特殊的涵义。 /// <reference path="..." /> /// <reference path="....

2019-10-25 14:46:22 723

原创 TypeScript 混入(mixin)

介绍除了传统的面向对象继承方式，还流行一种通过可重用组件创建类的方式，就是联合另一个简单类的代码。你可能在Scala等语言里对mixins及其特性已经很熟悉了，但它在JavaScript中也是很流行的。混入示例下面的代码演示了如何在TypeScript里使用混入。后面我们还会解释这段代码是怎么工作的。 // Disposable Mixin class Disposable { ...

2019-10-25 14:44:38 655

原创 TypeScript Decorators2

访问器装饰器访问器装饰器声明在一个访问器的声明之前（紧靠着访问器声明）。访问器装饰器应用于访问器的属性描述符并且可以用来监视，修改或替换一个访问器的定义。访问器装饰器不能用在声明文件中（.d.ts），或者任何外部上下文（比如declare的类）里。注意 TypeScript不允许同时装饰一个成员的get和set访问器。取而代之的是，一个成员的所有装饰的必须应用在文档顺序的第一个访问器上。...

2019-10-25 14:42:51 252

空空如也

空空如也