Javascript
@babel/preset-env, @babel/polyfill和@babel/plugin-transform-runtime

在平时通过babel转code的时候,有没有认真去研究一下这三个我们最常用的包呢?额……好像前面两个最常用,最后一个不常用。有没有去思考过,为啥要有这些包的区分?在什么情况下使用呢?这篇文章就讲解一下。 @babel/preset-env 这可以说是babel官方的得意之作,最早的时候没有这个包,有的是babel-preset-es2015这样的包,后来每次新标准发布之后,就要新加一个包。babe... 继续阅读 »
react诡异的input无法输入问题,createPortal来解决
这写Modal的时候遇到一个诡异的react问题,即input无法输入。不能说资深,但是对于自认为熟谙套路的react开发者,检查了好几遍,调试了好一会儿,还是解决不了。 就在我快要放弃的时候,我突然想到,是不是所在组件树的上层组件在处理children的时候对input做了处理?按理不该啊。 于是我对嵌套的上一层组件内部实现进行了检查,最后发现,果然是在Modal的实现中,使用了ReactDOM... 继续阅读 »
javascript配合PHP实现服务器动态当前时间
需求是这样子的:我需要服务器端的时间显示在项目后台的右上角。看上去挺简单的,但是实际上并不那么容易。服务器端其实是指PHP的全局时间,因为不同的服务器配置不同,所以很多服务商都提供服务器时间,但是因为这些时间是显示在服务商提供的控制面板,而非我们自己的网站后台。因此,我采用了本文将要使用的方法,彻底解决这个问题。 1.使用PHP获取当前服务器端的时间戳 代码非常简单,在你的PHP文件中写上time... 继续阅读 »
javascript中window.location详解
我们在javascript中利用window.location来获取和网页网址相关的信息。那么window.location到底有多少种用法呢?本文就对window.location的各种用法进行一个梳理。
javascript代码性能优化[转]
![javascript代码性能优化[转]](http://www.ilovejs.net/wp-content/uploads/2010/06/performance.png)
在这篇文章叙述的关于Javascript代码优化,其实并没有什么新意,关于这方面的优化,一直都是Nicholas C. Zakas的专利。我在这里将要说的是对当前众多关于Javascript代码优化的方式一个小总结,并尝试去归类各种不同的优化方式,方便于记忆众说纷纭的优化技巧。本人归类的结果如下图所示: Javascript代码优化无非主要围绕:DOM操作、循环、闭包、对象重复出现、对象的声明方式... 继续阅读 »
javascript获取多个相同ID的元素
在一个网页中我们强调,在使用id属性时一定要有语义,id值能反应出元素的作用和意思,整个文档中id值不能重复,否则脚本抓取不到。然而如果一个文档中一不小心有了多个div id="mytest"时该怎么办呢?我们该如何抓取其中一个mytest呢?
javascript编程入门目录
javascript是网页编程的基础,一个网站想要活起来,缺少javascript是不可能的。本文编撰了一系列javascript编程入门目录,帮助学习者一步一步掌握javascript。
超简单javascript代码实现网页打开的真实进度条!
谷歌分析提出,如果在用户进入页面之前的空白时间给出一段网页进度条代替空白页面,可以在一定程度上留住用户。本文介绍了如果用超级简单的javascript代码来实现网页打开时的真实进度条。
JavaScript 开发者必备的7个资源
avaScript 最近几年已经由一个二流选手变成使用最广的函数式编程语言。越来越多的资源投入到这个语言的开发中。我最近做了很多JS开发,有前台的,也有在后台使用 Node.js 的。我想在这里分享一下我正在用的一些JS资源。 1. JavaScript Jabber 这是一个 JavaScript 相关的播客(电台)。它们每一期专注一个主题,讲它的优点和缺点,例如 Backbone.js , e... 继续阅读 »
HTML中css和js文件链接版本号解决缓存问题
本文通过对在页面中引用的css和js文件在缓存开启情况下无法及时更新的分析,提出了三套解决方案,通过简单地修改链接形式和文件名修改,就可以在开启缓存情况下,使用新的样式和脚本