
ES5
优资园
分享才能进步
展开
-
JavaScript的解析机制和执行顺序
JS解析机制 JS解析过程: 1、编译阶段(预处理或预编译):代码在执行时被解释器一行行编译和执行,在这个阶段javascript解释器将完成对js代码的预处理,也就是把js代码转化成字节码。 2、执行阶段:(JS代码已经在内存中被构建为语法树,此时,js引擎会根据这个语法树结构边解释,边执行。)javascript解释器借助执行期环境,把字节码转换生成机械码,并按顺序执...原创 2018-04-11 23:56:08 · 373 阅读 · 0 评论 -
JS数组
/* * 修改原数组的方法 * * pop() 删除数组的最后一个元素 * push() 在数组的尾部添加元素 * reverse() 颠倒数组中元素的位置 * shift() 删除数组中的第一个元素 * sort() 将数组中的元素排序 * splice() 将数组中插入,删除或替换元素 * unshift() 在数组的头部添加元素 * * 不修改原数组的方法 * * concat() 在...原创 2019-03-12 12:32:25 · 158 阅读 · 0 评论 -
常用的兼容浏览器的函数封装
/* * ev:具体元素 * styleName:获取元素的属性名 * */ function getStyle(ev,styleName) { if(ev.style[styleName]){ return ev.style[styleName]; }else if(ev.currentStyle){ ...原创 2019-03-15 09:39:53 · 460 阅读 · 0 评论 -
原生JS简单的实现单页面Hash路由
(function(global) { function Router(){ this.before = null; //切换前 this.after = null; // 切换后 this.routes=[]; this.redirectRoute=""; ...原创 2019-03-14 21:17:13 · 1123 阅读 · 1 评论 -
使用Vue实现手风琴菜单效果
使用vue的指令个事件冒泡委托给一个事件处理 使用 <vertical-menu :menuList="dataList" :initIndex="0" @fold-body="foldHandle" @go-state="goWhere"></vertical-menu> data() { return { is原创 2019-03-14 21:14:49 · 7630 阅读 · 1 评论 -
axios在Vue中的使用
二次封装axios import axios from 'axios'; const ajax = axios.create({ baseURL: 'http://localhost:1888/', timeout: 3000, }); axios.defaults.withCredentials=true; ajax.interceptors.request.use( ...原创 2019-03-14 20:59:02 · 210 阅读 · 0 评论 -
原生JS编写简单的编辑器
使用vue编写的,没有任何依赖,可改写其它形式 轻量级编辑器只是在document.execCommand()方法做了包装,不兼容的浏览器器生成的标签是一致的,所以的富文本的选择要根据项目决定 实现了一点功能,写了个dome,加深对富文本原理的理解 template <div class="page-editor"> <div class="editor-wrapper...原创 2019-03-14 20:50:27 · 1843 阅读 · 0 评论 -
js 类型判断
类型判断 typeof(type); 原生 'undefined' *'boolean' 'string' 'number' 'object' 'function' 自定义类型判断函数 function typeOf(obj) { var typeList = { '[object Boolean]' : 'boolean', ...原创 2019-03-08 17:09:38 · 1892 阅读 · 0 评论 -
JS 创建对象的三种方式
JS对象: 对象创建 对象直接量方式:每一次运算都创建并初始化一个新的对象,每次计算对象直接量的时候,也都会计算它的每一个属性值。 let obj = { }; new 创建对象:new 运算符创建并初始化一个新对象,new 后面跟随一个构造函数,构造函数用以初始化一个新创建的对象。 let obj = new Object(); 当你使用new操作符...原创 2018-04-12 23:25:20 · 280 阅读 · 0 评论 -
鼠标定位第一章:获取鼠标在页面中的位置
兼容性写法: 效果: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>鼠标</title> <style> *{ margin: 0; ...原创 2019-04-16 14:37:47 · 1485 阅读 · 0 评论