纠缠AI的亮子

JS中使用 getElementById 时，标识符以数字开头没有问题。但是，querySelector 是 CSS3 选择器，以数字开头的标识符就会报错。当使用 querySelector 时，出现这个错误，很可能的一个原因是：选择标识符以数字开头。

【代码】【JavaScript】用字符串生成 DOM 元素。

【代码】【JavaScript】判断变量类型是否是字符串。

【代码】【JavaScript】判断对象是否具有某个属性。

前端开发中需要对接口调用进行调试与验证，如果等后端把接口做好再调试就太不方便了。有了 json-server，只需指定一个 json 文件作为 api 的数据源，前端就可以独立进行接口调试，极其方便。下面介绍这个开源项目的使用方法。

首先在 static 目录下创建文件夹 js，自定义的js文件都放在这里（这里假设创建一个文件 custom.js）。在小恐龙框架中如何增加自定义js？

来源：https://stackoverflow.com/a/23230280/3054511。在手机端滑动屏幕，左滑、右滑、上滑、下滑的事件怎么捕捉？

如果最后都找不到，则返回null。

代码】【JavaScript】onchange与oninput事件的区别。

作为动态语言，JavaScript代码写起来可以很自由。但是为了避免代码演化中的劣化倾向，我们还是最好在一开始的时候就注重代码结构。可以把代码组织成三部分：变量、方法、初始化。例如：

JWT 登录之后，服务器发放 token。在到期时间之前，token 一直有效，那么如何才能实现用户登出（让 token 失效）？黑名单校验凡是退出登录的token都放入黑名单中，定期清理。每次用户请求服务器都校验token是否在黑名单版本号校验访问时从token中取出版本号和用户id 和 redis中存储 用户id和版本号 做对比，不一致则不给访问。用户登出的时候在redis中把用户版本号加一。过期时间校验登录时token附带创建时间。访问时校验redis存储的过期时间，如果创建时间大于过

如果直接使用 global.MYVAR，TS会报错，因此你需要增加类型定义，让TS能够识别。你可以创建一个文件 src/types/global.d.ts，内容如下：declare global { var MYVAR: string}export {}然后在 tsconfig.json 文件中确认有下面的命令："include" : [ "src/**/*"]这样就可以愉快地使用 global.MYVAR 了。...

如果只是需要判断url开头是不是http或https，则不要用正则表达式，直接字符串匹配是最迅速的：if (urlString.indexOf('http://') === 0 || urlString.indexOf('https://') === 0)

