笔记
文章平均质量分 68
秃头小凡
没有了,真的一根都没有了
展开
-
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 · 253 阅读 · 0 评论 -
vue.js学习之组件(1)
组件化开发思想组件的出现,就是为了拆分vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可.组件化和模块化的不同模块化:是从代码逻辑的角度划分的,方便代码分层开发,保证每个功能模块的职能单一.组件化:是从ui 界面的角度划分,方便ui 组件的重用.定义组件三种方式1.使用vue.extend来创建全局组件 <div id="app"> <!-- 如果要使用组件,直接把组件的名称,以html标签原创 2021-03-14 00:13:04 · 144 阅读 · 0 评论 -
vue.js--生命周期函数
什么是生命周期从vue实例创建,运行到销毁期间,总是伴随着各种各样的事件,这些事件统称为生命周期.也叫做钩子函数等同于生命周期函数=生命周期事件生命周期函数的分类1.创建期间的生命周期函数(挂载)1.beforeCreate2.created3.beforeMount4.mounted2.运行期的生命周期函数(更新)1.deforeUpdate2.updated3.销毁期的生命周期函数1.beforeDestroy2.destroyedVue实例的产生过程1.beforeCr原创 2021-03-11 20:13:17 · 253 阅读 · 0 评论 -
vue学习之过滤器+小案例
过滤器的作用是什么?格式化数据,比如将字符串格式化为首字母大写,将日期格式化为指定的格式等.自定义过滤器Vue.filter((‘过滤器名称 ’, function( //过滤器业务逻辑})全局过滤器vue.js允许自定义过滤器,可被用作一些常见的文本格式化,过滤器可以用在两个地方:"mustache"插值和v-bind表达式,过滤器应该被添加在JavaScript表达式的尾部,由管道符指示. 全局过滤器是所有的实例都可以共享的带参数的过滤器Vue.filterformat ’’, f原创 2021-03-04 18:54:41 · 220 阅读 · 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 · 246 阅读 · 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 · 237 阅读 · 0 评论 -
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 · 125 阅读 · 0 评论 -
移动端第一天---Flex伸缩布局
移动端基础浏览器现状PC端常见浏览器:360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器:UC浏览器,QQ浏览器,欧朋浏览器,百度手机浏览器,360安全浏览器,谷歌浏览器,搜狗手机浏览器,猎豹浏览器,以及其他杂牌浏览器。国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过来的内核,国内尚无自主研发的内核,就像国内的手机操作系统都是基于Android修改开发的一样。总结:兼容移动端主流浏览器,处理Webkit内核浏览器即可。手机屏幕的现状原创 2021-01-13 09:19:21 · 211 阅读 · 0 评论 -
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 · 205 阅读 · 0 评论 -
HTML5新特性
HTML5新特性概述html5的新特性主要是针对以前html中的不足做出改进,增加了一些新标签,新的表单,新的表单属性等.xaml:可扩展应用程序标记语言,改善传统的winform界面xml:可扩展标记语言html:超文本标记语言这些新的特性具有的兼容性问题.而html5基本上都是基于IE9以上版本的浏览器才能支持.如果不考虑兼容性问题的话,可以大胆的使用.语义化标签让html标签具有各自的含义.基本上之前的布局全部使用的是div+类名,但是div对于搜索引擎而言是没有任何意义(搜索推广)原创 2021-01-09 17:16:29 · 136 阅读 · 0 评论 -
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 · 160 阅读 · 2 评论 -
元素的创建总结
元素的创建总结元素的创建document.write();element.innerHTML();document.createElement();区别使用document.write是直接将内容写入到页面的内容流区域,当文档流执行完毕,会导致页面全部重绘element.innerHTML:是将内容写入当前这个节点内部,并且不会导致页面重绘,还可以创建多个元素,工作效率更高,(不需要连接字符串操作),但是写法结构比较复杂document.createElement,创建元素但是只是创建原创 2021-01-04 09:46:09 · 123 阅读 · 0 评论 -
DOM API的基本操作之二
元素的创建总结元素的创建document.write();element.innerHTML();document.createElement();区别使用document.write是直接将内容写入到页面的内容流区域,当文档流执行完毕,会导致页面全部重绘element.innerHTML:是将内容写入当前这个节点内部,并且不会导致页面重绘,还可以创建多个元素,工作效率更高,(不需要连接字符串操作),但是写法结构比较复杂document.createElement,创建元素但是只是创建原创 2020-12-31 10:06:36 · 67 阅读 · 0 评论 -
webapi的基本操作
webapi的基本操作自定义属性可以在使用DOM操作元素的时候,可以给元素添加一些其原本没有的属性,来记录一些数据获取属性值元素对象.属性名 获取属性值元素对象.getAttribute(属性名) 获取属性值区别:通过对象名点属性名获取到的是元素的属性值,并且对css属性以css形式返回。不能获取到自定义属性的值通过getAttribute获取属性值,返回的结果是以字符串体现,可以获取到自定义属性的值设置属性值元素对象.属性名=属性值元素对象.setAttribute(属性名,原创 2020-12-21 09:47:31 · 151 阅读 · 0 评论 -
WebAPI基础学习
WebAPI介绍API概念API:应用程序接口,本质是一些函数接口,目的是提供应用程序与开发人员的某些软硬件操作的一些方便功能,类似于使用的成型产品。在使用的时候无需考虑其生产过程,直接使用即可WebAPI概念WebAPI是浏览器提供的一套有关于操作浏览器功能以及浏览器内页面元素的API(BOM和DOM)。现阶段主要针对于浏览器讲常用的API,主要针对浏览器做交互效果。API是为程序员提供的一些接口,帮我们实现一些功能,方便开发WebAPI是针对于浏览器提供的接口,主要针对浏览器做交互效果,里面原创 2020-12-19 17:31:19 · 353 阅读 · 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 · 89 阅读 · 0 评论 -
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 · 67 阅读 · 0 评论 -
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 · 82 阅读 · 0 评论 -
JS学习之this关键字上
JS学习之this关键字–上1.this关键字的含义:this关键字是一个非常重要的语法点.毫不夸张地说,不理解它的含义,大部分开发任务都无法完成.this可以用在构造函数之中,表示实例对象.除此之外,this还可以用在别的场合.但不管是什么场合,this都有一个共同点:它总是返回一个对象.简单说:this就是属性或方法"当前"所在的对象.this.property上面代码中,this就代表property属性当前所在的对象.下面是一个实际的例子var person = { name:原创 2020-12-08 18:53:18 · 75 阅读 · 0 评论 -
JS学习之面向对象
JS学习之面向对象什么是对象?在js中,对象的本质是对一组无序的相关变量(属性)以及函数(方法)进行组合的结果,将这些变量及方法进行统一再封装并对封装结果命名.从而叫做对象对象:属性+方法万事万物皆是对象,在程序中可以将生活中所有的事物映射成一个对象,已达到程序实现现实生活中的事务.属性:主要是对对象的特征描述,在对象中主要通过属性来表示(名词)方法:主要是对对象的行为描述,在对象中主要通过方法来表示(动词).为什么要使用对象?在记录一个数值时,基本上都是使用变量,保存多个数据值时,可以原创 2020-12-01 09:07:50 · 68 阅读 · 0 评论 -
js学习之预解析
什么是预解析HTML, css,js代码全部交由浏览器两个引擎,渲染引擎和js引擎两个负责执行的.js引擎负责对javascript代码进行执行处理,通过两个步骤完成js代码的执行任务,分别是预解析和代码执行.在当前变量或者函数等作用域下,js代码在执行之前,浏览器默认会将js代码中有关var或者function声明的变量或者函数在内存中进行提前声明以及提前定义.代码执行: 将预解析的结果进行从上往下逐步执行. console.log(num); var num=10;原创 2020-11-30 09:26:54 · 102 阅读 · 0 评论 -
js学习之-函数
函数函数的概念在JS里面,在开发过程中经常会遇到一种情况,某种算法或某些代码要经常出现或使用多次,对于这种情况使用for循环不是一种比较好的办法,for循环只能解决一些简单的重复使用问题,而遇到复杂的情况则需要使用函数的概念函数:将一段可能会被大量重复调用执行的代码段进行封装成一个整体,通过这个整体的名称(函数名)的调用就可以实现大量代码的重复调用函数的使用声明函数 function getMax(){ var arr=[2,5,4,3,8,原创 2020-11-28 10:23:02 · 124 阅读 · 1 评论 -
js的数组和排序算法
js学习之数组和冒泡排序数组的概念数组是可以将一组相关的数据一起存放,并且提供了一些方便访问以及获取的方式数组的本质是一组数据的集合,里面的每个成员数据称为元素,一个数组里面可以存放任意多个以及任意类型的数据(一个JS数组中的元素类型可以不相同)数组的创建使用关键字new创建直接使用[]进行创建 var arr=["张三","男",23]; console.log(arr);数组的创建方式1里面new后面跟的是Array,添加数组元素可原创 2020-11-27 09:05:01 · 75 阅读 · 0 评论 -
JS学习的的二天--变量
JS学习的的二天–变量变量:变量通俗的说就是一个装东西的盒子变量是用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改.变量的概述变量在内存中的存储本质:变量是程序在内存中申请的一块用来存放数据的空间.声明变量一般情况下声明变量:变量类型 变量名称.声明变量并初始化:变量类型 变量名称=变量值;js变量声明: var num1=10;数据类型计算机为了记录不同的数据,那么使用数据类型的概念,对数据进行分类,那么这样的结果利于数据的保存和使用.常用的数据类型:1.numb原创 2020-11-23 13:24:51 · 76 阅读 · 0 评论 -
初始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 · 79 阅读 · 0 评论 -
css学习之盒子模型
css学习之盒子模型网页定位的三大特性分别为:盒子模型 浮动 和定位网页布局的过程1.先准备好相关的网页元素,网页元素基本都是盒子2.利用css设置好盒子样式 ,然后摆放到相应位置.3.往盒子里装内容.盒子模型的组成border 边框 content 内容 padding 内边距 margin 外边距css盒子模型本质上是一个盒子 封装周围的html元素 包括 边框 外边距 内边距 和实际内容边框(border)border可以设置元素边框 边框组成:边框宽原创 2020-11-13 14:07:56 · 102 阅读 · 0 评论 -
css的元素显示模式
css的元素显示模式什么是元素的显示模式?元素(标签)以什么方式进行显示元素显示模式的分类html元素一般分为块元素和行内元素两种类型块元素:<h1>~<h6> <p> <ul> < ol> <li>等 <div>是最经典的块元素.特点:1.比较霸道 独占一行 2.宽.高,外边距都可以控制 3.是一个容器及盒子,可以放行内或者块元素文字类的元素内不能使用块级元原创 2020-11-09 19:52:01 · 60 阅读 · 0 评论 -
css基础学习第三天--复合选择器
css基础学习第三天–复合选择器后代选择器后代选择器又称包含选择器,可以选择父类元素里面子元素写法:把外层标签写在前面,内层标签写在后面,中间用空格分隔.<body> <ol> <li>我是ol的孩子</li> <li>我是ol的孩子</li> <li>我是ol的孩子</li> <li><a href="#">原创 2020-11-07 09:13:09 · 72 阅读 · 0 评论 -
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 · 98 阅读 · 0 评论 -
HTML的基础学习
HTML的基础学习今天我们来学习一下网页的制作首先我们要知道什么是网页网页大家都很熟悉,毕竟大家都是国家一级网络冲浪选手了 ,网页是指在因特网根据一定的规则展示特定的内容的数据.网页的构成: 图片 文字 声音 视频等元素组成.那什么是html呢?·HTML是超文本标记语言,它是用来描述网页的一种语言,带有标签格式的一种语言注意: html不是编程语言 是标记语言 希望初学的小伙伴不要记混啦.网页制作的标准我们日常使用的浏览器有好多,比如:ie浏览器,火狐浏览器,谷歌浏览器,360浏览器等等原创 2020-10-29 20:01:32 · 90 阅读 · 0 评论 -
pyhon算法---散列表
散列表学习目标散列表是最有用的基本数据结构之一,散列表用途广泛,本篇博客我们将学习散列表的内部机制:实现.冲突和散列表函数.散列函数:散列函数是将输入映射到数字散列函数输出的数字是没什么规律的,但是它必须满足一定的要求:1.它必须是一致的每次输入相同时,得到的也必须都相同2.它将不同的输入映射到不同的数字我们能在散列表中准确的找到存储的位置原因如下:1.散列函数总是将同样的输入映射到相同的索引2.散列函数将不同的输入映 射到不同的索引3.散列函数知道数组有多大,只返回有效的索引散列表是结原创 2020-09-18 16:49:22 · 142 阅读 · 1 评论 -
python算法学习---快速排序
分而治之的思想:一种著名的递归式问题的解决方法,在遇到问题时,我们用已知的算法不能够解决时,可以尝试使用掌握的各种问题的解决方法来找解决方案,分而治之是学习的一种通用的问题解决方法:案例:假设你是农场主,有块一块长1680m宽640米土地,你要将这块土地均匀的分成方块,且分出的方块要尽可能大:解决方法:1.找出基线条件,如果数组不包含任何元素或只包含一个元素,计算和将非常容易.2.不断将问题分解,(或者说缩小规模),知道符合基线条件,每次递归调用都必须离空数组更近一步.def tudi(a, b原创 2020-09-17 17:05:24 · 173 阅读 · 0 评论 -
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 · 124 阅读 · 0 评论 -
python算法---选择排序
计算机存储数据的原理:众所周知,我们内存的工作原理就像我们逛商场时的存物柜,每个柜子只能放进一个物品,你有两样物品要存,将物品存进(放进)柜子里后,你就可以去逛商场了!计算机就是多个柜子的集合,每个单独的柜子都有自己的地址而当我们需要存多个数据的时候,我们有两种基本方式----数组和链表数组:我们还是拿我们的日常生活举个栗子,你和你的三个好朋友一起去看电影,你们坐在一起是不是就得先保证有四个连在一起的座位,然后你又来了一个好朋友,但是两边并没有空位了,我们就得再找到五个连在一起的座位,或者让旁边的陌原创 2020-09-15 16:55:38 · 123 阅读 · 0 评论 -
linux基础学习之Ubuntu终端中常用命令总结
Ubuntu终端中常用命令总结1.ctrl + alt +t 可以快速的打开终端ls :查看当前目录信息-l :以列表方式显示-h:以大小单位显示,默认是字节,需要和-l 同时使用-a:显示隐藏文件和隐藏目录tree:以树状方式显示目录信息pwd:查看当前目录路径clear:清除终端内容cd 目录名:切换到指定目录cd ~:切换到当前用户的主目录cd … : 切换到上一级目录cd - :切换到上一次目录注意:使用cd命令切换目录时,必须要保证这个目录存在;cd后面不写目录等价于c原创 2020-08-13 20:19:48 · 237 阅读 · 0 评论 -
初识Linux之Linux基础指令(一)
linux是什么?什么是操作系统?opearation system (操作系统)我们先来简单的了解一下计算机的组成计算机由 硬件,操作系统,应用软件 这三个大类组成.硬件是计算机的物理载体操作系统是计算机与用户之间互相沟通的桥梁应用软件是满足用户多种需求的应用Linux就是操作系统的一种,常用的操作系统有Windows系列,mac系统,还有就是大名鼎鼎的Linux了.Linux操作系统的特点:Linux多用于服务器上,进行嵌入式开发. Linux有很多版本,个人桌面是Linux最为薄弱的原创 2020-08-09 11:42:57 · 112 阅读 · 0 评论 -
python学习之美味可口的“包“和“模块“
模块什么是模块python中的模块,是一个python文件,后缀名为.py,包含了python对象定义和python语句,模块中也能定义函数,类,变量,模块里也能包含可执行代码.导入模块的方法1.import 模块名[,模块名,模块名,…]2.from 模块名 import 功能名称[,功能名称,功能名称,…]3.from 模块名 import *(导入所有功能)4.import 模块名 as 别名5.from 模块名 import 功能名称 as 别名制作模块在Python中,每个Py原创 2020-08-06 20:34:49 · 99 阅读 · 1 评论 -
python基础学习之面向对象之四
python基础学习之面向对象之四多态不同子类的对象调用相同的父类方法,产生不同的结果特点调用的方法的技巧1.多态可以增加代码的灵活度2.以继承和重写方法为前提3.是调用方法的技巧,不会影响类的原本设计类成员对象成员和类成员对象成员指的是这个类中的成员如果要使用和访问只能通过,将类进行实例成一个对象,然后通过对象去访问这个成员,对象成员无法通过类名直接访问,不管是方法还是属性。类成员使用@classmethod修饰器进行修饰方法类成员指的是这个成员在外部的访问可以通过类的名称或者原创 2020-08-04 20:23:09 · 130 阅读 · 0 评论 -
python基础学习之面向对象之三
python基础学习之面向对象之三现在学习完开胃小菜 我们来学习重头戏面向对象的三大特征封装 继承 多态封装是指在面向对象编程的思想中,对代码进行高度的封装,封装又叫包装.封装在编程中的核心作用:整体化代码,便于携带,提高数据或算法的安全性.面向对象的编程思想核心:高类聚,低耦合–程序的设计模式的范畴.继承在程序中继承是指描述的是多个类之间的一个所属关系例如一个类A里面的所有的属性和方法可以复用,这个时候可以通过继承的方式,传递到类B里面 这里A类称之为父类(基类) B类称之为子类(派原创 2020-08-03 23:10:07 · 112 阅读 · 0 评论 -
python基础学习之面向对象之二
实例针对于基于某个类产生的对象,我们将这个对象称之为类的实例.代码中的类类是将一组函数或变量进行封装到一个变量中,类名就是这个变量名,类成员就是这个变量的引用中存放的内容.而类的实例就是对象,那么对象名就是一个新的变量名,对象名之后给的类可以理解为在内存中复制了一个类的引用中的内容.添加类成员添加方法:在类的内部直接声明函数,而且函数第一个参数一般自动为self(这个参数具有特殊的含义功能)添加属性的格式:对象名.属性名=属性值获取属性的格式对象名.属性名注意:通过类创建对象,然后原创 2020-08-03 19:41:24 · 79 阅读 · 0 评论