游千山 - 博客园

2023年7月

摘要：因为onclick监听的是事件传播时的冒泡阶段，事件冒泡阶段的传播是从btn开始往外div传，btn先接收到点击事件，然后迅速执行事件处理函数，此时事件还没传播完，马上就要轮到div接收事件了，但是迅速执行btn的事件处理函数，阻止了事件传播（div在该事件流的冒泡阶段接收不到事件了），所以阻止事件阅读全文

posted @ 2023-07-03 07:22 游千山阅读(17) 评论(0) 推荐(0)

入门前端学习内容

摘要： html css js es6(重要) axios git webpack nodejs vue2和3 uniapp， react和Typescript可以等到工作后再学 UI组件库可以学下Element UI，其中webpack和nodejs了解即可，其他的最好认真学习阅读全文

posted @ 2023-07-02 18:17 游千山阅读(14) 评论(0) 推荐(0)

2023年2月

webpack的核心概念

摘要：一。entry 指定webpack从哪个文件开始入手打包，下面是单入口多页面开发，每个页面都有自己的js文件，多个文件，所以需要多个入口我们看看多入口，单出口bundle.js,我们在src仅仅多加了一个 search.js 我们run一下（打包）多出口写法：二。loader 了解在哪配置，阅读全文

posted @ 2023-02-17 16:25 游千山阅读(36) 评论(0) 推荐(0)

Babel与webpack

摘要：一。基础认知1 babel是js编译器，将新版本js代码转换成大多数浏览器支持的es5，es3代码浏览器其实也不认识require函数，bable配合webpack解决模块的问题；主要编译的是语法，es6新增api并不编译，因为本身就没有怎么转，不像箭头函数是语法可以换个语法形式，babel本身阅读全文

posted @ 2023-02-12 15:17 游千山阅读(233) 评论(0) 推荐(0)

ES6-moudle

摘要：一。基础认知结合案例体验module；前面模拟模块是用立即执行的匿名函数，需要把某些通过window暴露出去，所以还是不能消除全局变量 module模块系统需要服务器环境才能正常执行，在html文件中使用模块化方式引入js，然后open with live sever，模块系统才生效；这样打开阅读全文

posted @ 2023-02-08 12:44 游千山阅读(62) 评论(0) 推荐(0)

ES6-Class类下

摘要：前面super的源码：查看代码 <script> // 1.作为函数调用 // 代表父类的构造方法，只能用在子类的构造方法中，用在其他地方就会报错 // super 虽然代表了父类的构造方法，但是内部的 this 指向子类的实例 // class Person { // constructor(n 阅读全文

posted @ 2023-02-07 14:41 游千山阅读(28) 评论(0) 推荐(0)

ES6-Class类上

摘要：一。基础认知构造方法有点类似构造函数，前面学的构造函数是模拟类的，ES6用类即可不能直接调用Person（）报错，和构造函数不同，构造函数不加new调用也不报错；一般在constructor里面加一些初始化的东西；实例的属性在构造方法里添加，方法不能，因为多个实例就有多个函数会开辟多个内存阅读全文

posted @ 2023-02-04 00:06 游千山阅读(31) 评论(0) 推荐(0)

2023年1月

ES6-Promise下

摘要：六。实例的finally方法： promise状态发生变化指的是由初始态变成成功或者失败态处理错误指的是没有调用catch（失败态实例调用可以执行其回调的then） finally里面的回调函数只要promise状态发生变化就会执行，但是接收不到参数这里没有调用then方法，也会报错吗？什么时候阅读全文

posted @ 2023-01-25 13:11 游千山阅读(16) 评论(0) 推荐(0)

云端备份机制

摘要：您好，若您编辑的内容发生了变化，且切换了浏览器的标签页或者最小化浏览器或者锁屏，再切回 / 回到博客后台该编辑页面时，此时云端会对您的内容进行备份。另外如果您关闭了当前博客后台的标签页，也会对您当前的内容进行备份。阅读全文

posted @ 2023-01-23 22:31 游千山阅读(30) 评论(0) 推荐(0)

ES6-Promise上

摘要：一。Promise作用：解决回调地狱问题 transitionend是过渡结束事件，只要过渡结束就会触发；回调地狱：指的是层层嵌套的回调函数，代码看起来非常晕 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <tit 阅读全文

posted @ 2023-01-20 19:44 游千山阅读(26) 评论(0) 推荐(0)

公告