GODYEARS-优快云博客

原创 VueX学习笔记（modules)

认识Modules Vue使用单一状态树，那么也意味着很多状态都会交给VueX来管理当应用变得很复杂的时候，store对象就很有可能变得很臃肿为了解决这个问题，VueX允许我们将store分割成模块(modules),而每个模块拥有自己的state、mutations、actions、getters等 Modules中的mutations <h2>------------App内容:modules内容-------------</h2> <!--store中的modul

2020-07-03 20:51:22 217

原创 VueX学习笔记（actions）

Actions的基本定义 Actions是用来对异步操作的VueX 组件中通过$store.dispatch传给actions actions 通过commit提交给mutations mutations直接修改state components中： <button @click="updateInfo('you')">修改信息</button> methods updateInfo(name) { this.$store.dispatch('upinfo', na

2020-07-03 20:50:51 256

原创 VueX学习笔记（getters）

state:{ counter:100 }, getters:{ power(state) { return state.counter * state.counter } } 需要getters里面的方法传入state(目前省略会出错) getters中的方法需要return返回 getters可以作为一个参数，传入到其他getters的方法中 more20stu(state) { return state.students.fi..

2020-07-03 20:50:09 223

原创 VueX学习笔记（mutations）

mutations基本应用 state:{ counter:100 }, mutations:{ incrementCounter(state) { state.counter++ } } 在stor/index.js中定义好mutations的一个方法 <button @click="plus">+</button> methods:{ plus() { this.$store.commit('incr

2020-07-03 20:48:46 161

原创 vue组件通信

父传子 props 在子组件中新增一个props属性；并在对应的地方用v-bind绑定有两种方式：字符串数组，数组中的字符串就是传递时的名称对象，对象可以设置传递时的类型，也可以为默认值 props传值需要在所用的组件标签后v-bind值 <body> <div id = 'app'> <cpn :cmovies="movies" :cmessage="message"></cpn> </div>

2020-07-03 20:44:27 145

原创 Vue组件基础

Vue组件基础内部调用render函数创建组件构造器 //Vue.extend() const cpnC = Vue.extend({ template:` <div> <h2>我是标题</h2> <p>我是i内容哈哈哈哈哈</p> <p>我是内容呵呵呵呵</p> &

2020-07-03 20:44:03 152

原创 CSS选择器(更新）

什么是CSS选择器（selector）按照一定的规则选出符合条件的元素，为之添加CSS样式选择器种类一：通用选择器 universal selector * { background-color: red; } 一般用来所有元素做一些通用设置比如：内外边距效率较低，尽量不适用二:元素选择器 type selector 代码 div { color:red; margin: 0; padding: 0; } 三：类选择器 class selector

2020-07-03 20:41:23 203

原创 webpack笔记（二）：loader

前面写了如何去构建一个最基础的webpack配置现在来说一下在实际开发中会用到的一些东西 1.通过npm install 来安装所需要的loader 2.在webpack.config.js文件中的module关键字下进行配置 webpack中文网站第一步：在上诉网站的中文文档网页里的loader下面选择所需要安装的loader 先安装一个打包css的loader（其他loader安装配置类似）这里就可以按照官方文档的手册来进行安装安装好后的代码如下：图片：url-loader (

2020-06-17 23:20:49 175

原创 Vue模块化（一）

核心为：导入、导出 CommonJs： 1.导出 module.exports = { flag:true, test(a, b) { return a + b } demo(a, b) { return a * b } } 2.导入 let { test, demo, flag} = require('modu.js') //modu.js为文件路径 ...

2020-06-17 23:01:07 287

原创 webpack笔记（一）

webpack是一个模块打包的工具（是一个用JavaScript的静态）需要先安装node.js node.js自带了软件包管理工具npm 全局安装webpack npm install webpack@3.6.0 -g 在项目工程文件下面建立一个webpack的配置（用于自动导出） webpack.config.js代码如下： const path = require('path') //依赖 module.exports = { entry: './src/index.j

2020-06-17 09:19:33 224

原创 reduce函数对对象遍历时需要注意的问题

这里写自定义目录标题直接上代码直接上代码这个是对数组的一系列操纵 nums.filter(n => n < 100).map(n => n * 2).reduce((preValue, n) => preValue + n); 这个是对对象的操作 books有price和count两个属性 return this.books.reduce((preValue, book) => (preValue + book.price * book.count), 0) 注意一下r

2020-06-14 19:33:35 679

原创 python对数据库的操作

import pymysql import time class DataConnection: host = '你的主机地址' user = 'root' passwd = '你的密码' db = 'studentdata' con = pymysql.connect(host=host, user=user, passwd=passwd, db=db)...

2020-03-30 17:31:01 261

原创分析文件中学生晚归的次数（二）

更改了一下一的代码 import pandas as pd import time import os pd.set_option('display.unicode.ambiguous_as_wide', True) pd.set_option('display.unicode.east_asian_width', True) class LateNumber: LateNumber1 ...

2020-03-30 17:27:20 249

原创 Pycharm安装外接工具（UIC)

第一次UIC转换工具的Program设置路径是Python32下面的python.exe 在运行后会出现No Modele namede 'PyQt5’的错误之后在pip list下面发现了安装完成了的PyQt5包思考了一下，应该和Pycharm的本身工作环境导入的是Anaconda有关将UIC转换工具的Program重新设置路径为Anaconda下面的python.exe后&am...

2020-03-27 20:31:30 1459 2

原创分析文件中学生晚归的次数（一）

分析文件中学生晚归的次数初学python做一些小练习不多BB先上代码 #驱动文件，导入了另外两个写好的py文件 import pandas as pd from DataProcessing import * from Late_Statistics import * #这两个参数的默认设置都是False pd.set_option('display.unicode.ambiguous_as_...

2020-03-27 20:19:07 510 1

GODYEARS的博客