自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 小妍Vue笔记——目录

小妍Vue笔记——目录

2020-09-24 11:09:02 139

原创 Vue笔记——1.基本语法指令

什么是vue.js?Vue.js是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发)什么是指令? 指令是什么:

2020-09-24 11:08:36 191

原创 Vue笔记——11.组件

小妍Vue笔记——目录

2020-10-13 15:50:14 136 1

原创 Vue笔记——10.表单输入绑定

小妍Vue笔记——目录

2020-10-13 14:59:27 166

原创 Vue笔记——9.事件处理

小妍Vue笔记——目录

2020-10-13 10:25:11 150

原创 Vue笔记——8.列表渲染

小妍Vue笔记——目录

2020-10-13 10:23:08 148 1

原创 Vue笔记——7.条件渲染

小妍Vue笔记——目录一、前言条件渲染和列表渲染其实就是使用vue的v-if和v-for两个指令来控制是否渲染和循环渲染的逻辑。二、条件渲染条件渲染使用vue的逻辑绑定指令来实现分支结构,来决定渲染哪一个dom或哪一个组件。<div id = "app"> <div v-if = "status1">1</div> <div v-else-if = "status2">2</div> <div v-else = "sta

2020-10-12 21:22:18 215

原创 Vue笔记——6.Class 与 Style 绑定

目录本篇记录了官网学习的一些关于标签或组件的样式,包括类样式,绑定类样式,绑定行内样式等内容。绑定类样式方式: v-bind:class=“styleClsName"这种方式是基于类样式名称上的,具体的值可以是类名: v-bind:class="focus"类名数组:v-bind:class="['focus', 'shine']"样式对象:v-bind:classs="{'focus': true/false, 'shine': true/flase }",这种方式会根据样式名作为键的值来决定

2020-10-12 20:52:04 131

原创 Vue笔记——5.计算属性

目录1. 什么是计算属性我们己经可以搭建出一个简单的 Vue 应用,在模板中双向绑定一些数据或表达式了。但是表达式如果过长,或逻辑更为复杂时,就会变得臃肿甚至难以阅读和维护,如:<div> {{text.split(',').reverse().join(',')}}</div>上述表达式包含三个操作,并不是很清晰,所以在遇到复杂的逻辑时应该使用计算属性。所有的计算属性都以函数的形式写在 Vue 实例内的 computed 选项内,最终返回计算后的结果。2.

2020-10-12 20:21:35 278 1

原创 Vue笔记——4.模板语法

vue目录一、模板语法差值1.文本数据绑定最常见的形式就是使用‘Mustache’语法(双打括号)的文本插值:1message:{{msg}}使用v-once指令,也能执行一次性的插值,当主句改变时,插值处的内容不会更新。但请留心这回影响到该节点上所有的数据绑定:1this will nver change:{{message}}2.纯html双打括号会将数据解释为纯文本,而非html。为了输出html可以使用v-html指令:1被插入的内容被当做HTML—数据绑定会被忽略。注

2020-10-12 15:15:57 137

原创 Vue笔记——3.实例

