JavaScript
关注
分享
扫一扫
文章平均质量分 60
Gyoung阿广
积累、坚持
展开
-
js全屏问题
判断全屏function isFullscreen(){ return document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || false;}...原创 2019-05-27 15:45:07 · 579 阅读 · 0 评论 -
【带图】讲解offsetHeight、offsetLeft、clientWidth、scrollHeigth、scrollTop等几个属性的区别
1.偏移量元素的可见大小由其高度、宽度决定，包括所有内边距、滚动条和边框的大小（注意，不包括外边距）。offsetHeight：元素在垂直方向上占用的空间大小，以像素计。包括元素的高度、水平滚动条的高度、上边框高度和下边框的高度。offsetWidth：元素在水平方向上占用的空间大小，以像素计。包括元素的宽度、垂直滚动条的宽度、左边框宽度和右边框宽度。offsetLeft：元素的左外边框至包含元素...原创 2018-03-29 17:21:09 · 2505 阅读 · 1 评论 -
JS笔记：第13、14章 事件和表单脚本
第13章 事件JavaScript与HTML之间的交互是通过事件实现的。事件流：事件流描述的是从页面中接收事件的顺序。但有意思的是IE和Netscape开发团队居然提出了差不多完全相反的事件流的概念。IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流。（1）事件冒泡IE的事件流叫事件冒泡，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节...原创 2018-04-17 18:52:21 · 398 阅读 · 0 评论 -
JS笔记：第10、11、12 DOM相关
第10章 DOMDOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。节点层次：DOM可以将任何HTML或XML文档描绘成一个由多层次节点构成的结构。文档节点是每个文档的根节点。<html>元素，我们称之为文档元素。每个文档只能有一个文档元素。每一段标记都可以通过树中的一个节点来表示...原创 2018-04-16 18:42:05 · 279 阅读 · 2 评论 -
前端跨域解决方案
什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。同源策略：同源是指“协议+域名+端口”三者相同。跨域解决方案：1.通过jsonp跨域；2.document.domain+iframe跨域；3.location.hash+iframe跨域；4.window.name+iframe跨域；5.postMessage跨域；6.跨域资源共享（CORS）；7.nginx代理跨域；8.nod...原创 2018-04-10 17:58:07 · 612 阅读 · 0 评论 -
JS笔记： 第6章 js中面向对象的理解
第6章 面向对象的程序设计理解对象：ECMA-262把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”创建自定义对象的最简单方式就是创建一个Object的实例，然后再为它添加属性和方法。几年后，对象字面量成为创建这种对象的首选模式。属性类型：数据属性和访问器属性。要修改属性默认的特性，必须使用ECMAScript 5的Object.defineProperty()方法。访问器属...原创 2018-03-13 11:45:59 · 257 阅读 · 0 评论 -
《JavaScript高级程序设计》第5章 引用类型
第5章 引用类型在ECMAScript中，引用类型是一种数据结构，用于将数据和功能组织在一起。尽管ECMAScript从技术上讲是一门面向对象的语言，但它不具备传统的面向对象语言所支持的类和接口等基本结构。ECMAScript提供了很多原生引用类型，以便开发人员用以实现常见的计算任务。Object类型：创建Object实例的方式有两种。第一种是使用new操作符后跟Object构造函数，例如var ...原创 2018-03-05 18:27:10 · 215 阅读 · 0 评论 -
JS笔记：第7、8、9章 函数表达式、BOM和客户端检测
第7章 函数表达式定义函数的方式有两种：一种是函数声明、另一种就是函数表达式。递归：递归函数是在一个函数通过名字调用自身的情况下构成的。arguments.callee是一个指向正在执行的函数的指针。闭包：闭包是指有权访问另一个函数作用域中的变量的函数。后台的每个执行环境都有一个表示变量的对象—变量对象。显然，作用域链本质上是一个指向变量对象的指针列表。在另一个函数内部定义的函数会将外部函数的活动...原创 2018-03-16 16:15:12 · 173 阅读 · 0 评论 -
《JavaScript高级程序设计》第1章 js的历史简介和三部分组成
《JavaScript高级程序设计》作者简介尼古拉斯-泽卡斯【美】：世界顶级web技术专家，雅虎公司界面呈现架构师。李松峰、曹力 译第1章 JavaScript简介历史：JavaScript诞生于1995年，它出现的目的是处理一些输入验证操作。而今天的JavaScript已经成为了一门功能全面的编程语言。当时就职于Netscape公司的布兰登-艾奇原创 2018-01-12 14:11:07 · 403 阅读 · 0 评论 -
《JavaScript高级程序设计》第2-3章 js中的数据类型和其他一些基本概念
《JavaScript高级程序设计》第2-3章第2章在HTML中使用JavaScript元素：这个元素由Netscape创造并在Netscape Navigator 2中首先实现。有几个个属性Async：可选，表示应该立即下载脚本，但不妨碍页面中的其他操作，只适用于外部脚本；defer：可选，表示脚本可以延迟到文档完全被解析和显示之后再执行，只适用于外部脚本；src：表示包原创 2018-01-22 16:18:05 · 256 阅读 · 0 评论 -
《JavaScript高级程序设计》第4章 js中的变量、作用域和内存问题
《JavaScript高级程序设计》第4章变量、作用域和内存问题ECMAScript变量可能包含两种不同数据类型的值：基本类型值和引用类型值。在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。函数的参数都是按值传递的。typeof操作符：是确定一个变量是字符串、数值、布尔值，还是undefined的最佳工具，但是对引用类型来说就无能为力了。原创 2018-02-01 18:33:11 · 248 阅读 · 0 评论 -
JS笔记：15、16、17章 Canvas、HTML5编程、错误处理
第15章 使用Canvas绘图不用说，HTML5添加的最受欢迎的功能就是<canvas>元素。这个元素负责在页面中设定一个区域，然后就可以通过JavaScript动态地在这个区域中绘制图形。除了具备基本绘图能力的2D上下文，<canvas>还建议了一个名为WebGL的3D上下文。基本用法：<canvas id=“drawing” width=“200” height=...原创 2018-04-20 16:00:44 · 417 阅读 · 0 评论 -
JS笔记：18-21章 XML、JSON、Ajax、跨域和安全
第18章 JavaScript与XML曾几何时，XML一度成为存储和通过因特网传输结构化数据的标准。此前，由于浏览器无法解析XML数据，很多开发人员都要动手编写自己的XML解析器。而自从DOM出现后，所有浏览器都内置了对XML的原生支持（XML DOM），同时也提供了一系列相关的技术支持。浏览器对XML DOM的支持：（1）DOM2级核心支持DOM2级的浏览器中创建一个空白的、文档元素为<r...原创 2018-05-08 16:29:10 · 275 阅读 · 0 评论 -
数组函数some()、every()用法
这两个方法用的其实并不多，但遇到了还是记录一下some()、every()是用于判断数组的：1.some()不创建新数组、不改变原数组、判断为true则马上return true，否则return false；let arr = [1,2,3,4,5];let result1 = arr.some((item)=> { return item > 2 &a...原创 2019-04-13 17:14:03 · 7416 阅读 · 0 评论 -
一道经典的考察事件循环、宏任务、微任务的js题
一道经典的考察事件循环、宏任务、微任务的js题 async function async1(){ console.log('async1 start') await async2() console.log('async1 end')}async function async2(){ console.log('async2')}console.log('script star...原创 2019-01-16 14:42:49 · 949 阅读 · 0 评论 -
记一次电商活动页开发经历
对电商项目来说，营销活动肯定是少不了的促销手段，比如淘宝的双11、支付宝最近的瓜分15亿等等，那么在很多时间节点，我们前端开发就要进行一些活动页的开发。我们bilibili会员购项目在这过年前夕也将上线一个集卡游戏的活动页，我负责开发的部分是闯关和抢仓库的部分。整个集卡游戏的流程就是许愿集赞、下单做任务获得卡牌，然后用卡牌来闯关，最后到仓库中抢商品，当然还有一些其他的辅助页。在做这次活动页...原创 2019-01-08 16:30:52 · 659 阅读 · 0 评论 -
强缓存和协商缓存逻辑
原创 2018-12-19 11:49:59 · 448 阅读 · 0 评论 -
【canvas踩坑】跨域和缓存问题
这次拜年祭做了一个集卡游戏的营销活动，需要分享一张获奖图片出去，我是用canvas画出来的，中间遇到了两个坑，与大家分享一下，最终图片做出来的效果如下：【1】第1个坑是跨域的问题一般我们图片都会放在静态资源cdn服务器上，而域名与我们项目域名一般不同，这就存在一个跨域问题。即使服务端会设置CORS的跨域响应头，但是在js中使用canvas toDataURL api时，会报这样的错...原创 2018-12-20 19:04:59 · 1119 阅读 · 0 评论 -
《Effective JavaScript 编写高质量JavaScript代码的68个有效方法》
第1章 让自己习惯JavaScript第1条 了解你使用的JavaScript版本确保你使用的任何JavaScript特性对于应用程序将要运行的所有环境都是支持的；总是在执行严格模式检查的环境中测试严格代码。第2条 理解JavaScript的浮点数事实上，JavaScript中所有的数字都是双精度浮点数。位运算将数字视为32位的有符号整数。浮点数权衡了精度和性能，当我们...原创 2018-10-26 15:11:21 · 1007 阅读 · 0 评论 -
张鑫旭的《CSS世界》读后笔记
【题外话】之前有人问过我你这样做笔记有啥用吗，跟写目录一样，我的回答是这不是写目录哈，这是在阅读过程中把些自己认为重要的知识点记下来。这样做对我有几个作用，首先是可以敦促自己一步一步把这本书认真的阅读完，其次是加深一下自己对这些知识点的记忆，还有就是方便以后自己回顾。不知道这个方法对你们有没有用哈，如果拿一本向《Javascript高级程序设计》这样的大部头给你读，你做不到坚持读完的话，可以试试...原创 2018-08-28 17:04:57 · 2965 阅读 · 1 评论 -
Android、ios h5开发特殊问题处理
（1）滚动条隐藏问题用::-webkit-scrollbar{display:none}会存在兼容性问题，可以这样设置padding-bottom:18px;margin-bottom:-18px;取巧解决。（2）字体垂直偏上问题Font-size小于14px时在ios显示正常，但是在android上会偏上一点，可以通过transform:scale(0.5)缩放解决。（3）scr...原创 2018-06-21 11:24:47 · 238 阅读 · 0 评论 -
JS笔记：第25章 新兴的API
第25章 新兴的APIrequestAnimationFrame()：很长时间以来，计时器和循环间隔一直都是JavaScript动画的最核心技术。requestAnimationFrame告诉浏览器，有一个动画开始了，进而浏览器就可以确定重绘的最佳方式。（1）早期动画循环setInterval()方法来控制动画。大多数电脑显示器的刷新频率是60HZ，大概相当于每秒钟重绘60次。因此，最平滑动画的最...原创 2018-05-08 16:37:41 · 253 阅读 · 0 评论 -
JS笔记：22-24章 高级技巧、离线应用与客户端缓存、最佳实践
第22章 高级技巧高级函数：（1）安全的类型检测Object.prototype.toString.call(value) == “[object Array]”;检测数组Object的toString()方法不能检测非原生构造函数的函数名。（2）作用域安全的构造函数没有使用new操作符来调用构造函数的情况下，this会映射到全局对象window上。这个问题的解决方法就是创建一个作用域安全的构造函...原创 2018-05-08 16:33:37 · 316 阅读 · 0 评论 -
原生js回顾
原生js回顾原创 2017-12-25 15:46:51 · 351 阅读 · 0 评论 -
模块系统规范
模块系统规范原创 2017-12-01 14:54:29 · 269 阅读 · 0 评论 -
Ajax中自定义发送请求和处理响应对象
Ajax中自定义发送请求和处理响应对象原创 2016-05-10 22:59:47 · 1855 阅读 · 0 评论 -
Javascipt的作用
Javascipt的作用原创 2016-03-30 14:07:35 · 629 阅读 · 0 评论 -
《Java EE 实用教程》读后记录
《Java EE 实用教程》读后记录原创 2016-04-22 11:52:32 · 700 阅读 · 0 评论 -
JS 表单验证不使用alert框
JS 表单验证不使用alert框原创 2016-05-06 11:02:03 · 2740 阅读 · 0 评论 -
正则表达式
正则表达式原创 2016-05-06 15:46:30 · 713 阅读 · 1 评论 -
邮件地址的正则表达式
邮件地址的正则表达式原创 2016-05-07 09:59:09 · 1100 阅读 · 1 评论 -
学习1-js开发实现简单贪吃蛇游戏
js开发实现简单贪吃蛇游戏原创 2016-05-07 15:10:38 · 1014 阅读 · 1 评论 -
js中日期比较排序
js中日期比较排序原创 2016-05-08 15:29:34 · 3490 阅读 · 1 评论 -
在网页中创建自己的调试控制台
在网页中创建自己的调试控制台原创 2016-05-09 11:00:57 · 1402 阅读 · 0 评论 -
《深入浅出JavaScript（中文版）》读后记录
《深入浅出JavaScript（中文版）》读后记录原创 2016-05-11 12:48:20 · 743 阅读 · 0 评论 -
《 锋利的jQuery 》读后记录
《锋利的jQuery》读后记录原创 2016-06-02 15:49:52 · 453 阅读 · 0 评论 -
js如何检测浏览设备类型
js如何检测浏览设备类型原创 2016-11-22 17:26:28 · 328 阅读 · 0 评论 -
《HTML5移动Web开发指南》读后笔记
《HTML5移动Web开发指南》读后笔记原创 2017-11-06 18:54:42 · 851 阅读 · 0 评论 -
《ECMAScript 6 入门优化版》
《ECMAScript 6 入门优化版》原创 2017-09-06 15:41:44 · 399 阅读 · 0 评论 -
ES6核心知识
ES6核心知识原创 2017-04-20 17:11:40 · 352 阅读 · 0 评论