- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue语法（model层）vue的配置项
样式操作操作样式，就是属性绑定，只不过绑定的属性是class和style，vue在class和style属性上做了加强，给样式属性赋的值还可以是对象，数组。绑定姿势（格式）<div v-bind:class="数据|属性|变量|表达式"></div><div v-bind:style="数据|属性|变量|表达式"></div>属性值的类型支持 字符串/对象 / 数组<div :class="{active:true,t1:false
2021-08-07 10:55:05
659
原创 第三阶段 vue初识
一.vue框架的两大核心（1） 数据驱动（2）组件化1.1、mv*模式库vs框架把一小部分通用的业务逻辑进行封装（函数），多个封装形成一个模块或者文件，多个模块或者文件就发展成库或者框架。库 函数库，不会改变变成的思想，如：jQuery。框架 框架改变了编程思想，代码的整体结构，如：vue，react，小程序等等。1.2、MVC架构模式MVC的出现使用在后端（全栈时代）M：model，模型，主要完成业务功能，在数据库相关的项目中，数据库的正删改查属于模型。V：view
2021-08-03 22:35:57
193
原创 第五天 promise和jsonp
1.promise1.1promise 概念promise是异步编程的一种解决方案，比传统的解决方案–回调函数和事件，更合理和强大。简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，promise是一个对象，从他可以获取异步操作的消息。promise提供统一的API，各种异步操作都可以用同样的方法进行处理。1.2promise 的特点有且只有两种，而且一个promise对象只能改变一次，无论变为成功还是失败，都会有一个结果数据，成功的结果数据一般为
2021-07-10 13:03:34
125
原创 第四天 同步和异步
1.同步异步所有任务分为两种：一种是同步任务，另一种是异步任务。2.1 同步任务是指在主线程上排队整形的任务，只有前一个任务执行完毕，才能执行下一个任务。这就产生了一个问题，如果前一个任务耗时比较长，后续的任务则需要等待前一个任务执行完毕，从而阻塞代码的执行。2.2 异步任务在程序运行的时候，如果前一个任务耗时比较长，并不会等待任务返回结果，而是继续执行后续的任务。当前一个任务结果返回以后，再去执行相关任务。异步任务很好的解决了代码运行中的阻塞问题。2.3 异步任务包括定时器：setTime
2021-07-10 11:41:00
60
原创 第三天HTTP和Cookie
1.ajax封装 function ajax(options){ var xhr = new XMLHttpRequest(); // 获取请求参数 var params = formdata(options.data); //a=1&b=2 // get请求 if (options.type=="GET") { xhr.open(options.type,options.url+'?'+params,options.isAsync);
2021-07-10 10:36:52
45
原创 第二天AJAX
1.ajax概念AJAX( Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)AJAX 是与服务器交换少量数据并更新部分网页的艺术，在不重新加载整个页面的情况下，对网页的某部分进行更新。传统网站（不使用ajax），如果需要更新内容，必须重载整个网页页面。2.ajax的优、缺点（1）优点用户体验好，对用户的操作做出及时的响应不中断用户的操作的情况下与服务器通信大大提升web程序性能大大减轻web服务器和宽带的压力（2）缺点前进
2021-07-10 09:59:32
523
原创 第一天PHP语言
1.php介绍php是一门后端语言。是一门服务端语言。运行在服务器端php是PHP的后缀，我们能看懂代码即可主要目标是允许web开发人员快速编写动态页码2.基本语法php可放于文档任何位置。以<?php开头 ，以?>结尾。 <?php #此处是代码 ?>PHP语句以分号结尾。3.注释 <?php // 单行注释 # 单行注释 /* 多行注释 */ ?>4.变量 <?php //
2021-07-10 09:36:52
59
原创 兼容性写法
兼容性写法// 获取事件对象的兼容写法 getEvent: function(event){ return event ? event : window.event; } // 获取键盘码的兼容写法 var keyCode = e.keyCode || e.which //获取事件对象目标的兼容性写法 getTarget: function(event){ return event.target || event.srcElement; }判断是否同时
2021-06-29 08:28:45
150
原创 2021-06-24 day13
事件委托每一个元素都有一个点击事件，消耗性能事件委托：利用冒泡机制，将事件统一交给父级处理, 降低系统性能消耗虽然给ul添加的点击事件，但是我们可以利用target找到点击的事件源 oUl.onclick = function(e){ var ev = e || window.event;// 事件对象的 var t = e.target || e.srcElement;//事件源的 console.log(t.inner
2021-06-24 21:22:13
76
原创 2021-06-23 day12
事件传播事件流：页面接收事件的顺序DOM事件流：事件在元素节点之间按照特定的顺序进行传播特定的顺序：IE： 冒泡，事件触发时，是从最具体(触发的元素)的元素向上逐层传播，直达最顶层元素网景：捕获，事件触发时，是从最顶层逐层向下传播，直达最具体元素W3C：DOM事件流的标准：捕获阶段目标阶段冒泡阶段事件冒泡oSon.addEventListener('click',function(){ alert('儿子') },fa
2021-06-23 20:43:38
54
原创 2021-06-20 day10
1.页面滚出去的高页面只要滚动了就会触发 window.onscroll = function(){ var oTop = document.body.scrollTop ||document.documentElement.scrollTop; console.log(oTop); }2.自定义属性和固有属性固有属性input 有value type … 设置固有属性 元素.属性名 = 属性值自定义属性设置自定义属性 (自己定义的属性 a ，b，clas
2021-06-23 20:21:28
64
原创 2021-06-22 day11
1.offset系列offsetWidth 占位宽 元素的宽度（包括border 和padding）offsetHeight 占位高 元素的高度（包括border 和padding）clientWidth 可视宽度 （不包括border）clientHeight 可视高度offsetLeft : 获取距离具有定位的父级元素的left值。没有具有定位的父级就按照浏览器窗口为基准offsetTop : 获取距离具有定位的父级元素的top值2.什么是事件&事件
2021-06-22 19:17:00
98
原创 2021-06-18 day9
Bom对象BOM:浏览器对象模型（地址栏，历史记录，屏幕，滚动条，关闭）顶级对象window的五个子对象（1）document 文档对象（2）history 历史记录对象（3）location 地址栏对象（4）screen 屏幕对象（5）navigtor 浏览器对象window对象的方法alert(“”）显示带有一段消息和一个确认按钮的警告框。confirm(“”）显示带有一段消息以及确认按钮和取消按钮的对话框。prompt(“”）显示可提示用户输入的对话框。o
2021-06-19 15:44:35
78
原创 2021-06-17 day8
字符串substr(开始下标，截取的长度)substring(开始下标，结束下标)slice(开始下标，结束下标)indexOf() : 查找字符串首次出现的索引位置trim() 去除前后空格toLowerCase() 转小写toUpperCase() 转大写replace(‘a’,’’)； 找到第一个匹配的元素，替换成Math方法Math.random() 随机数Math.abs() 取绝对值Math.round() 舍四进五Math.ceil() 向上取整Ma
2021-06-18 18:51:26
107
原创 2021-06-16 day7
1.数组新增every()—检测数组元素的每个元素是否都符合条件。&& 返回一个布尔值下例检测数组中的所有元素是否都大于 50。var arr = [98,88,80,78,67,67,76];var flag = arr.every(function(element,index,array){return element>=50;})console.log(flag);some()—检测数组元素中是否有元素符合指定条件。|| 它返回的是一个布尔的值检测
2021-06-16 18:42:24
116
2
原创 2021-06-15 day6
1.关于数组1.1首先了解对象万事万物皆对象:对象是一组无序的相关属性和方法的集合； 属性：指静态的描述信息 方法：指动态的行为比如：var obj={}//对象属性obj.name="张三"obj.age=18obj.weight=200//对象的方法：obj.eat=function(){ 函数内容【让其做的事情】}对象的属性由键值对组成，又可表达成：var obj={ name="张三", age=18, weight=200 }// for in循环
2021-06-15 20:36:17
63
原创 2021-06-13 day5
1.1作用域作用域：代码的作用范围，一段代码起作用的区域 全局作用域： 在函数外面定义的变量 全局位置定义的变量称为全局变量， 会保存在一个叫window对象里面 全局变量的生命周期：页面一打开变量就起作用了，页面已关闭，变量就起作用了全局作用域里面定义的变量，哪哪都能访问 var n = 20; console.log(n);//20 function fn() { console.log(n); } fn(
2021-06-13 12:26:10
106
2
原创 2021-06-13 day4
1. 函数1.1 函数概念函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的 重复使用。// 不用函数求 1~10的累加和var sum = 0;for (var i = 1; i <=10; i++) { sum += i; }console.log(sum);//使用函数 //函数就是封装了一段可以被重复执行调用的代码块 目的： 就是让大量代码重复使用 function getSum(num1, num2) { var sum = 0; for
2021-06-13 12:17:04
127
4
原创 2021-06-09 day3
for循环语法：for(表达式1；表达式2；表达式3) { 循环体; }（1）利用三个表达式把循环控制与循环体分离，结构更加清晰。是使用最多的循环语句。（2）表达式1初始化循环变量，表达式2判断循环条件，表达式3改变循环变量的值。for循环嵌套：外层循环控制行数，内层循环控制每行的个数。while循环语法:while(表达式){ 循环体; }（1）每次循环前判断表达式，表达式成立后执行循环体语句。（2）循环体中，应有结束循环的条件(有个代码朝着循环条件不满足的
2021-06-09 20:02:29
82
原创 2021-06-08 day2
if语句1.if单分支语句if(“条件表达式”){}2.if双分支语句if(“条件表达式”){}else{}3.if多分支语句if(“条件表达式”){}else if（）{} else if（）{}…else{}Switch语句switch(“表达式”){case （常亮）：break；case （常亮）：break；case （常亮）：break；default：}...
2021-06-08 21:15:46
65
原创 2021-06-05 day1
JS的概述1.可以干的事情游戏、页面动效、表单验证、服务端、智能检索2.运行在客户端（浏览器）的解释型脚本语言解释型：代码从上到下一边解释一边运行JS的历史95年布莱登·艾奇用10天完成JavaScrip设计，用来表单验证，最初命名为LiveScript。后来sun合作改为JavaScrip。JS的组成ECMAScript（语法）、DOM、BOMDOM：文档对象模型BOM：浏览器对性模型js本质：可以通过即代码操作文档，浏览器。JS的书写位置1.行内式2.嵌入式写在html结构
2021-06-07 21:14:27
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人