前端模块化 为什么要有模块化随着前端项目越来越大，团队人数越来越多，多人协调开发一个项目成为常态。例如现在小明和小张共同开发一个项目，小明定义一个aaa.js，小张定义了一个bbb.js。 aaa.js //小明开发 var name = '小明' var age = 22 function sum(num1, num2) { return num1 + num2 } var fla 2020-10-23 Vue.js Vuejs Javascript
Vue实例的生命周期 生命周期图Vue实例的生命周期中有多个状态。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 2020-10-23 Vue.js Vuejs Javascript
组件化高级 slot-插槽的基本使用我们在使用组件的时候有时候希望，在组件内部定制化内容，例如京东这样。 这两个都是导航栏，组件的思想是可以复用的，把这个导航栏看做一个组件。 这个组件都可以分成三个部分，左边中间右边，如果可以分割组件，就可以定制化组件内容了。 <!DOCTYPE html> <html lang="en"> <head> <meta chars 2020-10-23 Vue.js Vuejs Javascript
组件化开发 组件化的基本使用组件的使用分成三个步骤： 创建组件构造器 注册组件 使用组件。 Vue.extend()： 调用Vue.extend()创建的是一个组件构造器。 通常在创建组件构造器时，传入template代表我们自定义组件的模板。 该模板就是在使用到组件的地方，要显示的HTML代码。 Vue.component()： 调用Vue.component()是将刚才的组件构造器注册为一个 2020-09-30 Vue.js Vuejs Javascript
留言板 git clone https://github.com/greyli/sayhello.git，豆瓣源安装地址：pip install -i https://pypi.doubanio.com/simple/ -r requirements.txt。 安装完成后激活虚拟环境： $ pipenv install --dev $ pipenv shell 最后创建虚拟数据(flask forge是 2020-09-28 Flask Flask Flask Web开发实战
电子邮件 使用Flask-Mail发送电子邮件使用Pipenv安装Flask-Mail：pip install -i https://pypi.douban.com/simple/ flask-mail from flask import Flask from flask_mail import Mail app = Flask(__name__) mail = Mail(app) 配置Flask-M 2020-09-24 Flask Flask Flask Web开发实战
数据库 数据库的分类数据库一般分为两种，SQL(Structured Query Language，结构化查询语言)数据库和No SQL(Not Only SQL，泛指非关系型)数据库。 SQL No SQL文档存储(document store){ id:1, name:'kevin', sex:'Male' } 键值对存储(key-value store)常见的键值对DBM 2020-09-24 Flask Flask Flask Web开发实战
表单 WTForms是一个使用Python编写的表单库，它使得表单的定义、验证(服务器端)和处理变得非常轻松。 HTML表单<form method="post"> <label for="username">Username</label><br> <input type="text" name="username" placeho 2020-09-15 Flask Flask Flask Web开发实战
CSS的布局 文档流文档流(normal flow)，网页是一个多层的结构，一层摞着一层。 通过CSS可以分别为每一层来设置样式，作为用户来讲只能看到最顶上一层。这些层中，最底下的一层称为文档流，文档流是网页的基础。我们所创建的元素默认都是在文档流中进行排列。 对于我们来元素主要有两个状态： 在文档流中； 不在文档流中(脱离文档流)。 元素在文档流中有什么特点块元素 块元素会在页面中独占一行(自上向下垂直 2020-09-11 HTML5&CSS3 Web前端 HTML5&CSS3
模板 Flask默认使用的模板引擎是Jinja2，它是一个功能齐全的Python模板引擎，除了设置变量，还允许我们在模板中添加if判断，执行for迭代，调用函数等，以各种方式控制模板的输出。 模板基本用法创建模板template/watchlist.html：电影清单模板 <!DOCTYPE html> <html lang="en"> <head> < 2020-09-08 Flask Flask Flask Web开发实战