2019年10月
vue的生命周期
摘要： 一 vue的生命周期如下图所示： 二vue生命周期的不同时期 触发vue的created事件以后,this便指向vue实例 1、beforeCreate 即将创建：对应的钩子函数为beforeCreate。此阶段为实例初始化之后，此时的数据观察和事件机制都未形成。 2、created vue实例已经 阅读全文
posted @ 2019-10-16 17:44 Glu__TtoNy 阅读(81) 评论(0) 推荐(0) 编辑
vue的基本知识
摘要： Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为 阅读全文
posted @ 2019-10-16 17:06 Glu__TtoNy 阅读(109) 评论(0) 推荐(0) 编辑
2019年9月
js中的常见的兼容问题
摘要： window对象的属性： 可视区域的宽度：window.innerWidth || document.documentElement.clientWidth(兼容IE) || document.body.clientWidth 可视区域的宽度：window.innerHeight || docume 阅读全文
posted @ 2019-09-23 12:00 Glu__TtoNy 阅读(248) 评论(0) 推荐(0) 编辑
js-浅谈DDOM的操作
摘要： DOM是document Object Model的缩写，简称文档对象模型。他给文档提供了一种结构化的表示方式，可以改变文档的内容和呈现方式。①DOM的分层结构（节点树）：节点关系: 根节点：一个HTML文档只有一个根，它就是HTML节点。 子节点：某一个节点的下级节点。 父节点：某一个节点的上级节 阅读全文
posted @ 2019-09-15 16:34 Glu__TtoNy 阅读(488) 评论(0) 推荐(0) 编辑
ES5的一些常用方法
摘要： ES5: 1.严格模式： 调用方法： "use strict" ; 作用范围：全局模式：放在脚本文件的第一行，则整个脚本文件都将以“严格模式”运行。 局部模式：将"use strict"放到函数内的第一行。 严格模式的语法要求： ① 必须用var声明变量 "use strict"; a = 10; 阅读全文
posted @ 2019-09-15 15:07 Glu__TtoNy 阅读(1092) 评论(0) 推荐(0) 编辑
面向对象实现贪吃蛇
摘要： // 地图： function Map(){ // 提前预置宽高的尺寸 this.w = 800; this.h = 400; // 创建元素功能 this.display(); } Map.prototype.display = function(){ // 创建元素 this.ele = doc 阅读全文
posted @ 2019-09-08 18:12 Glu__TtoNy 阅读(187) 评论(0) 推荐(0) 编辑
原生js实现拖拽效果
摘要： css样式布局： html部分： js主体部分： 接下来用混合继承实现box2移动时有边界的效果： 思路：1.实现拖拽效果主要有三个事件，当鼠标按下的时候，获取鼠标相对于事件发生元素的位置（offsetX/offsetY）;当鼠标移动的时候，利用鼠标指针相对于浏览器页面（或客户区）的坐标（clien 阅读全文
posted @ 2019-09-02 08:05 Glu__TtoNy 阅读(358) 评论(0) 推荐(0) 编辑