- 博客(20)
- 收藏
- 关注
原创 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 209
原创 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 258
原创 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 150
原创 Vue笔记——5.计算属性
目录1. 什么是计算属性我们己经可以搭建出一个简单的 Vue 应用,在模板中双向绑定一些数据或表达式了。但是表达式如果过长,或逻辑更为复杂时,就会变得臃肿甚至难以阅读和维护,如:<div> {{text.split(',').reverse().join(',')}}</div>上述表达式包含三个操作,并不是很清晰,所以在遇到复杂的逻辑时应该使用计算属性。所有的计算属性都以函数的形式写在 Vue 实例内的 computed 选项内,最终返回计算后的结果。2.
2020-10-12 20:21:35 349 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 176
原创 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 159
转载 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 222
原创 【python语言基础】Day02-python语言元素
python学习目录:python学什么?python基础Day02 - 语言元素程序和进制 - 指令和程序 / 冯诺依曼机 / 二进制和十进制 / 八进制和十六进制变量和类型 - 变量的命名 / 变量的使用 / input函数 / 检查变量类型 / 类型转换数字和字符串 - 整数 / 浮点数 / 复数 / 字符串 / 字符串基本操作 / 字符编码运算符 - 数学运算符 / 赋值运算符 / 比较运算符 / 逻辑运算符 / 身份运算符 / 运算符的优先级应用案例 - 华氏温度转换成摄氏温度 / 输
2020-09-30 10:28:05 640
原创 【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 930
转载 【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 191
原创 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 179
原创 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 702
原创 十三、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> <
2020-06-08 20:41:23 377
原创 二、JavaScript数据类型与转换
二、JS数据类型与转换1.数据类型 -------------typeof 检测类型的--------------tpeof返回的结果是字符串:例如:typeof(str) 或者 typeof str--------------------------------------------(1).5种简单的 ▶字符串(String) 加引号,引起来都是字符串//两种方式都可以 ▶数字(Number) 整数、小数、负数//因为加引号成为了字符串类型//数字都是
2020-05-31 09:53:52 190
原创 一、JavaScript简介 || 标签使用和输出语句 || 语法构成、关键字、保留字
一、JS 简介概述和使用1. javascript简介:(1).js是什么JavaScript是一种属于网络的脚本语言,为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。(2).js能干什么嵌入动态文本于HTML页面。对浏览器事件做出响应。3[ ]. 读写HTML元素。在数据被提交到服务器之前验证数据。检测访客的浏览器信息。控制cookies,包括创建和修改等。基于Node.
2020-05-31 08:49:28 251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人