- 博客(19)
- 收藏
- 关注
RSS订阅原创 HTML5学习（五）---Canvas（1）
Canvas绘图Canvas起步只要给它指定三个属性：id、width和height<canvas idi="drawingCanvas" width="500" height="300"></canvas>因为一开始canvas在页面显示空白的矩形，所有如果需要显现出来，可以识别边框或者背景。先使用id取得对象，然后使用该对象的getContext()方法，取得二维绘图上下文。var canvas = document.getElementById("drawingC
2021-02-06 21:28:22
127
原创 vue实战总结（三）
vue实战总结（三）vue点击跳转，传递参数给下一个页面方法一：params 传参this.$router.push({ name:"admin", //这里的params是一个对象，id是属性名，item.id是值(可以从当前组件或者Vue实例上直接取) params:{id:item.id}}) 对应的路由配置{ //组件路径 path: '/admin', //组件别名 name: 'admin', //组件名 component
2021-02-02 14:59:01
116
原创 HTML5学习（四）---Web表单
音频和视频HTML5音频与视频<audio src="rubberfuckies.mp3" controls></audio>src属性是要播放的音频文件的文件名。controls属性是基本的播放控件preload属性告诉浏览器如何下载音频，没有设置该属性，浏览器会自己决定是否预下载。auto，让浏览器下载整个文件metadata告诉浏览器先获取音频文件开头的数据，从而足以确定基本信息none，告诉浏览器不必预先下载autoplay属性，告诉浏览器在加载
2021-02-02 09:46:31
155
原创 Vue3实战总结（二)
Vue3.0做项目过程中问题小总结setup函数root参数相当于2.0中的thisaxios请求倒计时和超时超时：在create设置timeout，当超过指定时间，请求依然没有响应，为请求超时引入接口调用拦截器import axios from 'axios' // 创建axios const service = axios.create({ // baseURL:'https://some-domain.com/api/', // timeout
2021-01-31 22:33:41
1148
原创 vue实战总结
路由获取路由列表全局组件两种模式compilerruntime（默认）修改指向文件，指向vue.js定义全局组件在src目录下建立icons文件夹，建立index.js文件，在其中定义组件，再引入到main.js中，最后把花括号里面的内容抽离到一个vue文件中svg文件父子组件传值propdataswatchcomputed...
2021-01-31 11:59:04
548
2
原创 学习响应式设计
响应式基础什么是响应式媒体查询不会影响html，只是影响使用css后应用到页面的样式常见的媒体查询是询问设备视口角度而不是屏幕宽度。视口是屏幕上显示网站的区域。在pc上，媒体查询会检测窗口内的空间，根据窗口大小变化判断视口变化。在移动设备上，屏幕和视口总是相同的。媒体查询结构@media only screen and (min-width:40em){ body {backgroud-color:blue;} } "only会让那些老式浏览器忽略整个查询"在link中使
2021-01-31 11:22:38
113
原创 HTML5学习（三）---Web表单
Web表单理解表单表单基本工作方式都是用户填写信息然后单击按钮提交，浏览器手机输入的信息，并将其发送给Web服务器。传统表单form元素用来组织表单部件，负责告诉浏览器数据提交到哪，方法是在action中提供一个URL表单控件里面的input通过占位符文本添加提示使用placeholder属性创建占位符<input id="name" placeholder="xiaoming">焦点：挑选正确的起点在相应的元素上通过JavaScript调用focus()方法，帮助用户完成
2021-01-30 22:59:19
270
原创 HTML5学习（二）---构造网页
构造网页语义元素使用理由：容易修改和维护无障碍性搜索引擎优化搜索机器人自动在Web中爬行并获取每一个网页，然后扫描网页内容将它们索引到搜索数据库中，如果搜索引擎能更好理解你的站点，搜索者的查询会越容易匹配你的内容，你的网站列在搜索结果中的可能性越大。改造传统HTML页面使用HTML5构造< div>构造问题在于，它本身不能反映页面相关任何信息。使用语义元素构造页面：<!DOCTYPE html><html lang="en"><h
2021-01-30 15:47:37
147
原创 HTML5学习（一）---HTML5简介
HTML5简介三个主要原理不破坏Web 标准不应该引入导致已有的网页无法工作的改变。修补牛蹄子路实用至上HTML5标记HTML5文档类型每个HTML5文档第一行都必须是一个特定的文档类型声明，用于告知后面的HTML5内容。使用声明是为了浏览器知道要使用标准模式。字符编码meta元素添加字符编码<head> <meta charset="utf-8")> <title> A Tiny HTML Document
2021-01-30 11:15:13
102
原创 javascript高级程序设计学习笔记（十）---离线应用与客户端存储
离线应用与客户端存储离线检测HTML5定义了navigator.onLine属性，表示设备能否上网。还有两个事件online和offline。当网络从离线变为在线或者从在线变为离线时，分别触发这两个事件。这两个事件在window对象上触发。应用缓存Appcache使用浏览器缓存中分出来的一块缓存区，可以使用一个描述文件，列出要下载和缓存的资源，在这保存数据。在页面中，可以在< html>中的manifest属性值指定这个文件的路径，告诉页面哪里包含着描述文件。文件类型为text/ca
2021-01-29 14:21:49
82
原创 javascript高级程序设计学习笔记（九）---高级技巧
高级技巧高级函数安全的类型检测由于原生数组的构造函数名与全局作用域无关，因此使用toString就能保证返回一致的值。function isArray（value）{ return Object.prototype.toString.call(value) == "[object Array]" ;}var isNativeJSON = window.JSON&&Object.prototype.toString.call(JSON) == "[object JSON]“
2021-01-28 16:20:32
90
原创 javascript高级程序设计学习笔记（八）---AJAZ与Coment
AJAZ与ComentXMLHttpRequest对象使用MSXML中的XHR对象function createXHR(event) { if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); }else if(typeof ActiveXObject != "undefined"){ if(typeof arguments.callee.activeXString !
2021-01-27 23:09:12
247
原创 javascript高级程序设计学习笔记（七）---HTML5脚本编程
HTML5脚本编程跨文档消息传递跨文档消息传递，指的是在来自不同域的页面间传递消息。核心是postMessage方法。目的是向另一个地方传递数据，这里的另一个地方指的是包含当前页面的< iframe>元素，或者当前页面弹出的窗口接收的参数：一条消息一个表示消息接收方来自哪个域的字符串var iframeWindow = document.getElementById("myframe").contentWindow;iframeWindow.postMessage("hell
2021-01-26 17:03:02
90
原创 javascript高级程序设计学习笔记（五）---DOM（2）
DOM2、DOM3DOM变化扩展了API，以满足操作XML的所有需求，提供更好的错误处理。实现了对明明空间的支持。XML命名空间XHTML支持XML命名空间。命名空间使用xmlns特性指定，包含着< html >元素中。样式访问样式HTML元素在javascript中有个style属性，是CSSStyleDeclaration的实例，包含通过HTML的style特性指定的所有样式，不包含外部样式表或嵌入样式表的样式。var myDiv = document.ge
2021-01-24 23:55:00
149
原创 javascript高级程序设计学习笔记（四）---DOM（1）
初步认识DOM的层次结构，理解DOM树模型和原理，并且通过相关的DOM操作，让页面操作更方便。
2021-01-23 18:51:54
115
原创 javascript高级程序设计学习笔记（三）---BOM
BOMwindow对象全局作用域在全局作用域中声明的变量、函数都会变成window对象的属性和方法窗口与框架因为window是浏览器的一个实例，如果页面中包含框架，则每个框架都有自己的window对象，保存在frames集合中，可以使用window.frames[i]或top.framesi引用这些框架，或者使用parent引用上一层框架。self对象始终指向window因为在框架下，每个框架下定义的全局变量都会变成框架中window对象的属性，每个框架又都有自己的构造函数，因此有可能各构造函
2021-01-22 12:22:58
142
原创 javascript高级程序设计学习笔记（二）---函数表达式
函数表达式递归在函数中调用身，但是要有调用终止的判断，否则会无限调用，消耗内存空间使用arguments.callee，指向正在执行的函数的指针，用来实现函数的递归调用function factorial(num){ if(num <= 1){ return 1 }else{ return num*arguments.callee(num-1) }}闭包闭包是指有权访问另一个函数作用域中的变量的函数，因此可以通过在一个函数内部创建
2021-01-21 12:43:42
102
原创 javascript高级程序设计学习笔记（一）---面向对象
面向对象对象数值属性四个属性configurable表示可否删除属性enumerable表示是否可以循环属性writable表示是否可写value属性的值访问器属性通过Object.defineProperty定义两个参数：第一个对象是要添加和修改其属性的对象，第二个对象的属性与第一个对象中要添加或修改的属性意义对应configurable通过delete删除属性从而重定义属性enumerable通过for-in循环返回属性ge
2021-01-20 22:19:44
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人