JavaScript
文章平均质量分 79
源心锁
深圳技术大学23届学生,要努力学前端,腾讯前端实习生
展开
-
前端国际化跨时区问题兼容适配本地时间解决方案
前言这里有一些时间,你能判断它们的具体时间么?2022-04-15T00:00:00.000+08002022-04-15T07:00:00.000+07002022-04-16 15:50:562022-04-161650038400000它们其实分别对应东八区时间、东七区时间、无时区时间、日期、时间戳如果读者有一定的项目开发经验,就一定会成为数据库里存储的时间都应该是时间戳这一观点的拥趸那么回归正题,我们要把这些傻了吧唧的时间全都适配成用户认知中的时间1 认识时间首先我们应原创 2022-04-17 00:31:51 · 3130 阅读 · 0 评论 -
JS滑动滚动的n种方式
window.scroll|window.scrollBy|window.scrollTo|window.scrollByLines|window.scrollByLines|element.scrollIntoVIew|srcollTop | 判断是否某元素的外层可滑动and so on,应有尽有原创 2022-02-22 17:00:47 · 21034 阅读 · 0 评论 -
ES6-Promise 65行代码手撕Promise
手撕Promise到了找实习的时候,看面经感觉不是很好,还是写写代码最能记住东西手撕目标包含then、catch方法支持链式调用异步解决方案手撕开始那么首先,如果你不知道Promise,你可能需要绕道先去学习一下,因为这里不想啰嗦要直接动手写滴哦我这里应该是和网上的很多教程不太一样哈,因为一时没有想到大家的思路…基本框架const PENDING = "pending";const FINISHED = "fulfilled";const FAILED = "rejected原创 2021-11-05 20:31:56 · 153 阅读 · 0 评论 -
React:像message.success()一样实现Message通用容器及Message组件
我在开发不紧急的时候喜欢自己实现一些轮子;而这次要做的就是做一个非常常用的组件Message对于Message这样的组件,在各个页面都有可能使用到。但我们是不希望在各个页面都必须引入一个容器的,也不希望还必须做专门的组件挂载,这样的组件能用,但不是很能用。我希望造出一个如下一般只需要在js中进行简单的调用函数即可的开箱即用组件,当然最终也要允许用户自定义配置。message.success("成功")message.error("fail")最终实现效果组件设计无需在调用的时候手动挂.原创 2021-10-14 21:19:14 · 1591 阅读 · 0 评论 -
我不知道的前端(二)
记录下我的学习笔记标签模板化字面量啊c这是什么东西听起来好厉害不说都不知道,这是通过``定义的字符串带有的特性,我们光知道 `${}` 这种用法,却很少有人知道下边这种用法`\n`.length //1String.raw`\n`.length //2var a=function(e){ e+="***" return e}a`\n` //4当我们不带括号使用函数,函数.原创 2021-10-04 10:52:20 · 87 阅读 · 0 评论 -
我不知道的前端(一)
记录下我的学习笔记原生JS如何获取父节点?element.parentNodesort()函数详细sort函数蛮常用,但是我的开发日常也仅限于sort(),还是有必要详细陈列sort可以接受一个函数sort((a,b)=>{ return a-b;})a\b是什么嘞?我尝试了一下var array=[-1,1,3,4,6,10]; array.sort((a,b)=>{console.log(a,b);return a-b;});1 -13 14 3.原创 2021-10-04 10:51:32 · 178 阅读 · 1 评论 -
前端工程化之plop的使用
plop是什么?plop是一个轻量级的项目构建工具,api相当简单好用明确需求为什么需要plop?理论上讲,plop能做到的东西不算少,但主要也就是模板文件这样。对我来说,用来生成一些模块文件就行安装plop使用全局安装,不要局部,局部安装就是毒瘤。npm install -g plop在当前项目根目录新建文件plopfile.js不需要专门新建一个项目,plop是非常轻量级的工具,api实打实简单,我们甚至不太需要接触到cliconst reducerGenerator = req.原创 2021-10-04 10:50:36 · 386 阅读 · 0 评论 -
JavaScript:异步简介与Promise实践拓展
JavaScript语言的一大特点就是单线程,但是在遇到鼠标点击、网络请求、动画执行或者对于Node.js来讲要遇到的数据库操作这一类明显耗时程序的时候,采用单线程的话,会产生明显的阻塞。而对此的解决方案,js是通过任务队列来达到异步的效果。举个最简单的异步例子setTimeout(()=>{ console.log("123");},1000)console.log("456")无疑,这串代码的输出显然是456123异步的常见解决方案上边这个例子中,我们要使得输出正常地表.原创 2021-07-24 23:50:19 · 312 阅读 · 0 评论 -
微信小程序前端模块化解决方案——事件绑定对象中方法
阅读了官方文档,你会发现。微信的事件绑定输入的是字符串。字符串绑定带来的问题包括,把方法堆积在一个js文件里,这是项目开发致命的问题!事件绑定原方法文件树–pages----test.js----test.wxmltest.wxml<view bindtap="clickView" catchtap="catchView"></view>test.jsPage({ clickView(e){ console.log(e); }, catchView.原创 2021-07-16 17:14:05 · 236 阅读 · 0 评论 -
基于Auto.js的萌猫跳辅助
许久不见,甚是想念被学长唤醒的博客魂ing…这次是一个失去时效性的小脚本,但是其中包括一些东西或许对你们可以有帮助撒一些要点因为Auto.js并没有直接的对于触控位置的监听,所以需要对安卓API进行调用2.涉及对于画布的使用importClass(android.graphics.PorterDuffXfermode);importClass(android.graphics.PorterDuff);const BG_COLOR = colors.parseColor("#2d原创 2021-07-03 13:47:41 · 181711 阅读 · 1 评论 -
SZTU深圳技术大学教务系统小爱课程表导入——强智科技13369
作为个人来讲非常值得纪念的,具有一定流传度的,较为正规的小项目——小爱课程表导入,于2020/9/9正式完成。审核通过时间暂未明确,测试已经完美。废话不多说,讲讲体会以及开发过程遇到的坑。由于我同样是第一次真正接触JavaScript,遇到的某些问题以及相关解决方案或许能给其他初学开发者较大的帮助。看了官方的开发文档,我们可以明确,整个开发过程只需要编辑两个文件:scheduleHtmlProvider.jsscheduleHtmlPasrse.js第一个文件适配得较好,用来截取HTML片段.原创 2020-09-09 20:19:47 · 4341 阅读 · 6 评论