- 博客(12)
- 收藏
- 关注
RSS订阅原创 前端的路程三之事件循环&Promise
整体来讲js在从上往下执行的时候遇到的微任务会被放在微任务队列，当前宏任务执行完毕之后就会将微任务推入执行栈执行，又可能会产生新的宏微任务，当然每次微任务被清空时说明本次事件循环结束。Promise.then ES6、、Object.observer、MutationObserver、process.nextTick、queueMicrotask创建的微任务等；javascript代码都可以当作任务，其中划分宏任务和微任务，在执行栈中每次处理完宏任务都会去清空一下微任务的队列。
2023-12-20 15:51:44
871
1
原创 前端的路程四之js的模块化
因为js是运行在用户的设备，随着发展用户的设备性能一步一步的高升，这样就催促着前端页面可以有更多的扩展（js模块化需求慢慢增长起来）。就是在函数内部通过本身逻辑和外部依赖将功能实现然后返回,揭示模式返回的是自身的功能，另一个返回的是具体的函数。在解析html的时候遇到async的script资源，异步下载资源，资源下载完成后立刻执行（阻塞解析）函数本身是拥有自己的作用域的，并且各个函数之间属于作用域隔离的状态，两个函数之间的各个量不会相互污染。js本身的定位：简单页面设计的支撑–页面的动画、表单的提交。
2023-12-20 15:50:54
934
1
原创 前端的路程二之面向过程&面向对象&原型&原型链&继承
什么是原型，prototype，这个就是原型，他的概念就是被实例化的对象在访问属性的时候，如果本身没有挂载对应的属性那么就会去原型上找，原型的本质也是一个对象，可以理解为一个指针指向了某一个对象，每个对象都会有这样的指针，从而产生可扩展可继承性。像这样一步一步的去完成我们需要的功能，就叫做面向过程，其实和面向函数是差不多的意思，面向函数就是将各种动作进一步封装成工具，就像项目中的utils文件一样，都已一个一个的功能函数。至于new关键字，就是创建出对应的实例。一台挖土机，它还需要挖土。
2023-12-14 19:07:38
831
1
原创 前端的路程一之关于js作用域链条this上下文闭包的概括
闭包的概述：可以突破作用域链，将一个局部作用域的量以包裹的形式传递暴漏在另一个作用域,那么他们之间的关系就是闭包。作用域链的解释就牵扯到函数的嵌套，当函数一层一层嵌套很多层时，他们之间就形成了一个作用域链的关系。为了保证在作用域内的量都可以直接使用，只关注量是否存在，方便开发者去操作。前端javascript的作用域的基础就是函数，可以说函数就是一个拥有独立作用域的单位。在作用域链中内部作用域可以访问外层作用域的量，外层作用域只能访问本身作用域下的量。如果要手写，首先要理解他们的作用和他们之间的区别。
2023-12-12 14:33:59
382
1
原创 给想转行前后端的小伙伴（小白）的一些话
总的来说，选择做前端还是后端开发，取决于你的个人兴趣和职业目标。如果你对用户界面和用户体验有热情，对设计有独特的见解，那么前端开发可能更适合你。如果你喜欢处理复杂的问题，对数据结构和算法有深入的理解，那么后端开发可能更适合你。无论你选择哪个方向，只要你对自己的工作有热情，都有可能在这个领域取得成功。以上都是我的个人感悟，也没有什么经验分享之说，人生嘛，不正是要面对一段段未知的旅程吗？未知的才会有无限的可能，真有剧本设计的话，那便是失去看原本的意义。
2023-10-07 14:45:26
55
1
原创 关于vue项目启动报错error:0308010C:digital envelope routines::unsupported的问题
node17版本以上对OpenSSL3.0兼容成都不是很好，OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会导致node的生态出先问题。然后，下载安装node的命令 nvm install node版本号(nvm install 16.17.1)安装对应版本的node，卸载node17以上的版本，去找一个低版本的node，比如node16哈哈哈。卸载的话 nvm uninstall node版本号(nvm uninstall 16.17.1)cmd中输入nvm -v,出现版本号即成功。
2023-09-04 15:41:19
74
1
原创 关于前端图片压缩的整理
关于前端图片压缩的整理/** * 根据质量压缩图片 压缩图片width height * @param {*} file(图片文件) * @param {*} quality(图片质量，越低越模糊) * @param {*} type(图片类型PNG,JPEG) */const compress = (file, quality, type = 'PNG') => { return new Promise((resolve, reject) => { cons
2021-04-23 17:58:38
139
原创 vue-awesome-swiper 的css导入问题
vue-awesome-swiper 的css导入问题官方说明官方推荐使用import ‘swiper/css/swiper.css’但实际上版本已经过时 , 版本旧了点处理方法呢 可以选择降低版本 比如降低到5正常就已经6 版本了另一种方法呢就是将import ‘swiper/css/swiper.css’ 替换为import ‘swiper/swiper-bundle.css’查阅官方git的issues有对应说明...
2021-04-23 17:42:42
223
原创 前端 压缩图片方法
前端 压缩图片方法常用的如下input 读取到 image/file ，使用 FileReader 将其转换为 base64 编码新建 img ，使其 src 指向刚刚的 base64新建 canvas ，将 img 画到 canvas 上利用 canvas.toDataURL/toBlob 将 canvas 导出为 base64 或 Blob将 base64 或 Blob 转化为 File示例:function(file, quality) { if (file[0]) {
2021-04-23 10:10:48
288
原创 关于moment汉化的方法
关于moment汉化的方法1) 通过npm添加的moment的包包含了汉化的代码 , 可以直接引用即可 :测试环境moment.locale(‘zh-cn’)正式环境import ‘moment/locale/zh-cn’moment.locale(‘zh-cn’)2)也可以通过自定义的方法 讲moment中的英字符转为中字符 , 即重写其输出 :moment.locale(‘zh-cn’, {months: ‘一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月’.s
2021-04-21 13:51:27
1043
原创 TypeError: this.getOptions is not a function at Object.lessLoader 在vue项目中less报错问题解决
**TypeError: this.getOptions is not a function at Object.lessLoader 在vue项目中less报错问题解决**less版本问题，重新安装指定版本号的less-loadernpm install less-loader@5.0.0 -s修改less版本 重新运行即可原文链接：https://blog.csdn.net/cuixifeng/article/details/113586376...
2021-04-21 10:29:19
240
原创 关于音频在谷歌浏览器无法自动播放问题
关于音频在谷歌浏览器无法自动播放问题音频播放时出现 Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD解决：第一步，在chrome浏览器中输入：chrome://flags/#autoplay-policy第二步，在Autoplay policy中将Default改为No user gestur
2021-04-09 16:43:59
2293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人