- 博客(145)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 Vue-cli3.x 开发中屏蔽烦人的EsLint错误
Vue-cli3.x 和 之前的关闭方式不一样，在这可以更加的简单。例如报错: error: Mixed spaces and tabs (no-mixed-spaces-and-tabs)。在项目根目录下创建 vue.config.js 文件，在这里添加一行，即可直接屏蔽EsLint各种提示。module.exports = { lintOnSave: false}参考，注意只要添加lintOnsave:false即可。...
2020-12-01 19:46:17
561
1
原创 Vue 父组件给子组件传值另外一种方式
一、说明常规的方法中 父组件 传值给 子组件时，用到props属性即可，但有时候这个方式并不能达到我们的预期效果，此时就有了另外一种传值方法。二、传值原理子组件是添加在父组件中的，那么父组件就可以获取到子组件并且获取到子组件的方法等。这就可以通过父组件去调用子组件的方法，从而达到传值的效果。三、实例子组件CartItemView中，先定义一个用于传值的方法。<script> export default{ name: 'cartItemView', method
2020-12-01 19:41:58
577
原创 flask之真实线上项目部署
一、云服务器的购买腾讯云、阿里云...可以选择ubuntu、也可以选择centos，根据自己喜好选择系统，但有些操作命令不同，需要注意！二、LNMP(LAMP)一键安装 【服务器搭建】// 默认安装lnmp，如需要安装LNMPA或LAMP，将./install.sh 后面的参数替换为lnmpa或lamp即可$ wget -c http://soft.vpser.net/lnmp/l...
2020-11-26 20:22:52
643
原创 Django项目部署流程操作(nginx+uWSGI)
一、准备工作阿里云服务器备选: 域名作者使用的是阿里云!二、部署基本流程- 服务器环境搭建(虚拟环境)- 数据库- 项目上传- 项目依赖- 项目数据迁移- Nginx安装- Ngian配置- uWSGI安装- uWSGI配置- Nginx和uWSGI对接三、服务器简述LAMP、LNMP....LAMP: L(Linux) + A(Apache) + ...
2020-11-26 20:21:59
608
原创 Vue双向数据绑定之原理及实现4
一、Compiler解析器解析器的作用一方面是解析出视图中相关的指令，将数据填充到视图中，另一方面也是添加新的订阅者，在数据发生更新时，能同步更新到视图中。有了解析器以后，整个模型就算是完整了，参考下图:Vue中的模板指令非常多，而且也做了很多的兼容，所以我们这只做例如v-model, {{}}, v-on。基本思路:1、把真实DOM元素转换为文档片段;2、遍历文档片段中所有的节点，...
2020-02-26 09:58:24
199
原创 Vue双向数据绑定之原理及实现3
一、实现原理1. 从数据到视图的更新，是需要对数据进行监听劫持，这里我们设置一个监听器Observer来实现对所有数据的监听;2. 设置一个订阅者Watcher，收到属性的变化通知并执行相应的函数，从而更新视图；3. 设置一个解析器Compiler，解析视图DOM中所有节点的指令，并将模板中的数据进行初始化，然后初始化对应的订阅器。二、Observer监听器Observer是一个数据监听...
2020-02-26 09:55:58
969
原创 Vue双向数据绑定之原理及实现2
一、数据代理我们封装的代码中，进行数据访问是myVue.data.name，而实际Vue中的如果要获取数据肯定不需要添加data选项即 myVue.name、myVue.skill。此时就可以通过代理，将data数据选项绑定在Vue对象中，修改时同步到data。function Vue(options){ this.el = options.el // 元素 this.data = ...
2020-02-26 09:52:29
129
原创 Vue双向数据绑定之原理及实现1
还是否记得第一次使用Vue时的感觉？双向数据绑定，竟然那么神奇，可以让代码变的如此简单。一、Vue核心思想在了解Vue的双向绑定之前，你先要回忆一下Vue的核心思想。还记得getter/setter方法、还记得Watcher?关于getter/setter方法1.当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项 (图中就是 a 对象中的 b 属性，即 a....
2020-02-26 09:50:49
659
原创 11-Vue基础3
一、组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。如何划分组件- 功能模块: select、pagenation... - 页面区域划分: header、footer、sideba...
2019-01-22 23:23:33
97
原创 10-Vue基础2
一、模版指令通过模版指令(写在html中的)，即是html和vue对象的粘合剂。数据渲染 v-text、v-html、{{}}<div id="app"> {{ message }} </div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})v...
2019-01-22 23:23:04
89
原创 09-Vue基础1
一、Vue官网Vue中文网二、Vue简介Vue是一个前端的双向绑定类的框架，新的Vue版本参考了React的部分设计，当然也有自己独特的地方，比如Vue的单文件组件开发方式都很有创新，另外Vue自身的一些绑定的语法、用法等都非常精炼，很容易上手，而且第三方的插件都非常丰富，社区非常活跃，最新的文档都有中文版本。而且Vue配合官方的和第三方的库可以实现单文件的组件化开发、SPA等现代化前端开发...
2019-01-22 23:22:45
97
原创 10-Flask之项目部署
一、Flask项目部署Nginx和uWSGI都是Web服务器，Nginx负责静态内容，uWSGI负责Python这样的动态内容，二者配合共同提供Web服务以实现提高效率和负载均衡等目的。为此，Django和Flask项目部署过程大致是一样的，只需要修改uwsgi.py文件即可，参考Django项目部署nginx+uwsgi基本流程- 基本环境(虚拟环境、数据库)- 将项目拷贝到线上服...
2018-10-18 00:30:45
138
原创 11-Flask之支付宝集成
一、登录蚂蚁金服网站https://open.alipay.com/developmentAccess/developmentAccess.htm二、配置沙箱应用环境进入到沙盒环境选择沙盒应用沙箱应用: 支付宝给开发者提供的调试环境应用沙盒应用界面信息配置生成RSA密钥支付宝提供一键生成工具便于开发者生成一对RSA密钥.下载该工具后，解压打开文...
2018-10-18 00:18:35
511
原创 09-Flask之短信验证
腾讯云(短信验证、短信通知) 【需要备案】参考腾讯云腾讯云短信: https://cloud.tencent.com/product/sms参考文档: https://cloud.tencent.com/document/product/382/11672腾讯云 短信 SMS 申请https://cloud.tencent.com/product/sms创建应用准备好...
2018-10-17 21:22:57
161
原创 09-Django项目部署nginx+uwsgi
一、阿里云服务器购买选择快捷方式购买(无需自定义)。二、阿里云服务器连接重置密码安全组设置ssh root@112.74.55.3三、项目部署Nginx和uWSGI都是Web服务器，Nginx负责静态内容，uWSGI负责Python这样的动态内容，二者配合共同提供Web服务以实现提高效率和负载均衡等目的。基本流程- 基本环境(虚拟环境、数据库)- 将项目拷贝到线上服务器...
2018-09-28 23:54:26
186
原创 08-Django站点管理&Cache缓存
一、Admin站点管理(后台可视化界面操作)概述内容发布: 负责添加、修改、删除内容公告访问配置Admin应用在`settings.py`文件中的IINSTALLED_APPS中添 加'django.contrib.admin' (默认是已经是添加好的)创建管理员用户$ python3 manage.py createsuperuser访问站点管理语法: ip:...
2018-09-18 23:14:23
145
原创 07-Django静态文件及中间件使用
一、静态文件简述CSS、JS、JSON、图片、字体文件...配置settings.pySTATIC_URL='/static/'STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'),]示例{% load static %}<!DOCTYPE html><html lang="en"&...
2018-09-17 09:37:00
136
原创 04-数据库Redis[Python]
一、Redis基础概述Redis是一个开源，高级的键值存储和一个适用的解决方案，用于构建高性能，可扩展的Web应用程序。Redis有三个主要特点，使它优越于其它键值数据存储系统: - Redis将其数据库完全保存在内存中，仅使用磁盘进行持久化 - 与其它键值数据存储相比，Redis有一组相对丰富的数据类型 - Redis可以将数据复制到任意数量的从机中Redis的优点异...
2018-09-05 23:16:59
123
原创 03-数据库MongoDB[Python]
一、MongoDB简介概述MongoDB是一个基于分布式文件存储的数据库，由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB介于关系型数据和非关系型数据库之间，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松散，类似json格式，因此可以存储比较复杂的数据类型。MongoDB最大的特点是他支持的查询语言非常强大，其语法有点类似于面...
2018-09-04 20:04:12
151
原创 02-数据库MySQL[Python]
一、数据的完整性之实体完整性数据的完整性作用：保证用户输入的数据保存到数据库中是正确的。实质：创建表的时候给表中的字段添加约束。实体完整性实体：表中的一行或者一条记录代表一个实体实体完整性的作用：标识每一行数据不重复约束类型：主键约束【primary key】、唯一约束【unique】、自动增长列【auto_increment】主键约束【primary key】特点：数据唯一...
2018-09-03 21:40:57
67
原创 01-数据库MySQL[Python]
一、数据库系统数据库DataBase【DB】，指的是长期保存到计算机上的数据，按照一定顺序组织，可以被各种用户或者应用共享的数据集合。【用于存储数据的地方，可以视为存储数据的容器】数据库管理系统DataBase Management System【DBMS】,能够管理和操作数据库的大型的软件。用于建立、使用和维护数据库，对数据库进行统一的管理和控制，为了保证数据库的安全性和完整性。用...
2018-09-02 14:18:11
120
原创 03-Linux常用命令[Python]
一、常用命令补充gedit文本编辑工具$ gedit hello.cln建立链接文件建立链接文件相当于windows上创建一个快捷方式。软链接：不占用磁盘空间的，源文件删除则软连接失效【-s】硬链接：可以占用磁盘空间，源文件删除对硬链接没有影响$ ln -s hello.txt hello$ ls lrwxrwxrwx 1 atom atom 5 6月 2...
2018-08-28 18:17:44
103
原创 02-Linux常用命令[Python]
一、常用命令cat查看文件内容(从第一行显示到最后一行)语法: cat 文件名 例如: cat main.ctac查看文件内容(从最后一行显示到第一行)语法: tac 文件名 例如: tac main.chead查看文件信息(显示前面多少行)语法: head 文件名 //默认显示最前面的10行信息 head -num 文件名字 //显...
2018-08-27 17:06:14
68
原创 01-Linux基础[Python]
一、主流操作系统windowswindows98、windows2000、windows2003、windows xp、windows 7、windows 8、windows 10优点: 可视化界面、个人PC、操作简单缺点: 稳定性不好、安全性不够Linux系统Linux可安装在各种计算机硬件设备中，比如手机、平板电脑、路由器、视频游戏控制台、台式计算机、大型机和超级计算机。严格来讲...
2018-08-26 22:04:07
123
原创 08-Bootstrap[Python]
一、什么是BootstrapjQuery作为一个库来讲，提供一套比较便捷的操作DOM的方式把大家都需要的功能预先写好到一些文件 这就是一个框架Bootstrap 让我们的 Web 开发更简单，更快捷；注意是 Bootstrap 不是 BootStrap！这是一个词，不是合成词，其含义为：n. 引导指令,引导程序；Bootstrap 是当下最流行的前端框架(界面工具集；特点就是灵活简...
2018-08-23 23:56:13
98
原创 07-Ajax[python]
一、Ajax简介概念Ajax (阿贾克斯 Asynchronous Javascript And Xml ) 异步JavaScript和XML，是指一种创建交互式网页应用的网页开发技术, 可以访问服务器数据的局部刷新的技术. AJAX不是一种新的编程语言。Ajax作用允许客户端发送HTTP请求, 去异步请求服务器的数据来创建动态网页。异步获取数据，即是数据交互(通过ajax获取某一文本...
2018-08-22 23:55:58
92
原创 05-JavaScript基础[Python]
一、javascript组成JavaScript由三部分组成:1. 核心(ECMAScript)2. 浏览器对象模型(BOM)3. 文档对象模型(DOM)ECMAScript：是一种由ECMA国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。ECMAScript...
2018-08-16 22:41:08
158
原创 04-JavaScript基础[Python]
一、JavaScript起源JavaScript诞生于1995年，它当时的目的是为了表单输入的验证。因为在JavaScript问世之前，表单的验证都是通过服务器端验证。而当时都是电话拨号上网年代，服务器验证数据是一件非常痛苦的事情。二、什么是JavaScriptJavaScript是一种具有面向对象能力、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言...
2018-08-15 16:46:31
101
原创 03-页面布局[Python]
一、盒子模型盒模型: 是CSS的基石，指定标签如何显示。它规定了网页元素如何显示以及元素间相互关系。 页面上的每个元素都被当成一个矩形盒子、占据一定的页面控件，这个盒子由内容(content)、内边距(补白/填充/padding)、边框(border)和外边距(margin)组成；【padding一般用于调整内容位置，margin一般用于调整盒子位置】快递包裹盒子模型...
2018-08-12 17:59:51
190
原创 02-CSS基础[Python]
一、服务器相关1、服务器的分类：- 远程服务器(ip地址)： - 别名：外网服务器、正式服务器; - 使用阶段：应用上线后使用的服务器； - 使用人群：供所有用户使用； - 速度：服务器的性能以及用户的网速；- 本地服务器(局域网)： - 别名：内网服务器、测试服务器； - 使用阶段：应用处于开发、测试阶段使用的服务器； - 使用人群...
2018-08-12 17:53:29
109
原创 01-HTML基础[Python]
一、环境搭建浏览器 --- 谷歌/火狐/IE/Safari编辑器 --- HBuilder/Sublime/Dw/记事本二、语言了解HTML 超文本标记语言 【基本架构】语言: 和浏览器沟通的 标记: <文本> <html> 标签对: <html></html> 单标签: <img /...
2018-08-12 17:03:57
100
原创 06-Django视图
一、视图概述Django用视图这个概念封装处理用户请求并返回响应的逻辑。定义视图函数相关的URL(网址) (即规定 访问什么网址对应什么内容)。或者说视图接受Web请求，并响应Web请求。视图的本质就是一个python函数.概念- 响应 网页(包含重定向、错误视图404、错误视图500、错误视图400) JSON数据- 过程 用户在浏览器中输入网址www...
2018-07-29 16:17:01
122
原创 05-Django模板
一、模板概述模板组成HTML代码动态插入的代码(挖坑、填坑逻辑控制代码)作用快速生成HTML页面优点模板的设计实现了业务逻辑与现实内容的分离视图可以使用任何模板模板处理加载渲染二、定义模板变量- 视图传递给模板的数据- 变量遵守标识符规则- 语法 {{ var }}- 注意 变量若不存在，则插入空的字符串- 点语法 字典查询、属...
2018-07-27 15:46:17
94
原创 04-Django模型高级
一、模型对应关系一对一 1:1一对多 1:N多对多 N:M二、关系之1:1使用models.OneToOneField()进行关联.绑定一对一关系，默认情况下，一方被删除，被绑定的也会被删除。模型类的定义# 人class Person(models.Model): p_name = models.CharField(max_length=30) p_age...
2018-07-27 15:45:58
96
原创 08-Flask之淘票票(前后端分离)
一、区域选择模块数据库建模from App.ext import db# 字母模型类class Letter(db.Model): id = db.Column(db.Integer, primary_key=True, autoincrement=True) name = db.Column(db.String(2)) citys = db.relation...
2018-07-17 22:03:45
1231
原创 07-Flask之前后端分离
一、后台服务器开发服务器就是提供服务，提供数据的。- 数据库 建模- 数据导入- 封装控制器- 封装业务逻辑- 返回JSON数据二、前端开发- HTML 基本页面布局- CSS 页面样式- JS 动态操作 ajax获取数据 DOM操作三、前后端分离爱鲜蜂(轮播图)示例 【后台人员】- 项目拆分- 主页轮播图模型- 轮播图数据插入inse...
2018-07-16 23:59:57
237
原创 06-Flask之REST&API设计
一、REST问题网络应用程序，分为前端和后端两个部分。当前的发展趋势，就是前端设备层出不穷(手机、平板、桌面电脑、其他专用设备......)。因此，必须有一种统一的机制，方便不同的前端设备与后端进行通信。这致使API构架的流行。基本概念REST是"Representational State Transfer"缩写，即是"表现层状态转化"。而"表现层"其实指的是"资源(Resou...
2018-07-15 23:04:25
213
原创 05-MySQL存储过程产生批量数据，Flask实现数据操作
一、批量数据产生(数据库存储过程)# 商品列表表# 商品模型类class Goods(db.Model): # 商品id，主键 id = db.Column(db.Integer, primary_key=True, autoincrement=True) # 商品名称 name = db.Column(db.String(20)) # 商品图片 ...
2018-07-12 00:14:10
182
原创 04-Flask之bootstrap&cache
一、Flask-Bootstrap插件- 安装 pip install flask-bootstrap- 初始化 # 在ext.py文件中 from flask_bootstrap import Bootstrap Bootstrap(app)- 使用 # 模板继承 {% extends 'bootstrap/base.html' %} ...
2018-07-10 23:40:20
89
原创 03-Flask之数据模型
一、Flask-Migrate插件(模型迁移)- 数据迁移 Django中，模型创建好只需要创建迁移文件，执行迁移文件即可； falsk中，模型创建好之后，通过执行程序调用db.create_all()； flask是否有迁移？ 通过flask-migrate插件，即可实现; - 安装flask-migrate pip install flask...
2018-07-10 00:17:59
125
贪吃的蛇（C语言编写）
2014-03-06
C与C++程序设计学习与实验系统 2011.2
2011-12-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人