- 博客(20)
- 收藏
- 关注
原创 跨域--jsonp
jsonp跨域请求一、JSONPjsonp 请求方式:get 跨域:可以 使用条件:1.跨域 2.有一个参数是回调! 例如:http://suggestion.baidu.com/su?cb=callback&wd=123 使用: 1.创建一个script标签 var os=document.createElement("script") 2.给script一个src os.src="url"; 3.把script标签插入到页面 document...
2020-09-26 14:04:20
267
原创 Vue基础---侦听器、计算属性、过滤器和过渡动画
侦听器、计算属性、过滤器和过渡动画重点:侦听器 watch计算属性 computed过滤器 filter过渡动画 transition侦听器 --watch 监听 数据的改变Vue提供的watch监听,用来响应数据变化,当需要在数据变化时执行异步或开销较大的操作时,这个方式最有用①普通监听-函数<div id="app"> <h3>watch监听器</h3> <input type='text' v-model="msg"><
2020-09-26 11:24:52
284
原创 Vue基础---表单数据绑定及生命周期
表单数据绑定及vue生命周期重点表单数据绑定生命周期(vue重点)重点表单元素数据双向绑定vue生命周期及相关钩子函数表单数据绑定 - 定义变量定义为一个json,key和后端要求的字段保持一致 - 所有的表单元素通过v-model绑定数据 - 单选框 准备value文本与文本框域数据绑定表单中文本包括文本框和文本域,都通过v-model进行数据的双向绑定<div id="app"> <input type="text" v-model="msg">
2020-09-26 10:11:37
335
原创 Vue基础 ---指令系统
Vue指令系统vue 指令是什么?指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式 (v-for 是例外情况,稍后我们再讨论)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。vue常用指令:1.数据绑定非表单元素_单向数据绑定_:div span ul li h1-h6 p等{{}} v-html v-text模板语法:Vue.js 使用了基于 HTM
2020-09-24 23:01:33
231
原创 Vue基础--优点及基础语法
Vue 基础介绍Vue是什么?Vue.js是一套用于构建用户界面的渐进式框架,主要用于单页面应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。Vue优点1.易用 、灵活、 高效、 指令系统 、SPA(单页面应用) 、MVVM2.Vue 不支持IE8 及以下版本多页面应用:1个url 对应一个html页面,多个url对应多个html多页面应用有利于SEO优
2020-09-24 20:53:36
205
原创 大前端笔记08
HTML第一阶段day08ie8兼容问题1、ie8下a标签中的图片显示边框解决: img{ border:none; }2、背景属性的复合写法backgound: url("./pic.jpg") no-repeat left red ;属性值之间必须加空格,否则ie8无法显示透明方法1、rgba(0-255,0-255,0-255,0-1) 模式...
2019-12-16 13:33:08
95
原创 大前端笔记07
1、BFC是什么块级格式化上下文。 独立的渲染区域,规定的是块级盒子的渲染规则。2、生成BFC根标签float:left/rightoverflow:hidden/auto/scrolldisplay:inline-blockpostion:absolute/fixed3、BFC特性1)、块元素垂直排列2)、垂直的距离由外边距决定...
2019-12-11 22:06:07
94
原创 大前端笔记06
HTML第一阶段day06-定位定位三种布局方式: 文档流、浮动布局、层布局(定位)1、静态定位(不定位) position:static;静态定位的元素按照文档流内的位置排列2、相对定位 position:relative;偏移参考位置:本身在文档流内的位置不会脱离文档流,在文档流内的位置为其保留3、绝对定位position:absolute;偏移参考元素:离绝对定位的元素最近...
2019-12-02 22:07:15
116
原创 大前端笔记05
HTML第一阶段day05-浮动1、盒子类型转换display:block; 转换成块级display:inline; 转换成行内display:inline-block; 转换成行内块display:none; 隐藏2、标签的嵌套规则行内标签里面不能嵌套块级标签,只能放行内或者行内块a标签里面不能再套a标签块级标签里面可以放块级、行内、行内块级一些特殊语义...
2019-12-02 22:01:44
120
原创 大前端笔记04
HTML第一阶段day04-盒模型一、css三大特性层叠性冲突:就近原则不冲突:不会层叠继承性文本相关属性默认继承的 (text- font- line- color)特殊情况:a标签的下划线和颜色必须通过a标签本身设置,不会继承父级inherit 值用来主动继承父标签的属性优先级-基础选择器权重表:- id选择器(#)>类/伪类选择器(./:)>标签选择器(...
2019-11-28 22:07:31
133
原创 大前端笔记03
HTML第一阶段day03-基础CSS及选择器一、css入门层叠样式表 (cascading style sheets)用来规定页面上标签的样式1)、 css的引入方式A、行内式通过标签的style属性定义样式代码冗余,不符合结构表现相分离的原则少用 <div style="width: 100px;height: 100px;background-...
2019-11-28 08:56:18
159
原创 大前端笔记02
HTML第一阶段day02一、链接 a (行内标签)1、当前项目的不同页面之间的跳转 <a href="目标页面的相对路径">链接文本</a>2、跳转到其他的网站中的页面 (友情链接) <a href="网址">跳转其他网站</a>3、锚点链接: 定位到页面中的指定位置a :在需要定位的位置添加id属性...
2019-11-26 21:02:26
167
原创 大前端笔记01
HTML第一阶段day011、浏览器及内核五大浏览器及内核:ie – tridentchrome – blinkopera – blinksafari – webkitfirefox – gecko2、网页构成w3c:万维网联盟,专门来制定web标准的一个组织w3c标准(web标准): 由w3c组织制定的web相关的规范和标准网页三层结构结构层...
2019-11-25 21:39:48
139
原创 WEB基础笔记一
Web基础笔记01一、浮动float 浮动 让元素在行显示left 左浮动right右浮动二、选择器:标签选择器:div{}类选择器:.box{}后代选择器选择类名为box下的所有div.box div{}三、缩放:transform:scale(1); 等比例缩放transform:scale(x轴缩放,y轴缩放);四、延迟动画animation:scale(动画...
2019-11-16 18:51:18
168
原创 风和日丽纯HTML代码
Web基础篇HTML-06风和日丽此页面要求:风车转动;太阳慢慢升起后,云朵开始飘动。此页面主要知识点:溢出隐藏:overflow:hidden;动画:@keyframes 动画名称{0%{}100%{}}过渡动画:transition:要过渡的属性(all代表所有) 动画时间 延迟时间 运动曲线;html代码<body> <div class="box...
2019-11-16 18:46:24
488
原创 哆啦A梦纯HTML代码
Web基础篇HTML-05哆啦A梦此页面主要知识点:一、阴影: box-shadow:水平距离(必须) 垂直距离(必须) 模糊距离(可选) 阴影尺寸(可选) 阴影颜色(可选) inset(outset默认值)可选,内阴影或外阴影;设置多个阴影:用逗号隔开;二、径向渐变: background:radial-gradient()径向渐变circle 圆ellipse 椭圆clos...
2019-11-14 21:27:21
11911
1
原创 会动的小狗纯HTML代码
Web基础篇狗子要求:眼睛,舌头,尾巴可动此页面重点知识:一、子盒子在父盒子中绝对居中:margin:auto;left:0;right:0;top:0;bottom:0;第一步:给父级盒子设置相对定位;第二部:给子级盒子设置绝对定位;注意:定位的时候除了这种情况,左右不能同时设置,上下也不能同时设置;二、盒子的层级关系:z-index1)默认后写的标签层级要比先写的层级高...
2019-11-14 16:50:31
2734
原创 转动的太极纯HTML代码
Web基础篇HTML-03转动的太极图 <style> .box{ width:400px; height:400px; background-color:gray; margin:100px auto 0 auto; border-rad...
2019-11-14 15:52:50
4327
1
原创 跳动的心纯HMTL
Web前段基础HTML02-跳动的心动画效果图此页面包含的知识点:运动曲线:linear 匀速ease-in 慢进快出(由慢到快)ease-in-out 慢进慢出(由慢到快再有快到慢)alternate 动画往返动画效果:animation:scale(动画名称) 1s(执行时长) 0.2s(延迟时间) linear(运动曲线) infinite(运动次数) alter...
2019-11-14 15:42:15
278
原创 Android机器人纯HTML
Web前段基础HTML-01Android机器人<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2019-11-14 14:37:58
711
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人