- 博客(64)
- 收藏
- 关注
原创 sql8
SQL 通配符在搜索数据库中的数据时,SQL 通配符可以替代一个或多个字符。SQL 通配符必须与 LIKE 运算符一起使用。在 SQL 中,可使用以下通配符:通配符 描述% 替代一个或多个字符_ 仅替代一个字符[charlist] 字符列中的任何单一字符[^charlist]或者[!charlist]不在字符列中的任何单一字符原始的表 (用在例子中的):Persons 表...
2019-12-15 15:52:23
257
原创 sq7
TOP 子句TOP 子句用于规定要返回的记录的数目。对于拥有数千条记录的大型表来说,TOP 子句是非常有用的。注释:并非所有的数据库系统都支持 TOP 子句。SQL Server 的语法:SELECT TOP number|percent column_name(s)FROM table_nameMySQL 和 Oracle 中的 SQL SELECT TOP 是等价的MySQL ...
2019-12-13 17:52:29
205
原创 sql更新和删除
Update 语句Update 语句用于修改表中的数据。语法:UPDATE 表名称 SET 列名称 = 新值 WHERE 列名称 = 某值Person:LastName FirstName Address CityGates Bill Xuanwumen 10 BeijingWilson Champs-Elysees 更新某一行中的一个列我们为 lastname 是 “Wil...
2019-12-12 16:53:13
261
原创 sql5
INSERT INTO 语句INSERT INTO 语句用于向表格中插入新的行。语法INSERT INTO 表名称 VALUES (值1, 值2,…)我们也可以指定所要插入数据的列:INSERT INTO table_name (列1, 列2,…) VALUES (值1, 值2,…)插入新的行“Persons” 表:LastName FirstName Address CityC...
2019-12-11 15:38:07
138
原创 SQL4
AND 和 OR 运算符用于基于一个以上的条件对记录进行过滤。AND 和 OR 运算符AND 和 OR 可在 WHERE 子语句中把两个或多个条件结合起来。如果第一个条件和第二个条件都成立,则 AND 运算符显示一条记录。如果第一个条件和第二个条件中只要有一个成立,则 OR 运算符显示一条记录。原始的表 (用在例子中的):LastName FirstName Address City...
2019-12-08 15:02:07
292
1
原创 sql学习2
SQL SELECT DISTINCT 语句在表中,可能会包含重复值。这并不成问题,不过,有时您也许希望仅仅列出不同(distinct)的值。关键词 DISTINCT 用于返回唯一不同的值。语法:SELECT DISTINCT 列名称 FROM 表名称使用 DISTINCT 关键词如果要从 “Company” 列中选取所有的值,我们需要使用 SELECT 语句:SELECT Comp...
2019-12-04 17:52:54
211
原创 sql学习
一个数据库通常包含一个或多个表。每个表由一个名字标识(例如“客户”或者“订单”)。表包含带有数据的记录(行)。下面的例子是一个名为 “Persons” 的表:Id LastName FirstName Address City1 Adams John Oxford Street London2 Bush George Fifth Avenue New York3 Carter Thoma...
2019-12-03 17:54:58
129
原创 SQL4
promise是什么?1、主要用于异步计算2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果3、可以在对象之间传递和操作promise,帮助我们处理队列为什么会有promise?为了避免界面冻结(任务)同步:假设你去了一家饭店,找个位置,叫来服务员,这个时候服务员对你说,对不起我是“同步”服务员,我要服务完这张桌子才能招呼你。那桌客人明明已经吃上了,你只是想要个菜单,这么...
2019-11-30 17:21:02
136
原创 部署
通用指南如果你用 Vue CLI 处理静态资源并和后端框架一起作为部署的一部分,那么你需要的仅仅是确保 Vue CLI 生成的构建文件在正确的位置,并遵循后端框架的发布方式即可。如果你独立于后端部署前端应用——也就是说后端暴露一个前端可访问的 API,然后前端实际上是纯静态应用。那么你可以将 dist 目录里构建的内容部署到任何静态文件服务器中,但要确保正确的 publicPath。#本地预...
2019-11-28 17:50:47
221
原创 构建目标
当你运行 vue-cli-service build 时,你可以通过 --target 选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。应用应用模式是默认的模式。在这个模式中:index.html 会带有注入的资源和 resource hint第三方库会被分到一个独立包以便更好的缓存小于 4kb 的静态资源会被内联在 JavaScript 中public 中...
2019-11-26 17:19:57
325
原创 JSX 简介
const element = Hello, world!;这个有趣的标签语法既不是字符串也不是 HTML。它被称为 JSX,是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模版语言,但它具有 JavaScript 的全部功能。JSX 可以生成 React “元素”。我...
2019-11-25 17:31:52
178
原创 环境变量和模式
你可以替换你的项目根目录中的下列文件来指定环境变量:.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入,但会被 git 忽略.env.[mode] # 只在指定的模式中被载入.env.[mode].local # 只在指定的模式中被载入,但会被 git 忽略一个环境文件只包含环境变量的“键=...
2019-11-24 09:52:44
544
原创 webpack 相关
简单的配置方式调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象:// vue.config.jsmodule.exports = { configureWebpack: { plugins: [ new MyAwesomeWebpackPlugin() ] }}该对象将...
2019-11-23 09:31:04
489
原创 vue-cli css配置
CSS 相关Vue CLI 项目天生支持 PostCSS、CSS Modules 和包含 Sass、Less、Stylus 在内的预处理器。引用静态资源所有编译后的 CSS 都会通过 css-loader 来解析其中的 url() 引用,并将这些引用作为模块请求来处理。这意味着你可以根据本地的文件结构用相对路径来引用静态资源。另外要注意的是如果你想要引用一个 npm 依赖中的文件,或是想要用...
2019-11-22 09:17:24
1914
原创 HTML 和静态资源
HTMLIndex 文件public/index.html 文件是一个会被 html-webpack-plugin 处理的模板。在构建过程中,资源链接会被自动注入。另外,Vue CLI 也会自动注入 resource hint (preload/prefetch、manifest 和图标链接 (当用到 PWA 插件时) 以及构建过程中处理的 JavaScript 和 CSS 文件的资源链接。...
2019-11-21 09:09:32
1447
原创 vue-cli 浏览器兼容性
browserslist你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件),指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。现在查阅这里了解如何指定浏览器范围。Polyf...
2019-11-20 09:04:06
853
原创 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
166
原创 vue-cli插件和 Preset
插件和 Preset#插件Vue CLI 使用了一套基于插件的架构。如果你查阅一个新创建项目的 package.json,就会发现依赖都是以 @vue/cli-plugin- 开头的。插件可以修改 webpack 的内部配置,也可以向 vue-cli-service 注入命令。在项目创建的过程中,绝大部分列出的特性都是通过插件来实现的。基于插件的架构使得 Vue CLI 灵活且可扩展。如果你...
2019-11-18 09:12:17
1050
原创 webpack插件和loader
loaderloader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言(如 TypeScript)转换为 JavaScript,或将内联图像转换为 data URL。loader 甚至允许你直接在 JavaScr...
2019-11-13 17:06:44
543
原创 webpack输出和模式
输出(output)配置 output 选项可以控制 webpack 如何向硬盘写入编译文件。注意,即使可以存在多个入口起点,但只指定一个输出配置。用法(Usage)在 webpack 中配置 output 属性的最低要求是,将它的值设置为一个对象,包括以下两点:filename 用于输出文件的文件名。目标输出目录 path 的绝对路径。webpack.config.jsconst...
2019-11-12 17:33:04
301
原创 webpack入口起点
入口起点(entry points)正如我们在起步中提到的,在 webpack 配置中有多种方式定义 entry 属性。除了解释为什么它可能非常有用,我们还将向你展示如何去配置 entry 属性。单个入口(简写)语法用法:entry: string|Arraywebpack.config.jsconst config = { entry: './path/to/my/entry/f...
2019-11-11 18:08:55
189
1
原创 webpack概念
本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。可以从这里了解更多关于 JavaScript 模块和 webpack 模块的信息。从 webpa...
2019-11-10 11:58:49
125
原创 npm中package.json详解
通常我们使用npm init命令来创建一个npm程序时,会自动生成一个package.json文件。package.json文件会描述这个NPM包的所有相关信息,包括作者、简介、包依赖、构建等信息,格式是严格的JSON格式。常用命令npm i --save packageName 安装依赖包npm i --save-dev packageNamenpm i webpack@1.2....
2019-11-09 12:30:29
337
原创 tsconfig.json配置详解
概述如果一个目录下存在一个tsconfig.json文件,那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。 一个项目可以通过以下方式之一来编译:使用tsconfig.json不带任何输入文件的情况下调用tsc,编译器会从当前目录开始去查找tsconfig.json文件,逐级向上搜索父目录。不带任何输入文件的...
2019-11-08 16:02:04
3542
原创 TypeScript 在Vue中的实践
基础总结数据类型boolean 、number、string、null、 undefined、 Symbolundefined 和null 类型的数据只能被赋值undefined 和null, 但是这个类型是所有类型的子类型void 空类型 // undefined和null是所有类型子类型,都可以赋值 let num: Symbol = undefined;ss ...
2019-11-07 16:42:18
602
原创 typescript在react使用1
事件处理函数类型当我们定义事件处理函数时有没有更方便定义其函数类型的方式呢?答案是使用 React 声明文件所提供的 EventHandler 类型别名,通过不同事件的 EventHandler 的类型别名来定义事件处理函数的类型。EventHandler 类型实现源码 node_modules/@types/react/index.d.ts 。 type EventHandler<...
2019-11-06 18:29:49
302
原创 typescript在react使用
前言近几年前端对 TypeScript 的呼声越来越高,Ryan Dahl 的新项目 Deno 中 TypeScript 也变成了一个必须要会的技能,知乎上经常见到像『自从用了 TypeScript 之后,再也不想用 JavaScript 了』、『只要你用过 ES6,TypeScript 可以几乎无门槛接入』、『TypeScript可以在任何场景代替 JS』这些类似的回答,抱着听别人说不如自己用...
2019-11-05 18:32:30
392
原创 TypeScript 与其它构建工具整合
安装npm install tsify使用命令行交互browserify main.ts -p [ tsify --noImplicitAny ] > bundle.js使用APIvar browserify = require("browserify");var tsify = require("tsify");browserify() .add('main.ts...
2019-11-04 18:10:40
228
原创 TypeScript tsconfig.json
概述如果一个目录下存在一个tsconfig.json文件,那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。 一个项目可以通过以下方式之一来编译:使用tsconfig.json不带任何输入文件的情况下调用tsc,编译器会从当前目录开始去查找tsconfig.json文件,逐级向上搜索父目录。不带任何输入文件的...
2019-11-03 13:36:55
496
原创 TypeScript深入
类型如果你正在阅读这篇指南,你可能已经大概了解TypeScript里的类型指是什么。 明确一下,类型通过以下方式引入:类型别名声明(type sn = number | string;)接口声明(interface I { x: number[]; })类声明(class C { })枚举声明(enum E { A, B, C })指向某个类型的import声明以上每种声明形式都会创...
2019-11-02 13:20:08
162
原创 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
623
原创 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
405
原创 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 functionvar y = x(42);一定要阅读补充说明: “E...
2019-10-30 18:21:45
173
原创 TypeScript结构
概述一般来讲,你组织声明文件的方式取决于库是如何被使用的。 在JavaScript中一个库有很多使用方式,这就需要你书写声明文件去匹配它们。 这篇指南涵盖了如何识别常见库的模式,和怎样书写符合相应模式的声明文件。针对每种主要的库的组织模式,在模版一节都有对应的文件。 你可以利用它们帮助你快速上手。识别库的类型首先,我们先看一下TypeScript声明文件能够表示的库的类型。 这里会简单展示...
2019-10-29 16:46:50
266
原创 JavaScript文件里的类型检查
TypeScript 2.3以后的版本支持使用–checkJs对.js文件进行类型检查并提示错误的模式。你可以通过添加// @ts-nocheck注释来忽略类型检查;相反你可以通过去掉–checkJs设置并添加// @ts-check注释来选则检查某些.js文件。 你还可以使用// @ts-ignore来忽略本行的错误。下面是一些值得注意的类型检查在.js文件与.ts文件上的差异:在JSDo...
2019-10-28 17:49:32
471
原创 TypeScript 三斜线指令
三斜线指令是包含单个XML标签的单行注释。 注释的内容会做为编译器指令使用。三斜线指令仅可放在包含它的文件的最顶端。 一个三斜线指令的前面只能出现单行或多行注释,这包括其它的三斜线指令。 如果它们出现在一个语句或声明之后,那么它们会被当做普通的单行注释,并且不具有特殊的涵义。/// <reference path="..." />/// <reference path="....
2019-10-27 11:12:01
379
原创 TypeScript 混入(mixin)
介绍除了传统的面向对象继承方式,还流行一种通过可重用组件创建类的方式,就是联合另一个简单类的代码。 你可能在Scala等语言里对mixins及其特性已经很熟悉了,但它在JavaScript中也是很流行的。混入示例下面的代码演示了如何在TypeScript里使用混入。 后面我们还会解释这段代码是怎么工作的。// Disposable Mixinclass Disposable { ...
2019-10-26 19:10:34
1163
原创 TypeScript 三斜线指令
三斜线指令是包含单个XML标签的单行注释。 注释的内容会做为编译器指令使用。三斜线指令仅可放在包含它的文件的最顶端。 一个三斜线指令的前面只能出现单行或多行注释,这包括其它的三斜线指令。 如果它们出现在一个语句或声明之后,那么它们会被当做普通的单行注释,并且不具有特殊的涵义。/// <reference path="..." />/// <reference path="....
2019-10-25 14:46:22
602
原创 TypeScript 混入(mixin)
介绍除了传统的面向对象继承方式,还流行一种通过可重用组件创建类的方式,就是联合另一个简单类的代码。 你可能在Scala等语言里对mixins及其特性已经很熟悉了,但它在JavaScript中也是很流行的。混入示例下面的代码演示了如何在TypeScript里使用混入。 后面我们还会解释这段代码是怎么工作的。// Disposable Mixinclass Disposable { ...
2019-10-25 14:44:38
581
原创 TypeScript Decorators2
访问器装饰器访问器装饰器声明在一个访问器的声明之前(紧靠着访问器声明)。 访问器装饰器应用于访问器的属性描述符并且可以用来监视,修改或替换一个访问器的定义。 访问器装饰器不能用在声明文件中(.d.ts),或者任何外部上下文(比如declare的类)里。注意 TypeScript不允许同时装饰一个成员的get和set访问器。取而代之的是,一个成员的所有装饰的必须应用在文档顺序的第一个访问器上。...
2019-10-25 14:42:51
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人