4 片刻清夏

尚未进行身份认证

生命有多重要,独立思考的能力就有多重要!

等级
TA的排名 8k+

Python入门教程 —— 数据的接纳者 — 变量

在一个程序运行完成后,会产生大量的中间数据,以供后续程序的使用,那么这些数据是要存放在哪里呢? —— 答案就是:变量基本形式 变量 = 值自定义变量如下代码name = 'zhangsan'age = '18'sex = 'M'address = 'HangZhou Of China'print('User Info: ', name, age, sex, address)如...

2019-11-20 21:40:35

Python 零基础入门教程

最近表弟要学Python,于是我就写了一期相关教程博客,以及配套的习题,在这里分享给大家。相关文章后续会一直更新。第一篇: 使用VSCODE运行第一行Python代码 https://blog.csdn.net/zjq_1314520/article/details/103075126第二篇:用输入数据控制数据输出 https://blog.csdn.net/zjq_1314520/arti...

2019-11-14 21:18:41

Python入门教程 —— 用输入数据控制数据输出

建工程、文件夹和Python文件的参考第一篇文章在前一篇文章中只讲到了怎么输出数据,下面学习怎么输入数据,和用输入的数据来控制输出。这也是正式学习py前我们要掌握的小知识: 数据输入,选择输出数据输入Python中的input告诉解释器我们要输入数据现在如果我想通过输入当前的年份,然后输出下一个年份示例代码year = input('Current Year:')print(...

2019-11-14 21:14:22

Python入门教程 —— 使用VSCODE运行第一行Python代码

下载软件首先我们安装两个软件:anaconda 和 vscodeanaconda下载地址:https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/拉到最下面,点击下载vscode下载地址: https://code.visualstudio.com/点击 Download for Windows(根据操作系统)等两个软件都下载完成了...

2019-11-14 21:12:33

使用 iconfont 中的 svg 图标

最近在使用 Element-UI开发的时候发现其图标并不是够用,于是想着如何将 https://www.iconfont.cn/home/index 上面的图标导入进自己的项目中去。网上的搜索结果基本都是传统的引入CSS的方法,并没有使用到SVG的特性,这里介绍使用SVG来引入图标,这中方式普适任意的组件库。首先我们在iconfont上新键好自己的项目并下载至本地,打开之后其文件如下我们只...

2019-05-19 08:32:53

Vue 实例挂载方法($mount)的实现

在Vue的_init方法中已经回调了beforeCreate和created这两个生命周期钩子,在此之后就进行了实例的挂载if(vm.$options.el){//挂载实例vm.$mount(vm.$options.el);}在挂载函数中,将要进行beforeMount和mounted的回调。在不同的平台下对于$mount函数...

2019-03-30 14:36:33

Vue实例初始化之 _init 方法

打开 Vue 源码, 在其入口文件 core/instance/index 代码中,我们可以看到 Vue 类定义如下function Vue(options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a construct...

2019-02-27 22:55:22

Vue全局 API 之 nextTick 函数的实现

Vue 官方文档中对于 nextTick 函数的介绍为 : 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。那么这句话是什么意思呢 ?我们通过如下的一段代码来说明<template> <div id="app">{{msg}}</div&

2019-02-23 23:09:05

用 Promise 实现一个消息队列

需求描述在此篇博客中,我们的需求如下:有一个消息调度器去操作发送来消息但处理消息花费的事件是不确定的,有多有少消息是不断发送过来的这个时候就会出现一种情况:前一条消息还未执行结束,后一条消息就被发送过来了如果这个时候要求后一条消息必须在前一条执行完才开始执行,该如何实现?使用 Promise 写一个 wait 函数sync function wait(timeout) { co...

2018-11-07 22:56:42

ES6 中的常用方法

Map 转 JSONfunction map2json(map) { const obj = Object.create(null); map.forEach((v, k) => { obj[k] = v; }); return JSON.stringify(obj);}JSON 转 Mapfunction json2map(json) { ...

2018-09-03 21:17:00

JavaScript中的Promise对象

标签: JavaScript Promise在ES6中,Promise对象成为了一个原生对象,有关其基本的用法如下我们经常会看到格式如下的代码 Promise.resolve("success").then(result => { console.log(result); });控制台打出结果为:successPromise是运用在异步编程中的,比如...

2018-07-20 15:08:41

如何设置GitHub的公钥

如果使用http方式push代码的时候,就会每次都要输入用户名和密码,而使用SSH的方式就不会如果你的prigin是http的,可以使用如下命令经行修改 在项目路径下执行git remote rm origingit remote add origin git@github.com:XXX/XXXXX.gitgit push origin这时候我们使用git clone git@...

2018-04-21 18:09:05

如何在nginx下部署vue项目

首先我们使用 npm run build 来生成项目的静态页面,会在项目的根路径的dist目录下我们将dist下的 index.html和static静态文件发布到服务器的某一目录下比如说我们发布的是 在 usr/local/vue/page下,那么我们对于nginx的配置如下在/usr/local/nginx/conf下打开nginx.conf 修改service的内容如下...

2018-04-21 17:44:21

CSS3中 border-image 的基本用法

border-image 是CSS3中的属性,用于使用图片左右一块区域的边界,其基本的使用形式如下border-image: url(img-url) top right bottom left;其中 top right bottom left分别表示上右下左的边距,如下示例border-image: url(border.png) 30 30 30 30; 其对应的切割效果如...

2018-03-19 10:05:09

CSS3实现加载效果

预期实现的效果如下如所示 首先基本的Html布局如下 <div id="wrap" > <div class="line1"></div> <div class="line2"></div> <div class="line3"&

2018-03-16 16:29:30

Vuex 入门教程

这里要完成的功能是通过按钮的加减来动态的处理数据我们新建一个基本的 Vue 项目vue init webpack-simple vuex-1运行如下命令安装相应的依赖和Vuexnpm inpm i vuex --save安装完之后我们来新建一个 store 文件夹,在该文件夹下面新建一个 store.js 文件,并显式的通过 Vue.use 来安装 Vuex,其代码如...

2018-03-13 14:25:12

Vue.js 中的动态路由

在文章 使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的,也就是说是静态路由。而能传递参数的路由模式,由于可以传递参数,所以其对应的路由数量是不确定的,故称之为 动态路由那么如何将参数作为路由呢? 在参数名前面加上 : ,然后将参数写在路由的 path 内如下示例: routes: [ //将页面组件与path指令的路由关联 ...

2018-03-12 09:53:06

使用vue-router完成简单导航功能

vue-router是Vue.js官方提供的一套专用的路由工具库安装命令如下npm i vue-router -Dvue-router 实例是一个Vue插件,我们需要在Vue全局引用中通过Vue.use() 将它接入到Vue实例中。在我们的工程中,,main.js是默认的程序入口文件,所有的全局配置都会在这个文件中进行。我们在main.js中加入如下引用import...

2018-03-09 17:36:56

关于Vue.js中多页面项目的配置

首先使用如下的命令创建一个新的 Vue.js 项目vue init webpack vue-3使用 VsCode 打开项目之后,在命令行进入到项目中去,安装相关的依赖库,然后运行项目,执行下面的命令cd vue-3npm installnpm run dev在一切正常的情况下,在浏览器输入 http://localhost:8080 应该会弹出一个含有大大的 V 字图标的页面。...

2018-03-09 14:48:57

有关Vue.js中的v-model的说明

首先如下代码使用v-model可以实现数据的绑定,也就是说我们在输入框中输入什么数据,对应的<span>标签中就会显示什么数据<body> <div id="app"> <input type="input" v-model="url" > <br/> <spa

2018-03-06 14:29:09

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。