一、Vue用户输入为了让用户和你的应用进行交互,我们可以用 v-on 指令添加一个事件监听器,通过它调用在 Vue 实例中定义的方法:<div id="app-5"> <p>{{ message }}</p> <button v-on:click="reverseMessage">反转消息</button></div>var app5 = new Vue({ el: '#app-5', data: {

2020-10-12 08:28:55 137

转载 Vue笔记——2.搭建脚手架并快速创建Vue项目

现在的Vue脚手架已经升级到3.x版本,即vue-cli3。脚手架升级之后,安装的命令发生了变化,所以这篇文章会跟大家演示新旧版本的脚手架安装过程,以及使用新旧版本脚手架创建项目的过程。下面的安装过程均是在window平台下安装。一、准备工作1. 安装node.js和npmVue的脚手架是依赖于node.js的,所以无论是安装新版本还是旧版本,我们都要安装node.js,如果你对node.js不熟悉的话,大家可以查看我之前的一篇文章:Vue笔记——node.js入门知识,简要了解一下。我们可以

2020-10-04 10:40:25 189

原创 【python语言基础】Day02-python语言元素

python学习目录:python学什么?python基础Day02 - 语言元素程序和进制 - 指令和程序 / 冯诺依曼机 / 二进制和十进制 / 八进制和十六进制变量和类型 - 变量的命名 / 变量的使用 / input函数 / 检查变量类型 / 类型转换数字和字符串 - 整数 / 浮点数 / 复数 / 字符串 / 字符串基本操作 / 字符编码运算符 - 数学运算符 / 赋值运算符 / 比较运算符 / 逻辑运算符 / 身份运算符 / 运算符的优先级应用案例 - 华氏温度转换成摄氏温度 / 输

2020-09-30 10:28:05 552

原创 【python语言基础】Day01-python简介

python学习目录Day01 - 初识PythonPython简介 - Python的历史 / Python的优缺点 / Python的应用领域搭建编程环境 - Windows环境 / Linux环境 / MacOS环境从终端运行Python程序 - Hello, world / print函数 / 运行程序使用IDLE - 交互式环境(REPL) / 编写多行代码 / 运行程序 / 退出IDLE注释 - 注释的作用 / 单行注释 / 多行注释Python的应用领域及优缺点Py

2020-09-25 09:08:56 867

转载 【python语言基础】python学什么?python基础

作者:桃花岛主链接:原创链接:python自学来源:知乎Day01~15 - Python语言基础Day01 - 初识PythonPython简介 - Python的历史 / Python的优缺点 / Python的应用领域搭建编程环境 - Windows环境 / Linux环境 / MacOS环境从终端运行Python程序 - Hello, world / print函数 / 运行程序使用IDLE - 交互式环境(REPL) / 编写多行代码 / 运行程序 / 退出IDLE注释 - 注释的作用 /

2020-09-25 08:32:04 173

原创 js/JavaScript日期对象的方法

二、日期对象的方法 语法:日期对象.方法 date.getXXX(); 1>getTime() ===》时间戳 从1970年1月1日0点0分开始,到现在的毫秒数 2>getFullYear() ===》年 3>getMonth() ===》月 中国:1-12月 国外:0-11月 4》getDate() ====》日 5》getDay() ===》星期 6》getHours ===》小时 7》getMinutes() ===》分钟 8》getSeco

2020-06-09 20:32:09 160

原创 js事件案例——小人快跑JavaScript

效果 小人快跑 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> #imgs{ position:abs

2020-06-09 10:55:28 651

原创 十三、JavaScript事件|事件流

十三、JavaScript事件1.事件_事件流一、什么是事件:事情的起因二、事件流1》事件冒泡:从内到外(先触发里面的,再触发外部)2》事件捕获:从外到内测验:<div id="dv1" style="background: red;width: 400px;height: 400px;"> <div id="dv2" style="background: wheat;width: 200px;height: 200px;"></div> &lt

2020-06-08 20:41:23 328

原创 二、JavaScript数据类型与转换

二、JS数据类型与转换1.数据类型 -------------typeof 检测类型的--------------tpeof返回的结果是字符串:例如:typeof(str) 或者 typeof str--------------------------------------------(1).5种简单的 ▶字符串(String) 加引号,引起来都是字符串//两种方式都可以 ▶数字(Number) 整数、小数、负数//因为加引号成为了字符串类型//数字都是

2020-05-31 09:53:52 141

原创 一、JavaScript简介 || 标签使用和输出语句 || 语法构成、关键字、保留字

一、JS 简介概述和使用1. javascript简介:(1).js是什么JavaScript是一种属于网络的脚本语言,为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。(2).js能干什么嵌入动态文本于HTML页面。对浏览器事件做出响应。3[ ]. 读写HTML元素。在数据被提交到服务器之前验证数据。检测访客的浏览器信息。控制cookies,包括创建和修改等。基于Node.

2020-05-31 08:49:28 227

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除