- 博客(20)
- 收藏
- 关注
RSS订阅原创 跨域--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
236
原创 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
254
原创 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
288
原创 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
221
原创 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
198
原创 大前端笔记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
85
原创 大前端笔记07
1、BFC是什么块级格式化上下文。 独立的渲染区域，规定的是块级盒子的渲染规则。2、生成BFC根标签float:left/rightoverflow:hidden/auto/scrolldisplay:inline-blockpostion:absolute/fixed3、BFC特性1）、块元素垂直排列2）、垂直的距离由外边距决定...
2019-12-11 22:06:07
87
原创 大前端笔记06
HTML第一阶段day06-定位定位三种布局方式： 文档流、浮动布局、层布局（定位）1、静态定位（不定位） position:static;静态定位的元素按照文档流内的位置排列2、相对定位 position:relative;偏移参考位置：本身在文档流内的位置不会脱离文档流，在文档流内的位置为其保留3、绝对定位position:absolute;偏移参考元素：离绝对定位的元素最近...
2019-12-02 22:07:15
105
原创 大前端笔记05
HTML第一阶段day05-浮动1、盒子类型转换display:block; 转换成块级display:inline; 转换成行内display:inline-block; 转换成行内块display:none; 隐藏2、标签的嵌套规则行内标签里面不能嵌套块级标签,只能放行内或者行内块a标签里面不能再套a标签块级标签里面可以放块级、行内、行内块级一些特殊语义...
2019-12-02 22:01:44
111
原创 大前端笔记04
HTML第一阶段day04-盒模型一、css三大特性层叠性冲突：就近原则不冲突：不会层叠继承性文本相关属性默认继承的 （text- font- line- color）特殊情况：a标签的下划线和颜色必须通过a标签本身设置,不会继承父级inherit 值用来主动继承父标签的属性优先级-基础选择器权重表:- id选择器(#)>类/伪类选择器(./:)>标签选择器(...
2019-11-28 22:07:31
124
原创 大前端笔记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
132
原创 大前端笔记02
HTML第一阶段day02一、链接 a （行内标签）1、当前项目的不同页面之间的跳转 <a href="目标页面的相对路径">链接文本</a>2、跳转到其他的网站中的页面 （友情链接） <a href="网址">跳转其他网站</a>3、锚点链接： 定位到页面中的指定位置a ：在需要定位的位置添加id属性...
2019-11-26 21:02:26
146
原创 大前端笔记01
HTML第一阶段day011、浏览器及内核五大浏览器及内核:ie – tridentchrome – blinkopera – blinksafari – webkitfirefox – gecko2、网页构成w3c：万维网联盟，专门来制定web标准的一个组织w3c标准（web标准）： 由w3c组织制定的web相关的规范和标准网页三层结构结构层...
2019-11-25 21:39:48
127
原创 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
140
原创 风和日丽纯HTML代码
Web基础篇HTML-06风和日丽此页面要求：风车转动；太阳慢慢升起后，云朵开始飘动。此页面主要知识点：溢出隐藏：overflow:hidden;动画：@keyframes 动画名称{0%{}100%{}}过渡动画：transition:要过渡的属性（all代表所有） 动画时间 延迟时间 运动曲线;html代码<body> <div class="box...
2019-11-16 18:46:24
464
原创 哆啦A梦纯HTML代码
Web基础篇HTML-05哆啦A梦此页面主要知识点：一、阴影： box-shadow:水平距离(必须) 垂直距离(必须) 模糊距离(可选) 阴影尺寸(可选) 阴影颜色(可选) inset(outset默认值)可选，内阴影或外阴影；设置多个阴影：用逗号隔开；二、径向渐变： background:radial-gradient()径向渐变circle 圆ellipse 椭圆clos...
2019-11-14 21:27:21
11571
1
原创 会动的小狗纯HTML代码
Web基础篇狗子要求：眼睛，舌头，尾巴可动此页面重点知识：一、子盒子在父盒子中绝对居中：margin:auto;left:0;right:0;top:0;bottom:0;第一步：给父级盒子设置相对定位；第二部：给子级盒子设置绝对定位；注意：定位的时候除了这种情况，左右不能同时设置，上下也不能同时设置；二、盒子的层级关系：z-index1）默认后写的标签层级要比先写的层级高...
2019-11-14 16:50:31
2608
原创 转动的太极纯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
4300
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
264
原创 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
667
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人