xsan

2020年2月24日

摘要：当我们想创建单页面应用时，可以使用`vue-router`进行实现。 cdn引用： <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> 使用方法： 1、`vue-router`必须结合组件使用，因为加载的内容阅读全文

posted @ 2020-02-24 17:32 xsan 阅读(315) 评论(0) 推荐(0) 编辑

Vue小作业--图书管理

摘要：该项目主要是练习vue的基础语法，其中涉及到`v-model`数据双向绑定、事件绑定的修饰符（阻止默认事件发生）、过滤器。项目使用的是bootstrap的css样式进行布局，实现了图书的动态增加、动态查找的功能。最终效果：源码： <!DOCTYPE html> <html lang="en"> 阅读全文

posted @ 2020-02-24 15:02 xsan 阅读(467) 评论(0) 推荐(0) 编辑

Vue的过滤器

摘要：过滤器是数据在真正渲染到页面的时候，可以使用过滤器对数据进行一些处理，把最终处理的结果渲染到网页中。过滤器的使用：过滤器可以用在两个地方：`{{ }}`和`v-bind`表达式。过滤器应该被添加在`JavaScript`的尾部通过管道符（"|"）进行分割。注意：需要写在创建实例之前。 `fu 阅读全文

posted @ 2020-02-24 10:58 xsan 阅读(183) 评论(0) 推荐(0) 编辑

2020年2月23日

vue的生命周期

摘要：生命周期函数代表的是`vue`实例、`vue`组件，在网页中各个生命阶段所执行的函数。生命周期函数可以分为创建阶段、运行阶段及销毁阶段的函数。这些阶段的函数都是和methods同级的，不是写在methods中。创建期间的函数： 1）beforeCreate：在创建实例前所执行的函数；Vue已经创建阅读全文

posted @ 2020-02-23 18:56 xsan 阅读(169) 评论(0) 推荐(0) 编辑

2020年2月22日

vue中插槽

摘要：当定义完一个组件后，可能在使用时还需要往这个组件中插入新的元素或者文本。这个时候就可以使用插槽来完成。在定义`template`时，在需要插入的地方使用`<slot></slot>`标识出来。在使用时只需将传递的值放在定义的组件标签包裹起来即可。插槽可以设置默认值。在定义template时，用` 阅读全文

posted @ 2020-02-22 11:15 xsan 阅读(415) 评论(0) 推荐(0) 编辑

2020年2月21日

vue自定义组件v-model

