笔记
文章平均质量分 65
孟陬拾陆
这个作者很懒,什么都没留下…
展开
-
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 · 705 阅读 · 0 评论 -
第三阶段 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 · 227 阅读 · 0 评论 -
第五天 promise和jsonp
1.promise 1.1promise 概念 promise是异步编程的一种解决方案,比传统的解决方案–回调函数和事件,更合理和强大。 简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。 从语法上说,promise是一个对象,从他可以获取异步操作的消息。promise提供统一的API,各种异步操作都可以用同样的方法进行处理。 1.2promise 的特点 有且只有两种,而且一个promise对象只能改变一次,无论变为成功还是失败,都会有一个结果数据,成功的结果数据一般为原创 2021-07-10 13:03:34 · 140 阅读 · 0 评论 -
第四天 同步和异步
1.同步异步 所有任务分为两种:一种是同步任务,另一种是异步任务。 2.1 同步任务 是指在主线程上排队整形的任务,只有前一个任务执行完毕,才能执行下一个任务。这就产生了一个问题,如果前一个任务耗时比较长,后续的任务则需要等待前一个任务执行完毕,从而阻塞代码的执行。 2.2 异步任务 在程序运行的时候,如果前一个任务耗时比较长,并不会等待任务返回结果,而是继续执行后续的任务。当前一个任务结果返回以后,再去执行相关任务。异步任务很好的解决了代码运行中的阻塞问题。 2.3 异步任务包括 定时器:setTime原创 2021-07-10 11:41:00 · 92 阅读 · 0 评论 -
第三天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 · 61 阅读 · 0 评论 -
第二天AJAX
1.ajax概念 AJAX( Asynchronous JavaScript and XML(异步的 JavaScript 和 XML) AJAX 是与服务器交换少量数据并更新部分网页的艺术,在不重新加载整个页面的情况下,对网页的某部分进行更新。 传统网站(不使用ajax),如果需要更新内容,必须重载整个网页页面。 2.ajax的优、缺点 (1)优点 用户体验好,对用户的操作做出及时的响应 不中断用户的操作的情况下与服务器通信 大大提升web程序性能 大大减轻web服务器和宽带的压力 (2)缺点 前进原创 2021-07-10 09:59:32 · 539 阅读 · 0 评论 -
第一天PHP语言
1.php介绍 php是一门后端语言。是一门服务端语言。运行在服务器端 php是PHP的后缀,我们能看懂代码即可 主要目标是允许web开发人员快速编写动态页码 2.基本语法 php可放于文档任何位置。以<?php开头 ,以?>结尾。 <?php #此处是代码 ?> PHP语句以分号结尾。 3.注释 <?php // 单行注释 # 单行注释 /* 多行注释 */ ?> 4.变量 <?php //原创 2021-07-10 09:36:52 · 73 阅读 · 0 评论 -
兼容性写法
兼容性写法 // 获取事件对象的兼容写法 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 · 164 阅读 · 0 评论 -
2021-06-23 day12
事件传播 事件流:页面接收事件的顺序 DOM事件流:事件在元素节点之间按照特定的顺序进行传播 特定的顺序: IE: 冒泡,事件触发时,是从最具体(触发的元素)的元素向上逐层传播,直达最顶层元素 网景:捕获,事件触发时,是从最顶层逐层向下传播,直达最具体元素 W3C:DOM事件流的标准: 捕获阶段 目标阶段 冒泡阶段 事件冒泡 oSon.addEventListener('click',function(){ alert('儿子') },fa原创 2021-06-23 20:43:38 · 72 阅读 · 0 评论 -
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 · 77 阅读 · 0 评论 -
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 · 111 阅读 · 0 评论 -
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 · 92 阅读 · 0 评论 -
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 · 121 阅读 · 0 评论