![](https://img-blog.csdnimg.cn/c7b914abe4544fd398b72b4b865edea6.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
javascript
文章平均质量分 70
javascript ES5-ES6
Lion李昂
计算机专业,HCIE RHCE,运维转前端,目前从事前端开发和学习
展开
-
写一些自己的WEB API浅学习
WEB API浅学习 什么是API? API是一种应用程序编程接口 给前端人员提供的一种工具 以便能完成一些网页效果和功能 WEB API是浏览器提供的操作浏览器功能和页面元素的API(BOM和DOM) API的接口很多都是方法(也就是函数) 什么是DOM DOM:文档对象模型(Document Object Model)是一些编程接口,通过DOM接口可以改变网页的内容、结构和样式 什么是DOM树? 一个页面就是一个文档 document 页面中的标签就是元素 element 网页的内容就是.原创 2021-10-21 20:31:53 · 213 阅读 · 0 评论 -
JavaScriptES6
ES5高级+ES6广域学习 学习笔记 面向对象的编程语言(OOP) 什么是面向对象的编程语言? • 一切皆对象,对象的模板是类,类的实例是对象(当然js中没有类的概念,class只是语法糖) • 对象中有属性、方法,属性的值是元素 • 创建对象的过程我们称为实例化 面向对象的特性: 封装性、继承性、多态性 ECMAScript和JavaScript: JS是被提交到ECMA进行标准化的,ECMA是一个制定计算机信息标准化的组织,而JS是在这个标准下使用最广泛最流行的一个实现 ES6新特性学习: For原创 2021-11-17 20:05:35 · 329 阅读 · 1 评论 -
自封装动画函数源码
动画函数原理 1.获得盒子当前位置 2.让盒子在当前位置加上1个移动距离 3.利用定时器不断重复这个操作 4.加一个结束定时器的条件 5.注意此元素需要添加定位,才能使用element.style.left function animation(obj, target, callback) { clearInterval(obj.ani); obj.ani = setInterval(function () { // var step = Math.ceil((target原创 2021-10-30 16:03:25 · 52 阅读 · 0 评论 -
淘宝flexible.js源码分析
淘宝flexible.js源码分析 flexible.js是基于rem最主要的布局适配 废话少说,直接上代码 (function flexible (window, document) { var docEl = document.documentElement var dpr = window.devicePixelRatio || 1 // adjust body font size function setBodyFontSize () { if (document.bod原创 2021-10-30 15:55:36 · 328 阅读 · 0 评论 -
Java Script初阶学习笔记
Java Script第一次学习笔记 鉴于本人有一定的C、Python编程基础,JS编程的随笔可能较为杂乱且省略较多,看看就好 (不是) 什么是JavaScript? JavaScript是一种运行在客户端的脚本语言 基本输入输出语句 功能 语句 打印输出 console.log() 弹出输出框 alert 弹出输入框 prompt 文件写入 document.write(’’) 小理论: console.log可以输出任何类型的数据,alert只能输出String类原创 2021-10-11 14:24:45 · 233 阅读 · 0 评论