forEach循环会产生多个同步调用，就算你在forEach中使用了await，forEach也不会等待调用结束，forEach之后的语句会立即执行。因此，如果你要在循环中使用 await，还是得使用for … of 结构，例如：async function printFiles () { const files = await getFilePaths(); for (const file of files) { const contents = await fs.readFile(

花了一个小时，查找、测试将变量值转换成函数来使用的方法。Javascriptwindow["functionName"](arguments);Node.jsvar x = {};x.f1 = function(){ console.log('Call me as a string!');}然后调用：var funcstr = "f1";x[funcstr]();结论上述方法并没有减少代码量，也并不清晰，所以清晰且直观的方法还是使用 if：if (funcName =

代码：var arr = [ { key: 'foo', val: 'bar' }, { key: 'hello', val: 'world' }];var result = arr.reduce(function(map, obj) { map[obj.key] = obj.val; return map;}, {});console.log(result);// { foo:'bar', hello:'world' }https://stackover

如何将一段文本下载为文件？用下面的代码可以实现：function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); element.setAttribute('download', filename); element.

当我们用 Express 做一个可以接收 POST 请求的应用时，肯定会用到 body-parser，使用过程通常是这样的：第一步，安装模块：npm install body-parser第二步：使用const express = require('express');const bodyParser = require('body-parser');const app = express();app.use(bodyParser.json());Express 4.16.0 已经内置

bcrypt 需要系统有 gyp 插件支持，简单的解决办法是使用 bcryptjs，它的接口与 bcrypt 是完全一样的，只是它的实现是纯 JS，不依赖其他插件：npm i bcryptjs

对象/数组扩展运算符它可以把对象或数组进行扩展。举例一：展开对象const adrian = { fullName: 'Adrian Oprea', occupation: 'Software developer', age: 31, website: 'https://oprea.rocks'};const bill = { ...adrian, fullName: 'Bill Gates', website: 'https://micr

初始css：.wrapper { transition:height 1s ease-out; height:0; overflow:hidden;}用js设置类：.show { height: 30px;}如果不知道元素的高度，可以用下面的方式，计算出元素高度，再设置：const slideDown = elem => elem.style.height = `${elem.scrollHeight}px`;slideDown(document.ge

用户在点击“返回”按钮后，返回页面的内容已经发生了变化，由于浏览器缓存的作用，用户往往看到的是旧有的内容。如果内容已经发生了变化，怎么强制刷新页面内容？答案是使用 pageshow 事件：window.addEventListener( "pageshow", function ( event ) { var historyTraversal = event.persisted || ...

在末尾插入节点：// Grab an elementvar el = document.getElementById('thingy'), // Make a new div elChild = document.createElement('div');// Give the new div some contentelChild.innerHTML = 'Conten...

例子：<p> <button class="js-textareacopybtn" style="vertical-align:top;">Copy Textarea</button> <textarea class="js-copytextarea">Hello I'm some text</textarea></p&...

ES6 可以这样写：const index = [...el.parentElement.children].indexOf(el)https://stackoverflow.com/a/46328506/3054511

例子一：var element = document.getElementById('button');element.addEventListener("click", (function() { // init the count to 0 var count = 0; return function(e) { // <- This function becomes ...

一、Query string二、Web storagelocalStoragesessionStorage三、cookie四、window.namehttps://stackoverflow.com/a/30070207/3054511

代码function hasClass(ele,cls) { return !!ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));}function addClass(ele,cls) { if (!hasClass(ele,cls)) ele.className += " "+cls;}function rem...

上代码： if ( some_variable == null ){ // some_variable is either null or undefined }更多代码：if ( !some_variable ) { // some_variable is either null, undefined, 0, NaN, false, or an empty string}...

第一个方法：匿名函数function foo(x) { alert(x);}function bar(func) { func();}//alerts "Hello World!" (from within bar AFTER being passed)bar(function(){ foo("Hello World!") });第二个方式：使用 applyfunc...

设想一个场景：开启小程序时，要拉取某些全局数据，其他页面显示依赖这些数据。考虑到网络延迟和失败，如果请求失败需要重复三次，如果终不成功，要给用户提示。如何才能给正在访问某个页面的用户以通知？把信息存在全局变量中，让页面逻辑代码去查看全局变量是否改变，这种方法不可靠而且耗费资源，因为全局变量改变的时间不定。因此，最好的解决办法是全局逻辑代码去通知页面，即 app.js 发消息给具体页面。app....

直接上代码：var request = require('request');request.post( 'http://www.yoursite.com/formpage', { json: { key: 'value' } }, function (error, response, body) { if (!error &amp;amp;amp;&amp;amp;amp; res...

首先看官方给出的代码，wxml:&amp;lt;radio-group class=&quot;radio-group&quot; bindchange=&quot;radioChange&quot;&amp;gt; &amp;lt;label class=&quot;radio&quot; wx:for=&quot;{{items}}&quot;&amp;gt; &amp;lt;radio

在逻辑判断中，下列值将判断为 false：false0 (零值)“” (空字符串)nullundefinedNaN (一个特殊数值，意思是 Not-a-Number)除了上述六种值，所有其他的值都会决议为 true，包括：“0”“false”[] (空数组){} (空对象)function () {} (空函数)那么问题来了，如何判断空数组、空对象呢？用...

例如，文件名是 example.jpg，可以使用下面的方法获取扩展名jpglet filename = "example.jpg";let extension = filename.split('.').pop(); //jpg

简单的话，就是这样判断： Object.keys(obj).length === 0由于 Object.keys(new Date()).length === 0，因此下面的判断更完整： Object.keys(obj).length === 0 &amp;amp;&amp;amp; obj.constructor === Object...

第一个例子，创建包裹函数：function Timeout(fn, interval) { var id = setTimeout(fn, interval); this.cleared = false; this.clear = function () { this.cleared = true; clearTimeout(id); ...

查看当前路径的安装包：npm list查看全局的安装包：npm list -g查看某个安装包：$ npm list gruntprojectName@projectVersion /path/to/project/folder└── grunt@0.4.1或者：$ npm list | grep grunt└── grunt@0.4.1...

直接上代码：const express = require(&amp;quot;express&amp;quot;)const bodyParser = require(&amp;quot;body-parser&amp;quot;)const app = express()app.use(bodyParser.json())app.use(bodyParser.urlencoded({ extended: true}))app.use(expre...

值得一提的是，GitHub 前端团队并未使用其它框架来代替 jQuery，而是使用原生 JS：用 querySelectorAll 来查询 DOM 节点；使用 fetch 代替 ajax（在不支持的浏览器上使用 XHR）；使用代理事件来进行事件处理；为一些尚未实现的 DOM 标准写了 polyfill；更多的使用自定义元素（CustomElement）。他们把其中的一些成果也在 G...