-
Flex弹性布局
传统的前端页面布局：基于盒模型，依赖于display、float、position属性，对于那些特殊的布局很不方便。现在有了flex，让布局变得更简单。目前，它得到所有浏览器的支持，使开发更简便！基本概念 Flexible Box：弹性布局，为盒模型提供灵活布局； flex容器中有几概念： flex项目：flex容器包裹flex项目 主轴：默认水平方向，从左到右 侧轴：默认垂直方向，从上到下 指定一个弹性布局盒子：.box{ d...…
-
CSS样式：web字体
font：字号、行高、字体一起设置：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; font-family：单独设置字体 好看的web字体搭配 小米米官网：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 淘宝技术研发中心：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体'...…
-
Bootstrap 4
目录 网格类 文字排版 文本颜色、背景颜色类 table表格 img图像相关类 Jumbotron alert信息提示框 btn按钮 btn-group按钮 badge徽章类 progress进度条类 分页 面包屑导航 list-group列表组 卡片 下拉菜单 折叠 导航 导航条 表单 应用实例 小小工具使用实例1：<!DOCTYPE html><html><head> <title>Boots...…
-
node+mongodb电商项目实战
小电商项目实战参考：http://www.hubwiz.com/course/549a704f88dba0136c371703/设计需求设计1、功能： 注册、登录 登陆后，浏览商品，选购商品并加入购物车 购物车：增加、减少、删除；购物车结算2、技术选型项目涉及：Nodejs、Express框架、MongoDB数据库、Mongoose对象模型库 Nodejs：采用Google Chrome浏览器的V8引擎，一个后端的Javascript运行环境，提供很多系统级的API，如文件操作、网...…
-
Node模块：multer
multermulter的作用：是一个nodejs的中间件，用于处理multipart/form-data数据，上传文件。注意: Multer 不会处理任何非 multipart/form-data 类型的表单数据。Error1：multer 版本问题node运行时出现如下错误：throw new TypeError('app.use() requires a middleware function')TypeError: app.use() requires a middleware f...…
-
node知识点
持续更新零碎点定义全局变量global.dbHelper = require( './common/dbHelper' )：这样dbHelper就可以在任何模块内调用。global.db = mongoose.connect("mongodb://127.0.0.1:27017/test")：数据库的连接也需要定义全局变量node.js文件中：console.log中文乱码问题问题：node的.js文件中，当console.log("中文")时，控制台输出会出现乱码现象。原因：.js文件是...…
-
Node模块：express-session
Session为什么有session？ Internet通过协议分为stateful和stateless两类，而http是stateless协议，客户端发送请求到服务端建立一个连接，请求得到响应后连接即中断，服务器端不会记录状态，因此服务器端想要确定是哪个客户端提交过来的请求，就必须要借助一些东西去完成：session和cookies。session是什么？ session即会话，在web应用中，session是记录客户状态的机制，不同于Cookie是保存在浏览器端，session是保...…
-
express--app.use，app.get，route.get方法解析
前言：近来学习nodejs的web框架express，遇到app.use、app.get、router.get等方法，理解比较混乱，特地总结此博文，以理清思路。结论 app.use(path,callback)中的callback既可以是router对象又可以是函数 app.get(path,callback)中的callback只能是函数 router.get(path,callback)：为路由对象router新建一个路由，需要用app.use(path,router)绑定路由规...…
-
node模块封装方法
Require：用于获取模块的方法 Exports：在被封装的模块中，定义外部接口方法一: 模块中只有一个函数hello.js：exports.world = function() { console.log('Hello World'); }main.js中调用:var hello = require('./hello');//获取hello.js模块 hello.world();//调用hello.js中的word方法 方法二：传参hello.js：module.ex...…
-
mongoDB学习笔记
一、简介NoSQL NoSQL(Not Only SQL)非关系型的数据库。 NoSQL用于超大规模数据的存储。（例如谷歌或Facebook每天为他们的用户收集万亿比特的数据）。这些类型的数据存储不需要固定的模式，无需多余操作就可以横向扩展。 强调Key-Value Stores和文档数据库； 根据CAP定理将 NoSQL 数据库分成了满足CA原则、满足CP原则和满足AP原则三大类。 CAP理论的核心是：一个分布式系统不可能同时很好的满足一致性，可用性和分区容错性...…
-
Mongoose
Mongoose：是在node.js异步环境下对mongodb进行便捷操作的对象模型库，封装了MongoDB对文档的的一些增删改查等常用方法。 Schema：数据库模型模型骨架，每一个Schema对应数据库的一个集合(表)Schema定义了集合中文档的样式。 model：由Schema构造而成的，具有抽象属性和行为，可实例化。 Instance：有model创建的实例，每个实例就是一个document(行)。一、基本操作连接数据库1）启动服务器：F:\mongoDB\bin\mong...…
-
WebStorm创建第一个Node.js Express App
前提：安装node和npm包管理工具； npm install express-generator -g：-g全局安装express应用的目录生成工具；出现问题： 原因： 4.X 版本 express.js 文件名称改变； 解决方法： 使用命令行方式创建项目，再用WebStorm打开。 构建项目时，Version选择 4.14.1 版本或以下（必须下载大...…
-
React学习总结
目录 一、React库引用 重点：二、常用函数语法 三、实例 四、JSX语法点一、React库引用 react.min.js：React 的核心库 react-dom.min.js：提供与 DOM 相关的功能 babel.min.js：Babel将Rract需要的语法JSX，转码为浏览器认识的语法；可以将ES6代码转为ES5代码，这样我们就能在目前不支持ES6浏览器上执行React代码 如果我们需要使用 JSX，则 <script type="text/babel"&...…
-
GitHub Pages和Jekyll博客搭建
参考：https://segmentfault.com/a/1190000012468796 https://blog.csdn.net/rainloving/article/details/45745491一、建立github站点 参考：https://pages.github.com/ 步骤相对简单，就是按照规定的命名格式新建一个githubrepository，便能使github page运行起来。二、在windows上安装Jekyll Jekyll是一个简单的免费的Blo...…
-
markdown语法示例
参考：语法说明(简体中文)网址 https://github.com/guodongxiaren/README/blob/master/README.md#readme目录 区块元素 1、首行缩进方法 2、标题 3、列表 无序列表 多级无序列表 多级有序列表 多级有序列表 复选框列表 4、引用 ...…
-
JavaScript全栈学习笔记（入门）
参考：阮一峰：JavaScript 全栈工程师培训教程 课堂练习的操作指导目录(目录并不完整，这里只是挑重点放上目录，以便整体把握) 一、环境搭建 二、前端发展史 MVVM模式 SPA Angular Vue 前后端分离 REST接口 Node 三、React技术栈...…
-
Node模块：webpack遇到的错误
npm run build（打包报错）F:\GitHub\test\simple-app-demo>npm run build> simple-app-demo@1.0.0 build F:\GitHub\test\simple-app-demo> webpack app.js bundle.jsF:\GitHub\test\simple-app-demo\node_modules\webpack\bin\webpack.js:3let webpackCliInstall...…
