前端模块化 为什么要有模块化随着前端项目越来越大,团队人数越来越多,多人协调开发一个项目成为常态。例如现在小明和小张共同开发一个项目,小明定义一个aaa.js,小张定义了一个bbb.js。 aaa.js 1234567891011//小明开发var name = '小明'var age = 22function sum(num1, num2) { return num1 + num2}v 2020-10-23 Vue.js Vuejs Javascript
Vue实例的生命周期 生命周期图Vue实例的生命周期中有多个状态。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758<!DOCTYPE html><html lang="en"><head> <meta c 2020-10-23 Vue.js Vuejs Javascript
组件化高级 slot-插槽的基本使用我们在使用组件的时候有时候希望,在组件内部定制化内容,例如京东这样。 这两个都是导航栏,组件的思想是可以复用的,把这个导航栏看做一个组件。 这个组件都可以分成三个部分,左边中间右边,如果可以分割组件,就可以定制化组件内容了。 12345678910111213141516171819202122232425262728293031323334353637383940414 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。 安装完成后激活虚拟环境: 12$ 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 123456from flask import Flaskfrom flask_mail import Mailapp = Flask(__name__)mail = Mail(app) 配置Flask- 2020-09-24 Flask Flask Flask Web开发实战
数据库 数据库的分类数据库一般分为两种,SQL(Structured Query Language,结构化查询语言)数据库和No SQL(Not Only SQL,泛指非关系型)数据库。 SQL No SQL文档存储(document store)12345{ id:1, name:'kevin', sex:'Male'} 键值对存储(key-value store)常见的键值对DB 2020-09-24 Flask Flask Flask Web开发实战
表单 WTForms是一个使用Python编写的表单库,它使得表单的定义、验证(服务器端)和处理变得非常轻松。 HTML表单123456789101112<form method="post"> <label for="username">Username</label><br> <input type="text" name="user 2020-09-15 Flask Flask Flask Web开发实战
模板 Flask默认使用的模板引擎是Jinja2,它是一个功能齐全的Python模板引擎,除了设置变量,还允许我们在模板中添加if判断,执行for迭代,调用函数等,以各种方式控制模板的输出。 模板基本用法创建模板template/watchlist.html:电影清单模板 1234567891011121314151617181920212223<!DOCTYPE html><html 2020-09-08 Flask Flask Flask Web开发实战
v-model v-model的基本使用Vue中使用v-model指令来实现表单元素和数据的双向绑定,即输入框的value改变,对应的message对象值也会改变,修改message的值,input的value也会随之改变。无论改变那个值,另外一个值都会变化。 1234567891011121314151617181920<body><div id="app"><!-- v-m 2020-09-04 Vue.js Vuejs Javascript