摘要：一个组件上的`v-model`默认会利用名为`value`的prop(属性)和名为input的事件，但是像单选框、复选框等类型的输入控件可能会将`value`特性用于不同的目的。这时候我们可以在定义组件的时候，通过设置`model`选项可以用来实现不同的处理方式。在创建组件的时候，添加`model 阅读全文

posted @ 2020-02-21 18:32 xsan 阅读(1730) 评论(0) 推荐(0) 编辑

Vue组件中自定义事件

摘要：当我们需要在操作组件后引起组件之外的元素发生变化时，就需要是这里的内容。比如：当选中书后，自动显示您选中的书名。其中书籍列表是使用组件写的。显示选中书籍名是在组件之外。在添加事件的时候需要注意一下事项： 1、在定义组件时`Vue.component(组件名，{props(参数),template( 阅读全文

posted @ 2020-02-21 16:36 xsan 阅读(2468) 评论(0) 推荐(0) 编辑

2020年2月20日

Vue中给自定义属性添加属性

摘要：定义组件时，如果是需要参数传递则，将要传递的参数放在`props`中，`props`可以是一个数组也可以是一个字典，字典中可以定义是否是必须传递和参数的类型。如下： porps:{ books:{ type: Array, required: true, default: '四大名著' } } 在传阅读全文

posted @ 2020-02-20 19:00 xsan 阅读(19411) 评论(0) 推荐(0) 编辑

vue中自定义组件

摘要：当某些html代码是重复使用时，就可以将其写成组件，直接调用，方便以后的修改。需要注意的是：定义的组件只能在注册过的代码块中使用，且定义组件的Vue.component是和注册代码是同级的。其形式为： Vue.component("组件名", { template: "定义的html代码", 阅读全文

posted @ 2020-02-20 18:04 xsan 阅读(633) 评论(0) 推荐(0) 编辑

Vue表单事件

摘要： v-model指定可以实现表单值与属性的双向绑定。即表单元素中更改的值会自动的更新属性中的值，属性中的值发生变化会自动更新表单里的值。绑定的属性和事件 v-model在内部输入不同的元素使用不同的属性并抛出不同的事件。 text和textarea元素使用value属性和input事件； check 阅读全文

posted @ 2020-02-20 17:24 xsan 阅读(1164) 评论(0) 推荐(0) 编辑

vue中监听属性

摘要：监听属性可以针对某个属性进行监听，当监听的属性的值发生了变化，则会执行相应的函数。监听的函数要写在vue的watch属性中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c 阅读全文

posted @ 2020-02-20 14:56 xsan 阅读(2055) 评论(0) 推荐(0) 编辑

Vue中计算属性

摘要：一般情况下属性都是放在data中的，但是有些属性可能是需要经过一些计算才能得出，那么，我们可以把这类属性变成计算属性。此时，需要将这些计算属性写到computed中，和将属性写在data中是一样的。表面上看，计算属性和methods一样，实际上，计算属性更加智能，他是基于它们的响应式依赖进行缓存的。阅读全文

posted @ 2020-02-20 11:29 xsan 阅读(2184) 评论(1) 推荐(0) 编辑

Vue事件绑定

摘要： v-on： v-on是给元素绑定事件，其简写是“@+事件名” event事件：将event元素传递给函数时，在传递时一定要写成“$event”，而函数中的形参是什么都无所谓了。事件修饰符： .prevent：阻止默认时间的执行； .stop：event.stopPropagation，阻止事件冒阅读全文

posted @ 2020-02-20 10:20 xsan 阅读(1044) 评论(0) 推荐(0) 编辑

2020年2月19日

Vue 中视图更新

摘要：当vue的data中的值发生变化后，视图中引用部分的值是否会同时发生变化呢？首先，我们要知道有哪些更新的类型。更新的类型 1、直接赋值更新。this.heros=[' ']，模板会立即更新。 2、通过函数更新。this.heros.push("xx)。更新的函数： push()：在数组最后添加元阅读全文

posted @ 2020-02-19 23:17 xsan 阅读(3491) 评论(0) 推荐(0) 编辑

2020年2月18日

vue 使用v-for进行循环

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="htt 阅读全文

posted @ 2020-02-18 18:04 xsan 阅读(2236) 评论(0) 推荐(0) 编辑

2020年2月17日

自定义input上传图片框

摘要： <div id="input_img_father_div">    <inpu 阅读全文

posted @ 2020-02-17 16:03 xsan 阅读(846) 评论(0) 推荐(0) 编辑

2020年2月14日

django+bootstrp分页

摘要：自定义分页算法： 1 from django.core.paginator import Paginator 2 3 4 def page_fun(table_data_obj, page, page_split, around_count=2): 5 ''' 6 table_data_obj: 数阅读全文

posted @ 2020-02-14 14:42 xsan 阅读(213) 评论(0) 推荐(0) 编辑

2020年2月7日

在django中使用七牛云

摘要：一、配置环境 django 3.0.3 qiniu 7.2.6 全部可以使用pip安装二、在app的目录下创建qiniu_config.py文件，用于存放七牛云的相关配置信息 qiniu_config = { 'access_key': '', 'secret_key': '', 'bucket_ 阅读全文

posted @ 2020-02-07 19:40 xsan 阅读(946) 评论(2) 推荐(0) 编辑

七牛云初始化

摘要：一、注册七牛云账号二、创建存储空间 1、登录七牛云，进入管理控制台 2、创建空间三、添加cdn域名参照该官方文档配置：https://developer.qiniu.com/fusion/kb/1322/how-to-configure-cname-domain-name 四、获取access 阅读全文

posted @ 2020-02-07 19:31 xsan 阅读(241) 评论(0) 推荐(0) 编辑

python刷新七牛云CDN缓存

摘要： # -*- coding: utf-8 -*- # flake8: noqa import qiniu from qiniu import CdnManager # 账户ak，sk access_key = '...' secret_key = '...' auth = qiniu.Auth(acc 阅读全文

posted @ 2020-02-07 15:44 xsan 阅读(616) 评论(0) 推荐(0) 编辑

公告