- 博客(36)
- 收藏
- 关注
RSS订阅
1原创 vue手打穿梭框 + Ant Design Vue
vue手打穿梭框 + Ant Design Vue父组件<template> <div class="transfer SF_removed_move"> <div class="left"> <toAddCamera ref="clickToCamera" :cameraTo="cameraToAdd"></toAddCamera> </div> <div class="center
2022-05-20 17:18:21
604
原创 Ant Design Vue 日期时间格式化
这里写自定义目录标题引入momentAnt Design Vue利用 vue的filterscolumns：[]引入momentimport moment from 'moment'Ant Design Vue <a-table ref="table" rowKey="id" :columns="columns" :dataSource="dataSource" :pagination="ipagination"
2022-05-20 14:51:04
1412
原创 JavaScript（字符串）
字符串对象javascript 还提供三个特殊的 引用类型：String、Number和Boolean基本包装类型：就是把 简单数据类型 包装成 复杂数据类型分为3部1.生成临时变量，把 简单数据类型 包装成 复杂数据类型，这样基本数据类型就有了属性和方法了var = temp = new Steing('andy'); //包装成复杂数据类型就有了属性和方法2.赋值给我们声明的字符...
2019-11-26 12:07:15
136
原创 JavaScript（数组）
创建数组的两种方式var arr = [1, 2, 3] // 利用数组字面量创建var arr1 = new Array(); // 利用new Array()使用new Array()创建注意：var arr1 = new Array(); // 创建了一个空数组var arr1 = new Array(2); // 这个2等于 数组长度为2 ...
2019-11-26 12:02:33
236
原创 JavaScript（对象）
JavaScript中的对象分为3种：自定义对象、内置对象、浏览器对象。JavaScript提供多个内置对象Math(数据对象)、Date(日期对象) 、Array(数组对象)、String(字符串对象)Math.PI //圆周率Math.floor () //向下取整Math.ceil () //向上取整Math.round() //四舍五入版就近取整注意-3....
2019-11-26 11:51:57
145
原创 JavaScript学习
arguments 是所有函数都有的一个内置对象，里面存储了所有用户传递过来的实参，当不知道用户传递几个实参的时候可以使用，当使用arguments时就不用写形参了。利用函数翻转任意数组 reversefunction reverse(arr){ var newArr = []; for (var i = arr.length - 1; i >= 0; i--){ newArr...
2019-11-26 11:42:42
126
原创 JavaScript学习
用户输入班级人数，之后依次输入每个学生的成绩，最后打印出该班级总的成绩以及平均成绩。<script> var people = prompt('请输入班级人数：'); var sort = 0; var avg = 0; for(var i = 1; i <= people;i++){ var sum = prompt('第'+ i +'个学生成绩'); ...
2019-11-26 11:35:47
461
原创 JavaScript学习
JavaScript学习switch也是分支语句 也可以实现多选一语法结构 case 选项switch(表达式){ //表达式经常写成变量，表达式的值和case里面的值相匹配的时候是"全等" ，值和数据类型必须一致才能执行。 case value1: 执行语句1; break; case value2: 执行语句2; break...
2019-11-04 21:12:22
971
原创 JavaScript学习
JavaScript学习&&与 ||或 !取反逻辑运算符短路运算（逻辑中断）短路运算的原理：当有多个表达式（值）时，左边的表达式可以确定结果时，就不再继续运算右边的表达式的值。1.逻辑与(&&)语法：表达式1 && 表达式2如果第一个表达式为真，则返回表达式2如果第一个表达式为假，则返回表达式1console.log(123 &am...
2019-11-03 18:13:28
182
原创 JavaScript学习
JavaScript学习js的组成 ECMAScript（JavaScript语法）DOM（页面文档对象模型）BOM（浏览器对象模型）js的三种书写方式1.行内式<input type="button" value="唐" οnclick="alert('秋')">2.内嵌式<script> alert('弹出');</script>3.外...
2019-11-02 18:03:43
275
原创 jQuery学习
jQuery-设置内容和属性设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值如何通过 text()、html() 以及 val() 方法来设置内容：<...
2019-11-01 18:07:24
108
原创 jQuery学习
jQuery效果六、jQuery - ChainingChaining 允许我们在一条语句中允许多个 jQuery 方法（在相同的元素上），一条接着另一条。把 css(), slideUp(), and slideDown() 链接在一起。“p1” 元素首先会变为红色，然后向上滑动，然后向下滑动：<!DOCTYPE html><html><head>...
2019-10-31 18:40:47
108
原创 jQuery学习
jQuery效果六、jQuery - ChainingChaining 允许我们在一条语句中允许多个 jQuery 方法（在相同的元素上），一条接着另一条。把 css(), slideUp(), and slideDown() 链接在一起。“p1” 元素首先会变为红色，然后向上滑动，然后向下滑动：<!DOCTYPE html><html><head>...
2019-10-31 18:28:09
128
原创 jQuery学习
jQuery效果五、jQuery 停止动画jQuery stop() 方法用于停止动画或效果，在它们完成之前。stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。语法$(selector).stop(stopAll,goToEnd);可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向...
2019-10-30 18:10:26
174
原创 jQuery学习
jQuery效果四、jQuery动画jQuery animate() 方法用于创建自定义动画。语法：$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。可选的 callback 参数是动画完成后所执...
2019-10-29 18:02:03
107
原创 jQuery学习
jQuery效果三、jQuery滑动jQuery 滑动方法通过 jQuery，您可以在元素上创建滑动效果。jQuery 拥有以下滑动方法： slideDown() slideUp() slideToggle()jQuery slideDown() 方法jQuery slideDown() 方法用于向下滑动元素。语法：$(selector).slideDown(...
2019-10-28 18:17:11
133
原创 jQuery学习
jQuery效果一、jQuery 隐藏和显示jQuery hide() 和 show()通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></s...
2019-10-27 21:19:41
151
原创 jQuery学习
jQuery学习jQuery 语法通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。$(this).hide()演示 jQuery hide() 函数，隐藏当前的 HTML 元素。<html><head><script type="text/javascript" src="/jquery/jqu...
2019-10-26 18:37:14
140
原创 JavaScript学习
JavaScript代码规范JavaScript 代码规范代码规范通常包括以下几个方面:1.变量和函数的命名规则2.空格，缩进，注释的使用规则。3.其他常用规范……规范的代码可以更易于阅读与维护。代码规范一般在开发前规定变量名变量名最好使用驼峰法来命名(camelCase):firstName = "John";lastName = "Doe";price = 19.90...
2019-10-25 18:43:38
226
原创 JavaScript学习
JavaScript学习默认地，sort() 函数按照字符串顺序对值进行排序。该函数很适合字符串（“Apple” 会排在 “Banana” 之前）。如果数字按照字符串来排序，则 “25” 大于 “100”，因为 “2” 大于 “1”。正因如此，sort() 方法在对数值排序时会产生不正确的结果。我们可以通过一个比值函数来修正此问题。比值函数比较函数的目的是定义另一种排序顺序。比较函数...
2019-10-22 22:01:49
88
原创 JavaScript数据类型
JavaScript数据类型NaN：数据类型不是数字undefined：对象属性或方法不存在，或声明了变量但从未赋值。null：对一个变量显式地赋值为 null。 包含 null 的表达式之间的任何操作。Boolean 表达式一个值为 true 或者 false 的表达式。如果需要，非 Boolean 表达式也可以被转换为 Boolean 值，但是要遵循下列规则：所有的对象都被当作 t...
2019-10-21 21:35:43
149
原创 Vue学习
Vue学习2019/10/20（v-for、v-on、v-model应用）<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>hell world</title> <script src='./vue.js'></scrip...
2019-10-20 21:46:40
104
原创 Vue学习
Vue学习2019/10/19有时我们需要多个插槽。例如对于一个带有如下模板的 组件：<div class="container"> <header> <!-- 我们希望把页头放这里 --> </header> <main> <!-- 我们希望把主要内容放这里 --> </main&...
2019-10-19 20:33:51
94
原创 Vue学习
Vue学习2019/10/18（插槽）将 元素作为承载分发内容的出口。它允许你像这样合成组件：<navigation-link url="/profile"> Your Profile</navigation-link>然后你在 的模板中可能会写为：<a v-bind:href="url" class="nav-link"> ...
2019-10-18 20:29:54
154
原创 Vue学习
Vue学习2019/10/17（事件名）不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子，如果触发一个 camelCase （驼峰式）名字的事件：this.$emit('myEvent')则监听这个名字的 kebab-case 版本是不会有任何效果的：<!-- 没有效果 --><my-compo...
2019-10-17 21:46:41
108
原创 Vue学习
Vue学习2019/10/16（Prop 的大小写）HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名：Vue.component('blog-post', { // 在 JavaScript 中是 camelCas...
2019-10-16 21:01:42
120
原创 Vue学习
Vue学习2019/10/15（组件注册）定义组件名的方式有两种：使用 kebab-caseVue.component('my-component-name', { /* ... */ })当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case，例如 。使用 PascalCaseVue.component('MyC...
2019-10-15 18:36:07
121
原创 Vue学习
Vue学习2019/10/14（组件基础）把我们要重复使用的功能封装成组件，可以使开发变得更高效，更方便。<div id="app"> <button-counter></button-counter> <button-counter></button-counter> //组件可复用，互不...
2019-10-14 20:37:03
257
原创 Vue学习
Vue学习2019/10/13（表单输入绑定）v-model 指令在表单 、 及 元素上创建双向数据绑定。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件：t...
2019-10-13 17:04:35
153
原创 Vue学习
Vue学习2019/10/12（事件处理）然而许多事件处理逻辑会更为复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-on 还可以接收一个需要调用的方法名称。<div id="app"> <div id="example-1"> <button v-on:click="counter += 1"> 数值 : {...
2019-10-12 18:10:28
257
原创 Vue学习
Vue学习2019/10/11v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true 值的时候被渲染。<div id="app"> <div v-if="type === 'A'"> A </div> <div v-else-if="type === 'B'"> B </di...
2019-10-11 17:49:48
95
原创 Vue学习
Vue学习2019/10/8Vue.js的应用分为两个组成部分一个是视图一个是脚本引用Vue脚本的时候会生成一个Vue全局变量在new Vue中有两个重要属性，（1）el即element（元素），利用ID选择器的方式选中div里的元素（2）data，data用于保存数据，视图中声明的那些变量，就需要在data中注册这些变量，并且为这些变量进行初始化赋值。 <script type=...
2019-10-10 21:09:07
118
原创 Vue学习
Vue学习2019/10/9（实例生命周期钩子）实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期钩子需要写在new Vue传递的这个对象内，以属性的方式声明，这个属性是一个函数，在这个Vue应用运行的每一...
2019-10-10 21:05:57
105
原创 Vue学习
Vue学习2019/10/10(class与style绑定)active 样式是否绑定到div样式上取决于 isActive变量。 v-bind:class="{active:isActive} " style="width:200px; height:200px; text-align:center; line-height:200px;"> hi vue });...
2019-10-10 21:01:21
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人