笔记
jingruofanhua1
这个作者很懒,什么都没留下…
展开
-
animation动画
animation动画的用法<style> div{ width:100px; height:100px; position:relative; animation-name:myAnimation; animation-duration:5s; animation-timing-function:linear; animation-delay:1s; } @keyframes myAnimation{ 0% { background-color:原创 2020-11-04 19:29:28 · 5861 阅读 · 0 评论 -
ajax框架
今日学习ajax框架 axios 【jQuery】1) 回忆jquery底层接口$.ajax({})$.ajaxSetup({})快捷接口本质上是对于底层接口的封装$.get(url,param,success)$.post(url,data,success)$.put(url,data,success)$.delete(url,param,success) 如果发送的get/delete请求,请求参数称为param,一般这个参数是拼接在url中 如果发送的po原创 2020-05-22 20:51:52 · 257 阅读 · 0 评论 -
vue基础
今日学习状态机基础 vuex适用于中大型项目,比如在毕业设计项目中就显得有点笨重。web开发技术栈【vue + vueRouter + vuex + axios + element-ui/antdesign】手机开发技术栈【vue + vueRouter + vuex + axios + mintui/vant】技术开源可以避免版权问题。对于开源项目,可以在github中直接找到main.jslet vm = new Vue({data:{user:null},created(){t原创 2020-05-21 22:12:31 · 111 阅读 · 0 评论 -
vue路由
今日学习路由进阶1) 嵌套路由routes:[{path:’/order’,component:Order,children:[{path:‘all’,component:Order_All},{path:‘completed’,component:Order_Completed},{path:‘un_completed’,component:Order_Un_Completed}]},{path:’/goods’,component:Goods}]2) 导航守卫1原创 2020-05-20 18:10:40 · 84 阅读 · 0 评论 -
2020-05-19
今日学习动态组件 1) keep-alive是用于保存组件的状态 2) component 表示定义一个动态组件,当前加载哪个组件取决于is的属性值,is的值为当前组件的组件名称脚手架1) 介绍html + css + js => 浏览器脚手架(生产线)【解耦】vue => html + css + js => 浏览器2) 应用1. 安装脚手架生成工具> cnpm install -g @vue/cli# 测试> npm --versi原创 2020-05-19 22:33:54 · 81 阅读 · 0 评论 -
2020-05-18
10.组件基础类似于bootstrap,但是和bs完全不再一个级别,vue组件是封装了js,html,css的独立单元,我们可以使用虚拟标签直接调用 目前比较成熟的组件库: pc: elementui 饿了么 antdesign 蚂蚁金服 phone(小程序): mintui vantui … 语法:1. 组件定义(比较麻烦-了解)一个组件就是一原创 2020-05-18 22:52:12 · 122 阅读 · 0 评论 -
2020-05-15
今日学习vue1.安装下载,scriptsdn,script模块化,npm2.vue实例对象new Vue({el:’#app’,data:{},methods:{},生命周期钩子函数,computed:{计算属性},filters:{过滤器},watch:{监听器},components:{},props:[]})vue实例对象可以直接访问data/methods/computed/中的属性在方法生命周期钩子函数中,this指向vue实例对象3.模板渲染1.双大括原创 2020-05-15 21:10:19 · 100 阅读 · 0 评论 -
2020-05-14
今日学习8. 计算属性与监听器1) 计算属性一般指的是对data中的原有数据进行计算之后返回的结果,这个计算属性可以当做属性来使用。当原有数据发生改变的时候,计算属性会立即执行重新计算。当原值不发生改变,当调用多次计算属性,计算属性函数只会执行一次。但是如果使用方法或者过滤器则不同。 查询到所有的文章,在显示的时候将发布时间(时间戳)格式化之后再输出? new Vue({ data:{ message:'hello world' },原创 2020-05-14 22:46:52 · 133 阅读 · 0 评论 -
2020-05-13
今日学习6. 表单输入绑定双向数据绑定mvvm模式model vm视图与模型的关联器 view模型 viewModel 视图{ {{message}}data:{message:‘helloworld’,from:{name:“terry”}}methods:}//双向数据绑定 用在表单7. vue实例的生命周期创建vue实例对象vm.num :1模板的初始化将html转换为dom过程将vm原创 2020-05-13 21:08:06 · 100 阅读 · 0 评论 -
2020-05-12
今日学习vue0. vue实例对象let vm = new Vue({data:{message:“hello”}}) vm属于Vue的实例对象,这个对象可以直接访问Vue构造函数参数中的data中的值 vm.message vue可以对data中的数据进行监听,当data中数据发生改变的时候,vue会自动进行网页的重新渲染。 message:'hello world', array:[1,2,3] 默认情况下,vue监听栈区的改变,message为基本类型的变量原创 2020-05-12 18:43:51 · 147 阅读 · 0 评论 -
2020-05-08
今日学习Set集合(set中没有重复数组)类似于数组创建set集合实例let set = new Set();添加数组set.add(10);set.add(‘hello’);删除数据set.delete(10);清空数组set.clear();判断是否有某个元素set.has(10);set遍历let keys = set.keys();let values = set.values();let entries = set.entries();console.log(k原创 2020-05-08 18:50:35 · 140 阅读 · 0 评论 -
2020-05-07
今日学习对象扩充属性简写:let age = 12;let gender = ‘男’;let obj = {//age:age 当属性名和属性值一样时,属性值可以省略age,gender,username:‘zhangsan’,//sayName:function(){} 如果是一个方法,可以简写sayName(a,b){console.log(this.username)...原创 2020-05-07 18:53:08 · 198 阅读 · 0 评论 -
2020-05-06
今日学习ECMAScript6 ES6 ES2015基础语法let关键字在局部代码块内有效变量声明不提升暂时性死区(声明前不能访问)不可重复声明const命令 声明一个常量,一旦声明,常量的值不能改变,必须立即初始化在局部代码块内有效变量声明不提升暂时性死区(声明前不能访问)不可重复声明解构 模式匹配 方便变量赋值数组解构let [a,b,c,d,e,f,g] = ...原创 2020-05-06 17:51:25 · 96 阅读 · 0 评论 -
2020-04-28
今日学习画布矩形绘制context.fillRect(x,y,width,heigth)context.strokeRect(x,y,width,heigth)context.clearRect(x,y,width,heigth)圆的绘制context.beginPath();context.arc(x,y,r,startAng,endAng,false(顺时针))context...原创 2020-04-28 18:11:09 · 73 阅读 · 0 评论 -
2020-04-27
今日学习画布DOM–>contextcontext.fillStyle = ‘’;context.strokeStyle = ‘’;context.lineWidth = ‘’;context.fillRect(x,y,width,height);context.strokeRect(x,y,width,height);context.clearRect(x,y,width,...原创 2020-04-27 18:56:08 · 68 阅读 · 0 评论 -
2020-04-26
今日学习事件on(‘click’,’.one’,handle) 事件绑定 可以实现事件代理off(‘click’,’.one’,handle) 事件解绑trigger(‘click’) 模拟触发动画hide() 隐藏show() 显示fadeIn(400) 淡入fadeOut(400) 淡出slideDown(400) 滑下slideUp(400) 滑上jQuery对aj...原创 2020-04-26 17:31:21 · 77 阅读 · 0 评论 -
2020-04-24
今日学习jQuery对象–>DOM节点[index].get(index).map(function(index,item){}) item.filter(function(index,item){}) item.each(function(index,item){}) item.on(‘click’,function(event){thisevent.targetev...原创 2020-04-24 18:14:52 · 62 阅读 · 0 评论 -
2020-04-23
今日学习jQuery函数引入了文件后,会得到一个函数,叫jQuery或者$函数调用传递实参类型$(‘div’) 返回一个jQuery对象,类数组对象,存放DOM对象(DOM节点)$(‘hello’) html代码片段字符串,创建好的jQuery对象,内部放的是创建好的DOM对象$(function(){}) $(document).ready(function(){}) windo...原创 2020-04-23 22:44:23 · 60 阅读 · 0 评论 -
2020-04-21
今日学习间歇调用和超时调用javascript是单线程语言,但是可以通过超时值和间歇时间来调度代码在特定时刻执行1) setTimeout();该方法返回一个数值ID,表示超时调用,这个超时调用ID是计划执行代码的唯一标识符通过它来取消超市调用。可以通过clearTimeout(ID);参数:1.要执行的代码2.以毫秒表示的时间。例如:一秒后调用var id = setTime...原创 2020-04-21 19:33:03 · 70 阅读 · 0 评论 -
2020-04-20
今日学习DOM事件绑定或者解绑方式HTML事件处理程序DOM0级事件处理程序var div = document.getElementBYId(‘one’);div.onlick = function(event){event–>事件对象 } 事件解绑 div.click = null;DOM2级事件处理程序 非IE8及以下 事件绑定 div...原创 2020-04-20 17:37:22 · 58 阅读 · 0 评论 -
2020-04-17
Node类型DOM1级定义为一个Node接口,该接口将由DOM中的所有节点类型实现。除了IE之外,在其他所有浏览器中都可以访问到这个类型。javascript中所有的节点类型都继承自Node类型,所有节点类型都共享着相同的基本属性和方法。节点关系属性:nodeType 获取节点类型 Document 9 文档对象documentElement 1 元素节点TextNode ...原创 2020-04-17 21:42:45 · 79 阅读 · 0 评论 -
2020-04-16
今日学习面向对象编程设计深入理解对象之前单个创建对象var obj = {};var obj2 = {};批量创建对象1.工厂模式提供一个函数,函数调用一次返回一个对象function creatPerson(name,age,gender){var o = {name:name;age:age,gender:gender};return o;}var obj =...原创 2020-04-16 18:07:48 · 82 阅读 · 0 评论 -
2020-04-15
今日学习基本包装类型内置对象基本包装器 Number() String() Boolean() Match对象String包装器属性和方法 length charAt(index) 获取索引位置的字符 charCodeAt(index) 获取索引位置的字符编码 indexOf('a') 从前往后查找字符的位置,返回索引或-1 lastIndexOf('a') co...原创 2020-04-15 16:58:49 · 67 阅读 · 0 评论 -
2020-04-14
今日学习正则表达式声明构造函数new RegExp(‘abc’,‘gim’)字面量abc/gim修饰符g 全局 会维护lastindex属性,代表下次开始检索的位置i 忽略大小写m 多行匹配属性global 是否全局匹配ignoreCase 是否忽略大小写multiline 是否多行匹配lastIndex 下次开始检索的位置,如果没有g修饰符,一直都是0,如果...原创 2020-04-14 16:02:58 · 107 阅读 · 0 评论 -
2020-04-09
今日学习数组方法splice()删除:指定两个参数(开始位置,要删除的项数)插入:指定三个参数(开始位置 0 要插入的项)替换:指定三个参数(开始位置,删除的项数,要插入的项)索引方法indexOf() 从数组抬头向后查找,使用全等操作符,找不到该元素返回-1,第一个参数为要查找的项,第二个为索引开始的位置lastIndexOf() 从数组末尾向前查找迭代方法every()...原创 2020-04-09 22:55:58 · 51 阅读 · 0 评论 -
2020-04-08
今日学习排序reverse() 反转数组项的顺序sort() 1.默认排序:该方法会调用每个数组项的toString() 转型方法,然后排序2.自定义排序:a.该方法可以接受一个比较函数作为参数,比较函数有两个参数b.如果第一个参数位于第二个参数之前,返回负数c.如果第一个参数位于第二个参数之后,返回正数var arr = [11,5,23,7,4,1,9,1];consol...原创 2020-04-08 21:16:17 · 55 阅读 · 0 评论 -
2020-04-07
今日学习数组1.使用Array构造函数var arr = new Array();var arr = new Array(20); //指定数组大小var arr = new Array(‘terry’,‘hello’,‘test’) //传入参数2.使用数组字面量var arr = [‘1’,‘2’,‘3’];var arr = [] 空数组数组长度 arr.length...原创 2020-04-07 18:21:41 · 79 阅读 · 0 评论 -
2020-04-03
今日学习函数内部属性arguments :是类数组对象,包含着传入函数中参数,arguments对象还有一个callee的属性,用来指向拥有这个arguments对象的函数 例如: num的阶乘,使用递归函数 function factorial(num){ if(num<=1){ return 1; }else{ //return num *...原创 2020-04-03 22:21:32 · 85 阅读 · 0 评论 -
2020-04-02
今日学习1.对象1) 检测属性in 检测某属性是否是某对象的自有属性或者是继承属性“toString” in studenthasOwnProperty()检测给定的属性是否是对象的自有属性,对于继承属性将返回falsevar o = {x:1}o.hasOwnProperty(“x”); //true, x 为o的自有属性o.hasOwnProperty(“...原创 2020-04-02 19:47:57 · 203 阅读 · 0 评论 -
2020-04-01
今日学习1.冒泡排序算法,将一组无序的数变成有序的[1,34,5,89,22]排序[1,5,22,34,89]计算机科学领域的较简单的排序算法原理如下:比较相邻的元素。如果第一个比第二个大,就交换他们两个。对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。针对所有的元素重复以上的步骤,除了最后一个。持续每次对越来越少的元素重复上面...原创 2020-04-01 16:25:50 · 63 阅读 · 0 评论 -
2020-03-31
今日学习1.do-while语句do{ }while(condition); 后测试循环语句,即只有在循环体中的代码执行之后,才会测试出口条件。循环体内的代码最少被执行一次。2.while语句 //初始条件while(condition){//循环条件//迭代条件}前测试循环语句,即在循环体内的代码被执行之前,就会对出口条件求值。因此,循环体内的代码有可能永远不会被执行。...原创 2020-03-31 17:44:56 · 82 阅读 · 0 评论 -
2020-03-30
今日学习流程控制语句if(条件){如果符合条件,运行if代码块中的内容}else{如果不符合if条件,运行else代码块中的内容}if(条件){如果符合条件,运行if代码块中的内容}else if(条件2){如果符合条件2,运行这个代码块中的内容}else if(条件3){如果符合条件3,运行这个代码块中的内容}else{}switch(a){case1:cons...原创 2020-03-30 18:04:19 · 59 阅读 · 0 评论 -
2020-03-27
今日学习算数运算符+如果两个操作数都是number类型,那么进行数学加运算console.log(1+2); //3如果两个操作数都不是string和object类型,将这两个数转化成number数据类型再相加console.log(null+null); //0console.log(undefined+1); //NaNconsole.log(true...原创 2020-03-27 16:30:32 · 76 阅读 · 0 评论 -
2020-03-26
今日学习js的逻辑与 逻辑或逻辑与&&同真为真,有假则假如果第一个数为假性值(’’,0,NaN,undefined,false,null)直接返回第一个数,否则返回第二个数true&&true //truefalse&&false //false1&&2 //20&&1 //0‘hello’&a...原创 2020-03-26 16:13:44 · 63 阅读 · 0 评论 -
2020-03-25
今日学习js中的五种基本数据类型undefinednullbooleannumberstring一种引用数据类型object 类型var obj = {name:‘zhangsan’,age:12key:‘test’}访问obj的属性1.点表示法obj.nameobj.age2.中括号表示法obj[‘name’]obj[‘age’]var key = ‘n...原创 2020-03-25 15:57:44 · 127 阅读 · 0 评论 -
2020-03-24
今日学习js的基础知识注释 //单行注释 /* */多行注释关键字if else var continue break…保留字class interface private protected…基本数据类型undefined类型 undefinedvar a;var a = undefined;null类型 nullvar a = null;und...原创 2020-03-24 17:27:34 · 62 阅读 · 0 评论 -
2020-03-23
今日学习1.JavaScript简介2.JavaScript的组成3.兼容性4.JavaScript的运行环境(浏览器和NodeJS)5.noscript6.基础语法7.关键字保留字8.变量9.数据类型HTML超文本标记语言javascript编程语言(三大组成)ECMAScript 通用基础语法 核心语法DOM 文档对象模型 兼容性文档节点,父元素,子元素,对页面...原创 2020-03-23 21:41:59 · 59 阅读 · 0 评论 -
2020-03-20
今日学习1.基础命令clear清屏mkdir 创建目录mkdir 目录名称在当前目录下新建目录rmdir 目录删除空目录more 预览文件内容空格翻页,回车换行,q退出touch 创建文件可以创建文件或者更改最近访问时间如果文件不存在创建文件,如果文件存在修改最后一次访问时间touch 文件名rm 删除文件rm -R 迭代删除文件或者文件目录2.history命...原创 2020-03-20 21:04:15 · 97 阅读 · 0 评论 -
2020-03-19
今日学习1.vim分屏使用2.vim基础配置3.基础命令1.vim分屏使用:split 横向分屏:vsplit 纵向分屏:open 目录 在当前分屏中打开指定文件或者目录Ctrl + ww 在不同的分屏中切换光标:close 关闭当前分屏:only 关闭除光标所在的窗口之外的其它窗口:vs 横向分屏打开另一个文件:sp 纵向分屏打开另一个文件2.vim基础配置...原创 2020-03-19 15:28:49 · 54 阅读 · 0 评论 -
2020-03-18
今日学习1.linux系统简介2.Unix和Linux和Ubuntu的关系是什么?Unix是内核,Linux是在Unix发展基础上的操作系统,Ubuntu是Linux操作系统中的具体某一个。Ubuntu与Linux的关系,相当于window10与window操作系统的关系Unix是爷爷,Linux是爸爸,Ubuntu是众多儿子中的一个。3./下的目录介绍bin 部分系统可执行文件目录u...原创 2020-03-18 19:02:14 · 66 阅读 · 0 评论