摘要:
fileReader的方法与事件 fileReade实现图片预加载 fileReade实现文件读取进度条 fileReade的与file.s实现文件切片读取 一、fileReader的方法与事件 1.方法 FileReader.abort():终止读取操作。返回时,readyState属性为DONE 阅读全文
摘要:
worker概述 worker基本使用 window下的postMessage worker多线程的应用 一、worker概述 web worker实际上是开启js异步执行的一种方式。在html5之前有事件、定时器、http请求三种异步机制,js本身并不能主动将一块代码使用异步的方式执行,worke 阅读全文
摘要:
history hashchange与popstate 一、history history.back():加载history列表中的前一个URL history.forward():加载history列表中的下一个URL history.go(n):加载history列表中的某一个具体页面 hist 阅读全文
摘要:
关于客户端存储技术 storage 一、关于客户端(浏览器)存储技术 浏览器的存储技术第一个能想到的应该就是cookie,关于cookie本身出现的初衷是为了解决客户端识别,可存储信息量小(4k左右),并且每次网络请求都会被请求协议携带发送到服务器,这在一定程度上是比较浪费网络资源,损耗性能。 在H 阅读全文
摘要:
定时器setInterval实现的匀速动画为什么不是匀速? window.requestAnimationFrame() 一、定时器setInterval实现的匀速动画为什么不是匀速? 以上提问并非通过计算时间戳来计算每帧运动,而是直接使用定时器按照既定的间隔时间叠加每次运动距离的方式,这里主要意在 阅读全文
摘要:
SVG简介 SVG画线与矩形 SVG画圆、椭圆、折线 SVG画多边形和文本 SVG透明度与线条样式 SVG的Path标签 SVG线性渐变、放射性渐变 SVG高斯模糊 SVG虚线以及简单的动画 SVG的viewbox(比例尺) 一、SVG简介 SVG全称Scalable Vector Graphics 阅读全文
摘要:
canvas简介 画线 画矩形 画圆 canvas与贝塞尔曲线 坐标平移旋转与缩放 canvas的save与restore 背景填充 线性渐变 辐射渐变(径向渐变) 阴影 渲染文字 线端样式 一、canvas简介 最早在apple的safari 1.3中引入,ie9之前的浏览器不支持canvas,相 阅读全文
摘要:
HTML5的初步认识 一、HTML5的初步认识 关于html5的一些历史可以通过这篇博客了解:https://www.cnblogs.com/fly_dragon/archive/2012/05/22/2513716.html 1.为HTML5建立的一些规则: 新特性应该基于HTML、CSS、DOM 阅读全文
摘要:
非父子组件传值 vuex 一、非父子组件传值 基于父子组件通信与传值实现非父子组件传值的示例关键代码: 1 <template> 2 <div> 3 <!-- 学员展示 --> 4 <add-student @add="add"></add-student> <!--监听子组件自定义事件add,触发 阅读全文
摘要:
1.导航被触发 2.在失活的组件里调用离开守卫:beforeRouteLeave —— 组件内守卫(离开组件)。 3.调用全局的beforeEach守卫 —— 全局守卫(进入组件)。 4.在重用组件里调用deforeRouteUpdatar守卫(2.2+)—— 组件内守卫(组件复用时调用/foo/: 阅读全文
摘要:
vue路由安装与基本使用 vue嵌套路由 vue动态路由(路由组件传参) vue路由重定向和一些其他的路由相关 官方手册:https://router.vuejs.org/zh/ 一、vue路由安装与基本使用 在项目根文件夹下执行以下命令安装vue-ruoter: 执行命令后会有以下提示: 这个提示 阅读全文
摘要:
如何设置? 选择或创建 配置代码 如何使用? 一、如何设置? 进入vs code主界面-->使用快捷键“ctrl + shift + p”: 如果你是使用Preferences:Configure User Snippets或者之前的记录被清除的话,这个选项不会出现在第一行,这时候你可以在搜索栏输入 阅读全文
摘要:
vue-cli安装、创建项目 基于vue-cli创建的项目进行开发 使用vue-cli图形化界面搭建项目 插件与工具 一、vue-cli简介、安装、创建项目 Vue-cli是基于Vue.js进行快速开发的完整系统,提供: 通过@vue/cli搭建交互式的项目脚手架。 通过@vue/cli + @vu 阅读全文
摘要:
vue实例渲染的底层实现 vue实例生命周期 vue实例渲染的生命周期与钩子函数详解 一、vue实例渲染的底层实现 1.1实例挂载 在vue中实例挂载有两种方法:第一种在实例化vue时以el属性实现,第二种是通过vue.$mount()方法实现挂载。不管是哪种挂载都不影响vue实例化组件的执行流程和 阅读全文
摘要:
模板:(template)模板声明了数据和最终展现给用户的DOM之间的映射关系。 初始数据:(data)一个组件的初始数据状态。对于可复用的组件来说,通常是私有的状态。 接收外部参数:(props)组件之间通过参数来进行数据的传递和共享。参数默认是单向绑定(由上至下),但也可以显式声明为双向绑定。 阅读全文