- 博客(37)
- 收藏
- 关注
RSS订阅转载 vue的初步使用day01
vue的使用步骤 导入js文件 创建vm实例对象 设置控制区域 enjoy VM实例的创建Vue是一个完全按照MVVM设计的框架M: ModelV: ViewVM: View ModelModel就是数据模型层, 在前端用于存储数据, MVVM的思想就是当Model存储数据后, 将数据渲染到指定的View区域, 当数据发生改变时也会自动同步到Vi...
2019-06-25 22:04:42
105
原创 移动web知识总结
zepto.js的使用Zepto是一个轻量级的针对现代高级浏览器的JavaScript 库， 它与jquery 有着类似的api。 如果你会用 jquery，那么你也会用 zepto。Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API，所以你能把你主要的精力放到...
2019-05-23 00:05:18
98
原创 bootstrap初次使用
响应式布局根据终端的屏幕尺寸的大小，改变页面的结构, 优点：大大降低了开发成本实现响应式布局： 媒体查询 + 栅格系统媒体查询判断页面的大小，显示不同的效果//当屏幕宽度小于1200px时,执行样式@media screen and (max-width: 1200px) { body { background-color: red; }...
2019-05-17 23:13:54
186
原创 H5C3知识点今日总结
1. 画布使用的基本步骤： 1） 获取画布对象： document.querySelector(".mycanvas"); 2） 获取上下文对象： canvas对象.getContext('2d'); 3） 通过上下文对象确定起点： ctx对象.moveTo(x,y坐标) 4） 第二个点： ctx对象.lineTo(x坐标，y坐标) 5） 描边： ctx对象.stro...
2019-05-13 23:35:48
160
原创 H5C3知识点今日总结
localStorage获取本地缓存的数据 localStorage.getItem('key')----字符串类型序列化数据： JSON.parse(字符串)----数组格式渲染页面----遍历数组中的元素，创建DOM对象，添加页面中Canvas创建Canvas元素向 HTML5 页面添加 canvas 元素。 规定元素的 id、宽度和高度： <canvas ...
2019-05-11 23:38:30
187
原创 H5C3知识点今日总结
常用新标签header：定义文档的页眉 头部nav：定义导航链接的部分footer：定义文档或节的页脚 底部article：定义文章。section：定义文档中的节（section、区段）aside：定义其所处内容之外的内容 侧边datalist 标签定义选项列表。请与 input 元素配合使用该元素fieldset 元素可将表单内的相关元素分组，打包 legend...
2019-05-06 21:29:07
191
原创 H5C3知识点今日总结
css3动画@keyframes声明动画@keyframes 名字 { from {} to{} 或者: 0% {} 100%{}}使用动画animation:动画名称 动画执行的时间 动画曲线 动画延迟时间 播放的次数 动画的方向动画速度曲线linear ...
2019-04-28 21:20:03
113
原创 H5C3知识点今日总结
CSS3高级选择器结构(位置)伪类选择器（CSS3):p:first-of-type : 匹配同类型中的第一个同级兄弟元素pp:last-of-type : 匹配同类型中的最后一个同级兄弟元素pp:first-child : 匹配父元素的第一个子元素p。p:last-child : 匹配父元素的第一个子元素p。p:nth-child(n) : 返回其父元素的第n个p...
2019-04-25 22:14:58
102
原创 Ajax今日知识总结
jQuery $.get() 方法$.get() 方法通过 HTTP GET 请求从服务器上请求数据。语法：$.get('url'，['传入的参数data{}'],successCallback(响应的内容，响应的状态),['返回的类型type'])jQuery $.post() 方法$.post() 方法通过 HTTP POST 请求从服务器上请求数据。语法：$.po...
2019-04-24 21:36:27
104
原创 Ajax第一天
什么是ajax？ asynchronous JavaScript and xml不用加载整个页面，只用更新部分页面----用来做数据交互的ajax的原理：通过xmlHttpRequest对象向服务器发送异步请求，从而从服务器中获取到数据，然后把这个数据通过js来操作DOM从而达到渲染页面的效果简单来说：ajax用于客户端和服务器端交换数据，可以实现在不重新加载整个页面的情况下，对网页...
2019-04-23 22:49:29
79
原创 jQuery知识点今日总结
页面加载事件 页面结构和外部资源加载完毕后执行 $(window).load(function() {}) 页面结构加载完毕后立即执行 $(document).ready(function() {}) // 简写形式1:jQuery(function() {})// 简写形式2: 需要掌握$(function() {})jQuery对象和DOM对象互转...
2019-04-22 21:31:42
160
原创 jQuery知识点今日总结
delay() 方法对队列中的下一项的执行设置延迟。参数一: 可选。规定延迟的速度。参数二:可选。规定队列的名称。trigger() 方法触发被选元素的指定事件类型。参数一:必需。规定指定元素要触发的事件。参数二:可选。传递到事件处理程序的额外参数。jQuery遍历方法:each() 方法规定为每个匹配元素规定运行的函数。语法:$(selector).eac...
2019-04-19 20:50:03
72
原创 jQuery知识点今日总结
empty()方法从被选元素移除所有内容，包括所有文本和子节点。remove() 方法移除被选元素，包括所有文本和子节点。clone() 方法生成被选元素的副本，包含子节点、文本和属性一个参数:可选。布尔值。规定是否复制元素的所有事件处理。text() 方法方法设置或返回被选元素的文本内容。html() 方法返回或设置被选元素的内容 (inner HTML)。val() ...
2019-04-17 21:53:39
140
原创 jQuery知识点今日总结
addClass()添加类名removeClass()移除类名hasClass()检查第一个元素是否包含指定的classtoggleClass() 对设置或移除被选元素的一个或多个类进行切换。attr()设置被选元素的属性和值。 语法:$(selector).attr(attribute,value) attribute 规定属性的名称 value规定属...
2019-04-16 23:33:32
65
原创 jQuery知识点今日总结
1.使用jquery的步骤①导入jquery库②写代码2. 入口函数window.onload=function(){}$(document).ready(function(){});$(function(){})3.$的实质：就是一个函数，用法：①参数为函数，入口函数 ②参数为DOM对象，将DOM对象转换为jquery对象 ③字符串，获取jquery对象4. j...
2019-04-15 22:56:54
72
原创 今日js高级知识点总结
正则表达式正则表达式：也叫规则表达式，按照一定的规矩组成一个表达式，这个表达式的作用主要是匹配字符串的"中国移动电话:10086,中国联通：10010，电信：10000"----可以写一个正则表达式找出所有的数字正则表达式的组成：由元字符或者限定符组成的一个式子作用：匹配字符串①元字符：. 表示除了换行符以外的任意一个字符 "fd大三的2323，、，、"[] 表示范围：...
2019-04-14 20:14:42
141
原创 今日js高级知识点总结
apply和call方法他们的作用是可以改变函数中this的指向apply方法： 函数名.apply(对象，[参数1，参数2...]);方法名字.apply(对象,[参数1，参数2...]);call方法：函数名.call(对象，参数1，参数2...);方法名字.call(对象，参数1，参数2...);第二个参数：函数中或者方法中的形参对应的实参bind方法在...
2019-04-11 23:52:58
75
原创 今日js高级知识点总结
原型和原型链通过首字母大写添加自定义构造函数,普通函数采用驼峰命名法构造函数中的原型对象（prototype）和实例对象中的原型对象（__proto__）是相同实例对象中的原型对象（__proto__）指向 构造函数中的原型对象（prototype）原型链：是一个关系，实例对象和原型对象之间的关系，关系是通过实例对象的__proto__联系的改变原型的指向//人的构造函数...
2019-04-10 23:29:15
241
原创 今日webAPI知识点总结
offsetLeft与style.left的区别offsetLeft 获取的是相对于父对象的左边距left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft...
2019-04-02 23:22:48
81
原创 今日webAPI知识点总结
常用的鼠标和键盘事件onmouseup 鼠标按键放开时触发onmousedown 鼠标按键按下触发onmousemove 鼠标移动触发onkeyup 键盘按键按下触发onkeydown 键盘按键抬起触发定时器setInterval(参数1,参数2);参数1: 要执行的函数.参数2: 时间,单位毫秒,设置定时器多少毫秒触发一次清除定时器： clearInter...
2019-04-01 22:31:26
134
原创 今日webAPI知识点总结
创建元素的三种方式第一种方式:document.write 例:document.write("<p>文本</p>")第二种创建方式: innerTHML 例: 父元素.innerHTML="<p>文本</p>"第三种方式创建:第一步使用createElement创建标签(空的):var pObj = document.crea...
2019-03-31 19:44:40
80
原创 今日webAPI知识点总结
获取页面元素的方法根据id获取元素，返回一个元素对象getElementById("id名");根据标签名获取元素，返回一个伪数组，数组里存的是多个DOM元素对象getElementsByTagName("标签名")下面的有些可能浏览器不支持根据name属性获取元素，返回一个伪数组，数组里存的是多个DOM元素对象getElementsByName("name属性的值")...
2019-03-27 22:08:04
231
原创 今日webAPI知识点总结
Web APIAPI的概念API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。JavaScript的组成包括:ECMAScriptBOM - 浏览器对象模型DOM - 文档对象模型获取页面元素的方法...
2019-03-26 22:07:45
151
原创 今日js知识点总结
String对象创建字符串对象 :var str = new String('Hello World');字符串对象的常用方法1 字符方法charAt() //获取指定位置处字符charCodeAt() //获取指定位置处字符的ASCII码str[0] //HTML5，IE8+支持 和charAt()等效2 字符串操作方法conc...
2019-03-25 22:32:34
262
原创 今日js知识点概要
对象万物皆对象例: 一只猫是一个对象,它名叫"大橘",年龄2岁,体重20斤,口号是"大橘为重"..如果用JavaScript表示如下:对象字面量创建对象var cat = { name: "大橘", age: 2, weight: "20斤" kouHao: function () { console.log("大橘为重") ...
2019-03-20 22:50:33
117
原创 今日js知识概要
arguments:argument是函数的一个内置属性,他存储了传递所有的实参.他是一个为数组,可以循环遍历匿名函数:就是没有名字的函数var 函数名 = function(){}自调用函数:(function () { alert(123);})();作用域:变量可以起作用的范围全局变量:var声明的变量,不在函数中声明,那么就是全局变量,作用于任何...
2019-03-19 23:57:27
151
原创 今日js知识点总结
数组所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。创建数组的方式:// 创建一个空数组var arr1 = []; // 创建一个包含3个数值的数组，多个数组项以逗号隔开var arr2 = [1, 3, 4]; // 创建一个包含2个字...
2019-03-18 19:23:54
117
原创 今日javascript知识点总结
循环结构while语句基础语法：while (循环条件) { //循环体}do...while语句do..while循环和while循环非常像，二者经常可以相互替代，但是do..while的特点是不管条件成不成立，都会执行一次。基础语法：do { // 循环体;} while (循环条件);for语句while和do...while一般用来解决无...
2019-03-15 20:41:31
90
原创 今日javascript知识点总结
数据类型简单数据类型Number、String、Boolean、Undefined、NullNumber类型数值字面量：数值的固定值的表示法浮点数var n = 5e-324; // 科学计数法 5乘以10的-324次方 浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数var result = 0.1 + 0.2; // 结果不...
2019-03-13 22:14:54
131
原创 今日javascript知识点总结
JavaScript是什么JavaScript 编程语言 流程控制Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时N...
2019-03-12 21:05:53
155
原创 今日知识总结
元素的显示与隐藏display 显示display : none 隐藏对象 与它相反的是 display:block 除了转换为块级元素之外，同时还有显示元素的意思。visibility 可见性visible : 对象可视 hidden : 对象隐藏特点： 隐藏之后，继续保留原有位置overflow 溢出visible : 不剪切内容也不添加滚动条。auto ...
2019-03-06 21:39:58
161
原创 今日知识点复习
元素的定位属性1、边偏移top /bottom /left /right 顶端偏移量，定义元素相对于其父元素上/下/左/右边线的距离也就说，以后定位要和这边偏移搭配使用了， 比如 top: 100px; left: 30px; 等等2、定位模式(定位的分类)在CSS中，position属性用于定义元素的定位模式，其基本语法格式如下：选择器{position:属性值;}p...
2019-03-05 21:34:56
251
原创 今日知识总结
浮动(float)元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。语法格式: 选择器{float:属性值;}. 属性值有left/right/none.浮动脱离标准流，不占位置，会影响标准流。浮动只有左右浮动。清除浮动清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0 的问题。清除浮动的方法额外标签法是W3C推荐的做法...
2019-03-04 21:59:26
263
原创 今日知识总结
盒子模型盒子边框（border）语法: border : border-width || border-style || border-color常用属性:none：没有边框即忽略所有边框的宽度（默认值）solid：边框为单实线(最为常用的)dashed：边框为虚线dotted：边框为点线double：边框为双实线综合写法: border-style/wi...
2019-03-03 21:15:18
283
原创 今日知识复习
CSS复合选择器交集选择器:交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格.例 p.one{}选择的是： 类名为 .one 的 段落标签。并集选择器:并集选择器是各个选择器通过逗号连接而成.并集选择器就是和的意思.例:.one, p , #test {}后代选择器:后代选择器又称为包含选择器，用来选择元素或元素组的后代....
2019-03-01 14:46:37
237
原创 今日知识总结(第二天html+css)
1.表单标签<input/>是单标签type="text"--单行文本输入框type="password"--密码输入框type="radio"--单选按钮type="checkbox"--复选框type="button"--普通按钮type="submit"--提交按钮type="reset"--重置按钮
2019-02-27 22:45:53
75
原创 html第一天知识总结
一.web标准Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。理想状态我们的源码： .HTML .css .js .二.HTML的标签1.为什么要标签的语义化?①方便代码的阅读和维护②同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容③使...
2019-02-26 22:51:22
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人