JavaScript
文章平均质量分 62
JavaScript
清风明月的博客
千言不如一默
展开
-
深入了解requestFullscreen()方法实现全屏显示
全屏显示:const openFullscreen = () => { /* 获取(<html>)元素以全屏显示页面 */ const full = document.getElementById('content') if (full.RequestFullScreen) { full.RequestFullScreen() } //兼容Firefox if (full.mozRequestFullScreen) {原创 2021-05-18 17:21:55 · 17966 阅读 · 4 评论 -
vue项目中使用swiper和canvas画轮播海报,海报可下载
1、安装swiper:npm install swiper vue-awesome-swiper --save2、在vue页面引入import { swiper, swiperSlide } from 'vue-awesome-swiper';import 'swiper/dist/css/swiper.min.css';let activeIndex = 0; //定义swiper当前索引值3、在data里面配置swiper数据data() { return {原创 2020-08-04 22:19:52 · 833 阅读 · 6 评论 -
ES6学习笔记
ES6是ECMAScript的第六次修订,于2015年完成1、let声明变量和const声明常量,都是块级作用域。2、箭头函数 函数定义不再使用关键字function(),而是利用了()=>来进行定义3、模板字符串 用(`),可以作为普通字符串使用,也可以用来定义多行字符串4、解析赋值数组解析赋值:只要等号两边的模式相同,左边的变量就会被赋予对应的值对象解析赋值:先找同名属性,...原创 2019-07-23 15:08:21 · 132 阅读 · 0 评论 -
观察者模式实现?
观察者模式使用三个类Subject、Observer、Client。Subject对象带有绑定观察者到Client对象和从client对象解绑观察者的方法。我们创建Subject类、Observer抽象类、和扩展了抽象类Observer的实体类。创建Subject类创建Observer类创建实体观察者类使用subject和实体观察者对象执行程序,输出结果...原创 2019-07-16 11:22:09 · 488 阅读 · 0 评论 -
VirsualDOM实现?
DOM是Document Object Model (文档对象模型)HTML DOM是关于如何获取、修改、添加或者删除HTML元素的标准。Virsual dom的实现思路:1)用js对象构造一个虚拟的dom树,插入到文档中。2)状态变更时,记录新树和旧树的差异3)把上面的差异构建到真正的dom中VirtualDOM算法主要实现上面步骤的三个函数:element、diff、patch。...原创 2019-07-16 11:17:15 · 175 阅读 · 0 评论 -
addEventLister和attachEvent的作用,以及两者的区别
在事件监听方面,IE提供了attachEvent和detachEvent两个接口,firefox提供了addEventLister和removeEventLister,最简单的兼容处理就是封装这两套接口。需要特别注意,在firefox下事件处理函数中的this指向被监听的元素本身,在IE下不一样,可使用回调函数call,让当前上下文指向监听元素。function addEvent(elem...原创 2018-12-01 13:38:19 · 837 阅读 · 0 评论 -
在HTML5中,用getCurrentPosition()获取用户的当前位置
getCurrentPosition(successCallback, errorCallback,PositionOptions);successCallback: 表示获取到的用户数据位置。该对象包含两个属性:coords和timestamp。coords属性包含七个值,accuracy:精确度,latitude:纬度,longitude:经度,altitude:海拔,altitude......原创 2018-12-02 12:32:38 · 24179 阅读 · 0 评论 -
原生javaScript实现拖拽功能
&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;拖拽效果&lt;/title&gt; &lt;style type="text/css"&gt; .drag_main{原创 2018-06-20 17:00:07 · 262 阅读 · 0 评论 -
精心收集的48个javascript的代码片段——Github分享
原文地址:https://github.com/Chalarangelo/30-seconds-of-code#anagrams-of-string-with-duplicates1、Anagrams of string(带有重复项) reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。 map() 方法返回一个由原数组中的每个元素调用一个指...转载 2018-06-20 15:47:13 · 384 阅读 · 0 评论 -
javaScript作用域和作用域链详解
作用域就是一个变量或者函数能够访问到区域。 ES5并没有块级作用域,在ES2015中已经新增块级作用域。 实例代码:var name = " 清风明月 ";function mainA(){ var name = "qingfeng"; console.log(name);}mainA(); //结果:qingfengconsole.log(name); //...原创 2018-06-25 13:45:34 · 129 阅读 · 0 评论 -
javaScript包装对象
一段实例代码: var str = “qingfeng”; console.log(str.length); // 结果:console.log:8 字符串是值类型数据,为什么可以引用属性,不是只有对象才可以具有属性吗? 因为当字符串等值类型数据引用属性或者调用方法时,javaScript内部将会自动将其生成一个包装对象。 当属性引用完毕或者方法调用完毕后,这个包装对象就会自动销毁,实...原创 2018-06-25 09:53:28 · 158 阅读 · 0 评论 -
ES6 常用特性 —— —— var和let和const的区别
ES6之前一直用 var 来声明变量,在ES6中,常用 let 和 const 来声明,它们都是块级作用域;let 命令只在代码块有效,不允许重复声明;const 声明的变量是常量,它的值被设置后不能修改,所以一旦声明后必须立即初始化,不能留到后面赋值;...原创 2018-05-21 15:26:27 · 219 阅读 · 0 评论