10 2021 档案
摘要：一、连接数据库 import pymysql # 打开数据库连接 db = pymysql.connect(host='localhost', user='testuser', password='test123', database='TESTDB') # 使用 cursor() 方法创建一个游标
阅读全文
摘要：1、Python3连接MySQL import pymysql pymysql.connect(host='localhost',user='root',password='1',database='demo_db',port=3306) 2、Python3操作MySQL （1）查询数据 impor
阅读全文
摘要：1、下载 rabbitMQ是使用erlang开发的，因此需要下载erlang和rabbitMQ 2、安装erlang （1）双击安装 （2）配置环境变量 3、安装RabbitMQ （1）双击安装 （2）安装RabbitMQ-Plugins插件 先cd D:\software\RabbitMQ\rab
阅读全文
摘要：当前的测试环境如下： ———— 新版的@vue/cli ———— Vue2.x版本 第一步：安装Element UI npm i element-ui -S 第二步：引入Element UI 在main.js中： import ElementUI from 'element-ui' import '
阅读全文
摘要：在项目根目录中执行如下命令： npm run build 注：Vue脚手架打包的项目必须在服务器上运行，不能直接双击运行； 在打包之后项目中出现 dist 目录，dist 目录就是 Vue脚手架项目的生产目录（直接部署目录）。
阅读全文
摘要：上面是将Forecast组件作为了Home的子组件使用，现在我们将其作为一个路由组件使用。 在router/index.js路由系统注册路由： { path: '/forecast', name: 'Forecast', // route level code-splitting // this g
阅读全文
摘要：Nav组件和Forecast组件都是Home组件的子组件。 （1）子组件传递数据给父组件 在子组件中，通过this.$emit('自定义事件名', 参数1,参数2,...)来调用父组件中定义的事件. 子组件Nav.Vue添加： watch:{ city(){ this.$emit("getCity"
阅读全文
摘要：安装 axios： 1 npm install axios --save-dev 接着在src目录下创建一个http.js脚本中，导入axios并通过create方法实例化一个http请求对象，这样我们才能在组件中使用。 src/http.js，代码： 1 2 3 4 5 6 7 8 9 10 im
阅读全文
摘要：整个项目是一个主文件index.html，index.html中会引入src文件夹中的main.js，main.js中会导入顶级单文件组件App.vue，App.vue中会通过组件嵌套或者路由来引用其他页面组件文件，页面组件也可以嵌套或者路由引用的方式加载子组件。 组件有两种：脚本化组件、单文件组件
阅读全文
摘要：一、创建项目 vue create hello-world 你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。 这个默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们
阅读全文
摘要：关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 Node 版本
阅读全文
摘要：Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。 一个运行时依赖 ( @vue/cli-service )，该依赖： 可升级
阅读全文
摘要：一、安装路由 Vue-router用于提供给vue项目在开发中用于绑定url和组件页面的关系的核心插件。 默认情况下，vue没有提供路由的功能，所以我们使用vue-router，并需要在项目根目录。 npm install vue-router 安装了vue-router插件以后，我们必须要对路由进
阅读全文
摘要：默认情况下，我们的项目中并没有对axios包的支持，所以我们需要下载安装。 在项目根目录中使用 npm安装包： npm install axios 接着在main.js文件中，导入axios并把axios对象 挂载到vue属性中多为一个子对象，这样我们才能在组件中使用。 main.js补充代码： i
阅读全文
摘要：1、父组件的数据传递给子组件 // 父组件 <Menu title="来自Home的数据" :clickNum="num"></Menu> // 子组件 <li @click="clickNum++">{{clickNum}}</li> props: { // 接收来自父组件的数据 title: {
阅读全文
摘要：前面显示Home.vue页面组件的内容时，我们是在App.vue通过import导入使用的。这个过程就是组件的嵌套使用。那么我们除了App.vue可以导入其他页面以外，也可以通过在Home.vue中导入其他子组件进行使用的。 src/ |- views/ |- Home.vue |- compone
阅读全文
摘要：一般在开发中，我们会人为把组件分2个目录存放，一个代表的页面组件，另一个代表页面一部分的子组件。 src/ |- views/ |- Home.vue |- components/ |- App.vue |- main.js 在组件中编辑三个标签，编写视图、vm对象和css样式代码。 1、templ
阅读全文
摘要：组件有两种：脚本化组件、单文件组件 脚本化组件的缺点： html代码是作为js的字符串进行编写，所以组装和开发的时候不易理解，而且没有高亮效果。 脚本化组件用在小项目中非常合适，但是复杂的大项目中，如果把更多的组件放在html文件中，那么维护成本就会变得非常昂贵。 脚本化组件只是整合了js和html
阅读全文
摘要：整个项目是一个主文件index.html，index.html中会引入src文件夹中的main.js，main.js中会导入顶级单文件组件App.vue，App.vue中会通过组件嵌套或者路由来引用其他页面组件文件，页面组件也可以嵌套或者路由引用的方式加载子组件。
阅读全文
摘要：src 主开发目录，要开发的单文件组件全部在这个目录下的components目录下 static 静态资源目录，所有的css，js文件放在这个文件夹 dist 项目打包发布文件夹，最后要上线单文件项目文件都在这个文件夹中[后面打包项目,让项目中的vue组件经过编译变成js 代码以后,dist就出现了
阅读全文
摘要：1、生成项目目录 使用vue自动化工具可以快速搭建单页应用项目目录。 该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目： // 生成一个基于 webpack模板的新项目 vue create 目录名 例如：
阅读全文
摘要：1、安装node.js Node.js是一个新的后端(后台)语言，它的语法和JavaScript类似，所以可以说它是属于前端的后端语言，后端语言和前端语言的区别： 运行环境：后端语言一般运行在服务器端，前端语言运行在客户端的浏览器上 功能：后端语言可以操作文件，可以读写数据库，前端语言不能操作文件，
阅读全文
摘要：组件（Component）是自定义封装的功能。在前端开发过程中，经常出现多个网页的功能是重复的，而且很多不同的页面之间，也存在同样的功能。 而在网页中实现一个功能，需要使用html定义功能的内容结构，使用css声明功能的外观样式，还要使用js来定义功能的特效，因此就产生了把一个功能相关的[HTML、
阅读全文
摘要：ajax跨域(跨源)方案：后端授权[CORS]，jsonp，服务端代理 CORS是一个W3C标准，全称是"跨域资源共享"，它允许浏览器向跨源的后端服务器发出ajax请求，从而克服了AJAX只能同源使用的限制。 实现CORS主要依靠<mark>后端服务器中响应数据中设置响应头信息返回</mark>的。
阅读全文
摘要：同源策略，是浏览器为了保护用户信息安全的一种安全机制。所谓的同源就是指代通信的两个地址（例如服务端接口地址与浏览器客户端页面地址）之间比较，是否协议、域名(IP)和端口相同。不同源的客户端脚本[javascript]在没有明确授权的情况下，没有权限读写对方信息。 ajax本质上还是javascrip
阅读全文
摘要：vue.js默认没有提供ajax功能的。 所以使用vue的时候，一般都会使用axios的插件来实现ajax与后端服务器的数据交互。 注意，axios本质上就是javascript的ajax封装，所以会被同源策略限制。 下载地址： https://unpkg.com/axios@0.18.0/dist
阅读全文
摘要：在vue使用指令过程中，还提供了一些增加或者削弱指令效果的修饰符。 @事件名.stop="js代码" 阻止事件冒泡 @事件名.once="js代码" 限制事件只能触发一次 @事件名.prevent="js代码" 阻止页面刷新，常用于a元素或者form元素中 v-model.number="变量" 把
阅读全文
摘要：每个Vue对象在创建时都要经过一系列的初始化过程。在这个过程中Vue.js会自动运行一些叫做生命周期的的钩子函数，我们可以使用这些函数，在vm对象创建的不同阶段加上我们需要的代码，实现特定的功能。 <!DOCTYPE html> <html lang="en"> <head> <meta chars
阅读全文
摘要：侦听属性，可以帮助我们侦听data某个数据的变化，从而做相应的自定义操作。 侦听属性是一个对象，它的键是要监听的对象或者变量，值一般是函数，当侦听的data数据发生变化时，会自定执行的对应函数，这个函数在被调用时，vue会传入两个形参，第一个是变化前的数据值，第二个是变化后的数据值。 案例1： <!
阅读全文
摘要：在vue开发中，有时候我们需要在页面中展示一些数据的结果或者是一些数据的相关信息，此时我们可以通过声明计算属性来声明一些新的变量，这些变量与原来的数据进行一一绑定。也就是计算属性的变量会随着data数据的改变而改变。 案例1： <!DOCTYPE html> <html lang="en"> <he
阅读全文
摘要：1、使用Vue.filter()进行全局定义 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue-2.6.14.js"></script> <s
阅读全文
摘要：在vue中，可以通过v-for指令可以将一组数据渲染到页面中，数据可以是数组或者对象。 数据是数组： <ul> <!--i是列表的每一个元素--> <li v-for="book in book_list">{{book.title}}</li> </ul> <ul> <!--i是列表的每一个元素，
阅读全文
摘要：vue中提供了两个指令可以用于判断是否要显示元素，分别是v-if和v-show。 1、v-if 标签元素： <!-- vue对象最终会把条件的结果变成布尔值 --> <h1 v-if="ok">Yes</h1> data数据： data:{ ok:false // true则是显示，false是隐藏
阅读全文
摘要：1、控制标签style样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-size: 14px; } table, tr, th, td
阅读全文
摘要：有两种绑定事件的方式： v-on:事件名（vue1版本） @事件名（vue2以上版本） 格式： <标签名 @事件名="方法或者基本JS代码">标签内容</标签名> 例子： <div id="box"> <div @click="func01">姓名：{{name}}</div> <div @clic
阅读全文
摘要：格式： <标签名 :标签属性="data属性"></标签名> 指令带有前缀 v-，以表示它们是 Vue 提供的特殊 attribute。可能你已经猜到了，它们会在渲染的 DOM 上应用特殊的响应式行为。在这里，该指令的意思是：“将这个元素节点的 title attribute 和 Vue 实例的 m
阅读全文
摘要：1、显示数据 在双标签中显示数据要通过{{ }}来完成数据显示 在表单输入框中显示数据要使用v-model来完成数据显示 显示标签数据使用v-html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl
阅读全文
摘要：MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式。 Model 指代的就是vue对象的data属性里面的数据。这里的数据要显示到页面中。 View 指代的就是vue中数据要显示的HTML页面，在vue中，也称之为“视图模板” 。 ViewModel 指代的
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="js/vue.js"></script> <script> window.onload = func
阅读全文
摘要：解决方式： 在返回数据的时候，添加响应头信息： 例如：
阅读全文
