- 博客(68)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue.js组件之组件之间的数据传递
在说组件之间的传递问题之前 我,们先来道开胃菜—组件的切换第一种方式是使用v-if的方式来实现两个组件之间的来回切换 <div id="app"> <a href="" @click.prevent="flag=true">登陆</a> <a href="" @click.prevent="flag=false">注册</a> <login v-if='flag'></login
2021-03-14 23:39:31
246
原创 vue.js学习之组件(1)
组件化开发思想组件的出现,就是为了拆分vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可.组件化和模块化的不同模块化:是从代码逻辑的角度划分的,方便代码分层开发,保证每个功能模块的职能单一.组件化:是从ui 界面的角度划分,方便ui 组件的重用.定义组件三种方式1.使用vue.extend来创建全局组件 <div id="app"> <!-- 如果要使用组件,直接把组件的名称,以html标签
2021-03-14 00:13:04
135
原创 vue.js--生命周期函数
什么是生命周期从vue实例创建,运行到销毁期间,总是伴随着各种各样的事件,这些事件统称为生命周期.也叫做钩子函数等同于生命周期函数=生命周期事件生命周期函数的分类1.创建期间的生命周期函数(挂载)1.beforeCreate2.created3.beforeMount4.mounted2.运行期的生命周期函数(更新)1.deforeUpdate2.updated3.销毁期的生命周期函数1.beforeDestroy2.destroyedVue实例的产生过程1.beforeCr
2021-03-11 20:13:17
245
原创 vue学习之过滤器+小案例
过滤器的作用是什么?格式化数据,比如将字符串格式化为首字母大写,将日期格式化为指定的格式等.自定义过滤器Vue.filter((‘过滤器名称 ’, function( //过滤器业务逻辑})全局过滤器vue.js允许自定义过滤器,可被用作一些常见的文本格式化,过滤器可以用在两个地方:"mustache"插值和v-bind表达式,过滤器应该被添加在JavaScript表达式的尾部,由管道符指示. 全局过滤器是所有的实例都可以共享的带参数的过滤器Vue.filterformat ’’, f
2021-03-04 18:54:41
214
1
原创 vue第三天学习---vue表单元素
表单操作基于vue的表单操作1.input单行文本2.textarea 多行文本3.select 下拉多选4.radio 单选框5.checkbox 多选框<div id="app"> <form action=""> <div> 昵称: <input type="text" v-model="nick"> </div>
2021-03-03 20:17:09
240
1
原创 VUE学习第二天---指令
hi,今天昨天学习了vue的基础,今天我来分享一下vue的指令.什么是指令?1.指令的本质就是自定义属性2.指令的格式:以v开头(比如v-cloak)指令的分类1.内容绑定,事件绑定比如v-text v-html v-on2.显示切换,属性绑定比如v-show v-if v-bind3.列表循环,表单元素绑定比如v-for v-on v-model还有好多指令可以去vue官网查看官网：https://cn.vuejs.org/v2/api/内容绑定,事件绑定指令v-text设
2021-03-02 23:55:16
225
原创 vue学习的入门
一点小记时隔很久,再次更新博客,实在是不好意思,中间把博客停更了,发现要补的博客还很多,后面会努力补回来的!现在是3月,"金三银四"希望大家都能找到满意的工作,也不要忘记继续学习,充实自己哦!最近在学vue.js,从今天开始每天更新博客,希望大家可以一同学习,一起进步.vue基础(1)vue的创建者是中人"尤雨溪",2014年2月,vue.js正式发布,2015年10月27日,正式发布1.0.0.2016年4月27日,发布2.0的预览版本,最近vue.js3.0好像有消息了,对前端工作者来说,无疑
2021-03-01 23:26:15
122
原创 移动端第一天---Flex伸缩布局
移动端基础浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。手机屏幕的现状
2021-01-13 09:19:21
202
原创 H5C3新特性----动画
CSS3 2D转换转换(transform)是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放。缩放：scale移动：translate旋转：rotate倾斜：skew二维坐标系2D转换是改变标签在二维平面上的位置和形状的一种技术2D转换2D 转换是改变标签在二维平面上的位置和形状移动： translate旋转： rotate缩放： scale2D转换之移动translatetranslate语法x 就是 x 轴上水平移动y 就是 y 轴上水平移
2021-01-11 10:16:23
203
原创 HTML5新特性
HTML5新特性概述html5的新特性主要是针对以前html中的不足做出改进,增加了一些新标签,新的表单,新的表单属性等.xaml:可扩展应用程序标记语言,改善传统的winform界面xml:可扩展标记语言html:超文本标记语言这些新的特性具有的兼容性问题.而html5基本上都是基于IE9以上版本的浏览器才能支持.如果不考虑兼容性问题的话,可以大胆的使用.语义化标签让html标签具有各自的含义.基本上之前的布局全部使用的是div+类名,但是div对于搜索引擎而言是没有任何意义(搜索推广)
2021-01-09 17:16:29
133
原创 js的执行机制
JS的执行机制 console.log(1); setTimeout(function(){ console.log(3); },1000); console.log(2); //结果为 1，2，3 console.log(1); setTimeout(function(){ console.log(3); },0);
2021-01-08 09:10:09
157
2
原创 元素的创建总结
元素的创建总结元素的创建document.write();element.innerHTML();document.createElement();区别使用document.write是直接将内容写入到页面的内容流区域，当文档流执行完毕，会导致页面全部重绘element.innerHTML：是将内容写入当前这个节点内部，并且不会导致页面重绘，还可以创建多个元素，工作效率更高，(不需要连接字符串操作)，但是写法结构比较复杂document.createElement，创建元素但是只是创建
2021-01-04 09:46:09
120
原创 DOM API的基本操作之二
元素的创建总结元素的创建document.write();element.innerHTML();document.createElement();区别使用document.write是直接将内容写入到页面的内容流区域，当文档流执行完毕，会导致页面全部重绘element.innerHTML：是将内容写入当前这个节点内部，并且不会导致页面重绘，还可以创建多个元素，工作效率更高，(不需要连接字符串操作)，但是写法结构比较复杂document.createElement，创建元素但是只是创建
2020-12-31 10:06:36
64
原创 webapi的基本操作
webapi的基本操作自定义属性可以在使用DOM操作元素的时候，可以给元素添加一些其原本没有的属性，来记录一些数据获取属性值元素对象.属性名 获取属性值元素对象.getAttribute(属性名) 获取属性值区别：通过对象名点属性名获取到的是元素的属性值，并且对css属性以css形式返回。不能获取到自定义属性的值通过getAttribute获取属性值，返回的结果是以字符串体现，可以获取到自定义属性的值设置属性值元素对象.属性名=属性值元素对象.setAttribute(属性名,
2020-12-21 09:47:31
148
原创 WebAPI基础学习
WebAPI介绍API概念API：应用程序接口，本质是一些函数接口，目的是提供应用程序与开发人员的某些软硬件操作的一些方便功能，类似于使用的成型产品。在使用的时候无需考虑其生产过程，直接使用即可WebAPI概念WebAPI是浏览器提供的一套有关于操作浏览器功能以及浏览器内页面元素的API(BOM和DOM)。现阶段主要针对于浏览器讲常用的API，主要针对浏览器做交互效果。API是为程序员提供的一些接口，帮我们实现一些功能，方便开发WebAPI是针对于浏览器提供的接口，主要针对浏览器做交互效果，里面
2020-12-19 17:31:19
345
1
原创 JavaScript对象的那些事
内置对象JS中的对象总共分三种：自定义对象、内置对象、浏览器对象。前两种都是JS的基础内容属于ECMAScript。浏览器对象属于JS独有的，之后学习的Web API中专门讲解。内置独享包含哪些根据JS API(Application Program Interface)，开发文档说明，讲解的内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或者最基础的最必要的功能(常用的属性、函数等)JavaScript内置对象：Math、Date、Array、String等内置对象
2020-12-18 09:22:05
85
原创 js之对象的相关方法
js之对象的相关方法JavaScript 在Object对象上面，提供了很多相关方法，处理面向对象编程的相关操作。本章介绍这些方法。1.Object.getPrototypeOf()Object.getPrototypeOf() 方法返回参数对象的原型.这是获取原型对象的标准方法.var F = function () {};var f = new F();Object.getPrototypeOf(f) === F.prototype // true上面代码中,实例对象f的原型是F.pro
2020-12-16 09:32:57
63
原创 js之this关键字--下
js之this关键字–下JavaScript 语言之所以有this的设计,跟内存里面的数据结构有关系.var obj={foo:5};上面的代码将一个对象赋值给变量obj. JavaScript引擎会先在内存里面,生成一个对象{foo:5},然后把这个对象的内存地址赋值给变量obj.也就是说,变量obj是一个地址.后面如果要读取obj.foo,引擎先从obj拿到内存地址,然后再从该地址读出原始的对象,返回它的foo属性.原始的对象以字典结构保存,每一个属性名都对应一个属性描述对象.举例子来说,上面例
2020-12-14 09:25:54
80
原创 JS学习之this关键字上
JS学习之this关键字–上1.this关键字的含义:this关键字是一个非常重要的语法点.毫不夸张地说,不理解它的含义,大部分开发任务都无法完成.this可以用在构造函数之中,表示实例对象.除此之外,this还可以用在别的场合.但不管是什么场合,this都有一个共同点:它总是返回一个对象.简单说:this就是属性或方法"当前"所在的对象.this.property上面代码中,this就代表property属性当前所在的对象.下面是一个实际的例子var person = { name:
2020-12-08 18:53:18
71
原创 JS学习之面向对象
JS学习之面向对象什么是对象?在js中,对象的本质是对一组无序的相关变量(属性)以及函数(方法)进行组合的结果,将这些变量及方法进行统一再封装并对封装结果命名.从而叫做对象对象:属性+方法万事万物皆是对象,在程序中可以将生活中所有的事物映射成一个对象,已达到程序实现现实生活中的事务.属性:主要是对对象的特征描述,在对象中主要通过属性来表示(名词)方法:主要是对对象的行为描述,在对象中主要通过方法来表示(动词).为什么要使用对象?在记录一个数值时,基本上都是使用变量,保存多个数据值时,可以
2020-12-01 09:07:50
64
原创 js学习之预解析
什么是预解析HTML, css,js代码全部交由浏览器两个引擎,渲染引擎和js引擎两个负责执行的.js引擎负责对javascript代码进行执行处理,通过两个步骤完成js代码的执行任务,分别是预解析和代码执行.在当前变量或者函数等作用域下,js代码在执行之前,浏览器默认会将js代码中有关var或者function声明的变量或者函数在内存中进行提前声明以及提前定义.代码执行: 将预解析的结果进行从上往下逐步执行. console.log(num); var num=10;
2020-11-30 09:26:54
97
原创 js学习之-函数
函数函数的概念在JS里面，在开发过程中经常会遇到一种情况，某种算法或某些代码要经常出现或使用多次，对于这种情况使用for循环不是一种比较好的办法，for循环只能解决一些简单的重复使用问题，而遇到复杂的情况则需要使用函数的概念函数：将一段可能会被大量重复调用执行的代码段进行封装成一个整体，通过这个整体的名称(函数名)的调用就可以实现大量代码的重复调用函数的使用声明函数 function getMax(){ var arr=[2,5,4,3,8,
2020-11-28 10:23:02
120
1
原创 js的数组和排序算法
js学习之数组和冒泡排序数组的概念数组是可以将一组相关的数据一起存放，并且提供了一些方便访问以及获取的方式数组的本质是一组数据的集合，里面的每个成员数据称为元素，一个数组里面可以存放任意多个以及任意类型的数据(一个JS数组中的元素类型可以不相同)数组的创建使用关键字new创建直接使用[]进行创建 var arr=["张三","男",23]; console.log(arr);数组的创建方式1里面new后面跟的是Array，添加数组元素可
2020-11-27 09:05:01
71
原创 js学习之数据类型和运算符
js学习之数据类型和运算符数据类型为什么需要数据类型在计算机中，不同的数据所需要占据的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，因此定义了不同的数据类型。数据类型能够代表数据的特征和属性注意：JS中的数据类型，是js代码在运行时，由js引擎根据=后面的数据值的数据类型来明确的数据类型分类简单数据类型：Number，String，Boolean，Undefined，Null复杂数据类型：object简单数据类型简单数据类型说明Numbe
2020-11-26 09:14:28
94
原创 JS学习的的二天--变量
JS学习的的二天–变量变量:变量通俗的说就是一个装东西的盒子变量是用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改.变量的概述变量在内存中的存储本质:变量是程序在内存中申请的一块用来存放数据的空间.声明变量一般情况下声明变量:变量类型 变量名称.声明变量并初始化:变量类型 变量名称=变量值;js变量声明: var num1=10;数据类型计算机为了记录不同的数据,那么使用数据类型的概念,对数据进行分类,那么这样的结果利于数据的保存和使用.常用的数据类型:1.numb
2020-11-23 13:24:51
71
原创 初始JavaScript
初始JavaScript浏览器的执行js的简介浏览器分为两个部分:渲染引擎和js引擎渲染引擎:用来解析css和html 俗称内核js引擎:读取网页中的js代码 对齐处理后运行.浏览器本身不会执行js代码,而是通过内置的javascript引擎来执行js代码,js引擎执行代码时逐行解释每一句源码,然后计算机在执行.js的作用1.表单动态校验(js开发出来的第一目的)2.网页特效3服务器断开发(node.js)4.桌面程序(electron)5.app开发6.物联网7.游戏开发JS的
2020-11-19 16:56:30
76
原创 CSS学习之浮动
CSS学习之浮动css提供了三种传统的布局方式：1.普通流2.浮动3.定位html的传统布局方式是标准流(普通流/文档流):就是标签按照规定好的默认方式排列.块元素会独占一行,从上向下顺序排列.网页布局第一个准则:多个块元素纵向排列找标准流 多个块元素横向排列找浮动.为什么需要浮动?有很多的布局效果，标准流没有办法完成的，此时我们就需要利用浮动完成布局。因为浮动可以改变标签的默认的排列方式。浮动最典型的应用就是多个块元素一行排列显示float的语法:选择器{float:属性值}n
2020-11-16 18:39:34
97
1
原创 css学习之盒子模型
css学习之盒子模型网页定位的三大特性分别为:盒子模型 浮动 和定位网页布局的过程1.先准备好相关的网页元素,网页元素基本都是盒子2.利用css设置好盒子样式 ,然后摆放到相应位置.3.往盒子里装内容.盒子模型的组成border 边框 content 内容 padding 内边距 margin 外边距css盒子模型本质上是一个盒子 封装周围的html元素 包括 边框 外边距 内边距 和实际内容边框(border)border可以设置元素边框 边框组成:边框宽
2020-11-13 14:07:56
99
原创 css的元素显示模式
css的元素显示模式什么是元素的显示模式?元素(标签)以什么方式进行显示元素显示模式的分类html元素一般分为块元素和行内元素两种类型块元素:<h1>~<h6> <p> <ul> < ol> <li>等 <div>是最经典的块元素.特点:1.比较霸道 独占一行 2.宽.高,外边距都可以控制 3.是一个容器及盒子,可以放行内或者块元素文字类的元素内不能使用块级元
2020-11-09 19:52:01
56
原创 css基础学习第三天--复合选择器
css基础学习第三天–复合选择器后代选择器后代选择器又称包含选择器,可以选择父类元素里面子元素写法:把外层标签写在前面,内层标签写在后面,中间用空格分隔.<body> <ol> <li>我是ol的孩子</li> <li>我是ol的孩子</li> <li>我是ol的孩子</li> <li><a href="#">
2020-11-07 09:13:09
68
原创 css基础学习第二天
css基础学习第二天css的字体属性语法:p{ font-family:“宋体”;}font-family：字体类型 宋体 微软雅黑 黑体字体大小:语法: p{ font-size:20px;}字体大小： font-size:…px 默认的是16px 10px以下不起作用 (谷歌默认最小大小10-12px -webkit-text-size-adjust:none; 可以解决设置10px以下的 （新版浏览器已经支持10px以下)字体粗细:语法:p{font-we
2020-11-06 09:44:55
95
原创 简单上手css 你也可以
初识csscss是样式层叠表(cascading style sheets)的简称.css也是一种标记语言作用:设置html中的文本内容(字体,大小,对齐方式等) 图片的外形(宽高,边框样式,边距等)以及版面的布局和外观显示样式.css的语法规范css的规则由两个主要部分构成: 选择器以及一条或多条声明.选择器是用于指定css样式的html标签 花括号内是对该对象设置的具体样式.属性和属性值以键值对的形式出现.css的三种引入方式行内样式行内样式表就是在元素标签的内部的style属性中
2020-11-04 09:28:19
716
原创 HTML基础之列表,表单
HTML基础之表格,列表,表单表格昨天我们学习了html的基础,今天我们再来学习一下表格表格的作用:用于显示展示数据.语法:<table> <tr> <td><td/> <td><td/> <td><td/> <td><td/> <td><td/> <tr
2020-10-31 10:46:29
87
原创 HTML的基础学习
HTML的基础学习今天我们来学习一下网页的制作首先我们要知道什么是网页网页大家都很熟悉,毕竟大家都是国家一级网络冲浪选手了 ,网页是指在因特网根据一定的规则展示特定的内容的数据.网页的构成: 图片 文字 声音 视频等元素组成.那什么是html呢?·HTML是超文本标记语言,它是用来描述网页的一种语言,带有标签格式的一种语言注意: html不是编程语言 是标记语言 希望初学的小伙伴不要记混啦.网页制作的标准我们日常使用的浏览器有好多,比如：ie浏览器，火狐浏览器，谷歌浏览器，360浏览器等等
2020-10-29 20:01:32
86
原创 pyhon算法---散列表
散列表学习目标散列表是最有用的基本数据结构之一,散列表用途广泛,本篇博客我们将学习散列表的内部机制:实现.冲突和散列表函数.散列函数:散列函数是将输入映射到数字散列函数输出的数字是没什么规律的,但是它必须满足一定的要求:1.它必须是一致的每次输入相同时,得到的也必须都相同2.它将不同的输入映射到不同的数字我们能在散列表中准确的找到存储的位置原因如下:1.散列函数总是将同样的输入映射到相同的索引2.散列函数将不同的输入映 射到不同的索引3.散列函数知道数组有多大,只返回有效的索引散列表是结
2020-09-18 16:49:22
138
1
原创 python算法学习---快速排序
分而治之的思想:一种著名的递归式问题的解决方法,在遇到问题时,我们用已知的算法不能够解决时,可以尝试使用掌握的各种问题的解决方法来找解决方案,分而治之是学习的一种通用的问题解决方法:案例:假设你是农场主,有块一块长1680m宽640米土地,你要将这块土地均匀的分成方块,且分出的方块要尽可能大:解决方法:1.找出基线条件,如果数组不包含任何元素或只包含一个元素,计算和将非常容易.2.不断将问题分解,(或者说缩小规模),知道符合基线条件,每次递归调用都必须离空数组更近一步.def tudi(a, b
2020-09-17 17:05:24
171
原创 python算法学习---递归算法和栈的初见
应用场景：在日常开发中，如果要遍历一个文件夹下的所有文件，通常会用递归算法递归算法的特点:1.函数内部自己调用自己（递归条件）2.必须要有出口(基线条件）案例：#需求;3以内数字场景加和def sam_numbers(num): if num ==1: #出口 return 1#出口 #当前数字+当前数字-1的累加和 return num+sam_numbers(num-1) # 自己调用自己result=sam_numbers(3) #创建对象
2020-09-16 17:10:48
119
原创 python算法---选择排序
计算机存储数据的原理:众所周知,我们内存的工作原理就像我们逛商场时的存物柜,每个柜子只能放进一个物品,你有两样物品要存,将物品存进(放进)柜子里后,你就可以去逛商场了!计算机就是多个柜子的集合,每个单独的柜子都有自己的地址而当我们需要存多个数据的时候,我们有两种基本方式----数组和链表数组:我们还是拿我们的日常生活举个栗子,你和你的三个好朋友一起去看电影,你们坐在一起是不是就得先保证有四个连在一起的座位,然后你又来了一个好朋友,但是两边并没有空位了,我们就得再找到五个连在一起的座位,或者让旁边的陌
2020-09-15 16:55:38
120
原创 PYTHON学习之-----二分算法
什么是算法?算法是指解题方案的准确而完整的描述,是一系列解决问题的清晰指令,算法中的指令描述的是一个计算,当其运行时能从一个初始状态和(可能为空的)初始输入开始,经过一系列有限而清晰定义的状态,最终产生输出并停止于一个终态.二分算法假设要在电话簿中找一个名字以K打头的人，（现在谁还用电话簿！）可以从头开始翻页，直到进入以K打头的部分。但你很可能不这样做，而是从中间开始，因为你知道以K打头的名字在电话簿中间。又假设要在字典中找一个以O打头的单词，你也将从中间附近开始。这是一个查找问题，在前述所有
2020-09-14 17:03:10
231
原创 python基础拓展字典推导式和集合推导式
字典推导式的作用*快速合并列表为字典或提取字典中的目标数据案例1:list1=['name','age','gender']list2=['tom',20,'man']dict1={list1[i]:list2[i] for i in range(len(list1))}print(dict1)结果:{'name': 'tom', 'age': 20, 'gender': 'man'}如果两个列表的数据的个输不一样呢?那我们在看一下list1=['name','age','gend...
2020-08-24 14:14:21
184
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人