创建表1CREATE [TEMPORARY] TABLE[ IF NOT EXISTS] [库名.]表名 ( 表的结构定义 )[ 表选项] 每个字段必须有数据类型 最后一个字段后不能有逗号 TEMPORARY 临时表，会话结束时表自动消失 对于字段的定义： 1字段名 数据类型 [NOT NULL | NULL] [DEFAULT default_value] [AUTO_INCREMENT] [UNIQUE [KEY] | [PRIMARY] KEY] [COMMENT 'string...

阅读全文

查看当前数据库1SELECT DATABASE(); 显示当前时间、用户名、数据库版本1SELECT now(), user(), version(); 创建库1CREATE DATABASE[ IF NOT EXISTS] 数据库名 数据库选项 数据库选项： CHARACTER SET charset_name COLLATE collation_name 查看已有库1SHOW DATABASES[ LIKE 'PATTERN'] 查看当前库信息1SHOW CREATE DA...

阅读全文

MySQL 基本的知识点 启动/关闭/重启 Windows下 启动服务 1mysqld --console 或 1net start mysql 关闭服务 1mysqladmin -uroot shudown 或　　 1net stop mysql Linux下 启动服务 1service mysql start 关闭服务 1service mysql stop 重启服务 1service restart stop Mac下 启动MySQL服务 1sudo /usr...

阅读全文

Angular Vue React 三大框架 Angular Vue 内置样式集成 React 一些业界实践 Angular Angular.js (1.x) 没有样式集成能力 Angular (2+) 提供了样式封装能力 与组件深度集成 几个概念知识： ShadowDOM 逻辑上一个DOM 结构上存在子集结构 Scoped CSS 限定了范围的CSS 无法影响外部元素 外部样式一般不影响内部 可以通过/deep/或>>>穿透 模拟Scope...

阅读全文

工程化关注: 组织 优化 构建 维护 PostCSSCSS –> PostCSS(解析转换) –> CSS 可以作: 模块化 加前缀 兼容性 … PostCSS本身只有解析能力 各种神奇的特性全靠插件 目前至少有200多个插件 常用的插件： import模块合并 autoperfixier 自动加前缀 cssnnao 压缩代码 cssnext 使用CSS新特性 precss 变量, mixin, 循环等 安装： 1npm install postcss-cli 使...

阅读全文

介绍 CSS框架 twitter 出品 提供通用基础样式 Bootstrap 4 兼容IE10+ 使用flexbox布局 抛弃Nomalize.css 提供布局和reboot版本 提供： 基础样式 常用组件 JS插件 基本用法 See the Pen KEqEWz by jigang.duan (@jigang-duan) on CodePen. JS组件 用于组件交互 dropdown(下拉) modal(弹窗) … jQuery Popper.js boots...

阅读全文

介绍CSS预处理器： 基于CSS的另一种语言 通过工具编译成CSS 添加了很多CSS不具备的特性 能提升CSS文件的组织 方案： less node.js 写的 安装： npm install less sass ruby 写的 功能： 嵌套 放映层级和约束 变量和计算 减少重复代码 Extend和Mixin 代码片段 循环 适用于复杂有规律的样式 import CSS文件模块化 less嵌套123456789101112131415161718body{ ...

阅读全文

介绍动画的原理： 视觉暂留作用 画面逐渐变化 动画的作用： 愉悦感 引起注意 反馈 掩饰 CSS中的动画类型： transition补间动画 keyframe关键帧动画 逐帧动画 补间动画 位置 - 平移(left/right/margin/transform) 方位 - 旋转 (transform) 大小 - 缩放 (transform) 透明度(opacity) 其它 - 线性变换 (transform) See the Pen eXEROJ by jigang.d...

阅读全文

效果属性**这个效果怎么实现？ CSS最出彩等一部分 box-shadowbox-shadow 属性向框添加一个或多个阴影 营造层次感(立体感) 充当没有宽度的边框 特殊效果 See the Pen OqjgpG by jigang.duan (@jigang-duan) on CodePen. See the Pen qvXjmp by jigang.duan (@jigang-duan) on CodePen. See the Pen WmEOON by ji...

阅读全文

简介 CSS知识体系的重中之重 早期以table为主(简单) 后来以技巧性布局为主(难) 现代有flexbox/griod(偏简单) 响应式布局 常见布局方法 table 表格布局 float 浮动 + margin inline-block 布局 flexbox布局 表格布局布局简单 See the Pen MxmYvx by jigang.duan (@jigang-duan) on CodePen. table中内容水平居中 模拟table: 123display: t...

阅读全文