使用New bing写一个JavaScript脚本：在文章内每隔2秒显示3个字符串/联系方式
这段时间，ChatGPT风靡全球，不少技术爱好者跃跃欲试。作为一个半路出家的假技术员，当然也不会错过这个体验新产品，研究新技术的机会。玩过ChatGPT，整体感觉，是真方便、强大；用过New...
首页 > web前端技术 > javascript >
借助ChatGPT写一个JavaScript脚本，实现向文章中适当的位置插入3个联系方式
在ChatGPT中，通过下述脚本，可以生成代码，实现向文章中添加3个相同或者不同的字符串（联系方式），这种需求，一般用来在SEO中，把联系方式添加到文章中，达到引流的效果。...
JavaScript之Node.js（四）：使用Express操作SQL数据库与前后端身份认证
MySQL数据库，免费开源，Oracle数据库，收费;SQL Server数据库，收费，Mongodb数据库，前三个是传统数据库，又叫关系数据库，或者SQL数据库，最后 一个是新型数据库，又叫非关系数据库，或者NOSQL数据库，在一定程度上弥补了传统数据库的缺陷。...
JavaScript之Node.js（三）：Express框架之路由、中间件、接口
白龙网认为，Express是基于node.js平台的开发框架，它的作用和node.js的http模块类似，是专用来创建web服务器的。它的本质是一个npm上的第三方包，提供了快速创建web服务器的方法。...
JavaScript之Node.js（二）：模块化、包、NPM与模块的加载机制
内置模块：node.js官方提供，fs/path/http模块，在安装node.js时已经安装到电脑上的；自定义模块：用户创建的JS文件，都是自定义模块；第三方模块：由第三主开发出来的模块，并不是node.js提供，...
JavaScript之Node.js（一）：node功能与fs() path() http()内置模块
在白龙网看来，是一个基于V8引擎的JS运行环境。如果JS代码放在浏览器，则是做前端开发，如果把JS代码放到node.js运行环境，则是做后端开发。...
JavaScript之Ajax（六）：Git配置、Git分支、Github的增删改查等操作
白龙网认为，GIT记录快照，在原有文件版本的基础上，生成新的备份，为了效率，如果文件没有修改，GIT 不会再重新存储该文件，而是只保留了一个链接指向之前存储的文件。缺点战胜磁盘空间大；版本切换快，因为每个版本有完整的文件快照，切换版本时直接恢复目标版本的快照即可，显著特点是用空间换时间。...
JavaScript之Ajax（五）：HTTPS协议的请求方式与响应状态码
通信协议，通信双方要完成通信要遵守的规则和约定。事先约定好的格式，就是通信协议。C/S之间要实现网页内容的传输，则双方要遵守页面内容的传输协议。网页内容又叫超文本，即超文本传输协议，简称HTTP协议。...
JavaScript之Ajax（四）：同源跨域和JSONP的实现过程
白龙网认为，跨域是URL的协议、域名、端口不一致，出现跨域的原因。是浏览器同源策略不允许非同源的URL之间进行资源交互。 浏览器驿跨域请求的拦截，浏览器允许发起跨域请求，跨域请求回来的数据，会初被浏览器的同源策略拦截，无法被页面获取到。如何实现跨域数据请求，解决方案是JSONP。CORS，临时解决方案，缺点是只支持GET请求，不支持POST请求，但是可以兼容一些低...
JavaScript之Ajax（三）：使用XMLHttpRequest与axios库发起请求
XMLHttpRequest简称xhr，是浏览器提供的JS对象，可以请求服务器上的数据资源，之前学习的到JQ中的ajax函数，就是基于xhr对象封闭出来的。...
JavaScript之Ajax（一）：请求 get()提交 post()数据与双向通信 ajax({})方法
白龙网认为，浏览器中的XMLHttpRequest比较复杂，JQ对XMLHttpRequest进行了封装，提供了一系列相关的Ajax函数，降低了ajax使用难度。如$.get()请求数据，$.post()向服务器发送数据，$.ajax()即可发送数据...
JavaScript之Ajax（二）：form表单操作与模板引擎的定义
白龙网认为，三部分组成：表单标签、表单域（表单域：文本，密码，隐藏，多行，筛选，单选等）、表单按钮。...
JavaScript之BOM（三）：移动端网页特效之触屏事件、对象、插件和框架
白龙网认为，触屏事件对象是描述手指在触摸平面的状态变化的事件，用于描述一个或者多个触点，使用开发者可以检测触点的移动、增加、减少。...
JavaScript之BOM（二）：与PC端网页特效相关的元素偏移量、可视区、滚动与动画函数封装
动态获取元素的位置/大小:offsetTop/offsetLeft，返回值是数值，不带单位；需要注意的是：父元素要有定位，才能生效；如果父元素没有定位，则得出的元素位置是相对于body的偏移量...
JavaScript之BOM（一）：window两大事件、四大对象与执行机制
在白龙网看来，浏览器对象模型，他是与浏览器窗口进行交互的对象，由相关的对象组成，并且每个对象提供了很多方法、属性。JS标准是由ECMA提供，DOM标准由W3C提供，BOM标签是由netscap提供，缺乏标准。...
JavaSciipt之DOM（四）：元素节点的创造、删除、复制等操作
操作DOM节点，节点，可以利用节点层级关系（父子）来获取元素。节点有3个属性，分别是节点类型、节点名、节点值。元素节点类型值是1；属性节点类型值是2；文本节点类型值（文字、空格、换行）类型是3；实际开发中，节点操作主要是操作元素节点。节点的层级可以看作是父子兄的关系，白龙网指出。...
JavaSciipt之DOM（三）：操作（增删改查）元素的内容、属性、样式
在白龙网看来，JS不仅可以改变网页的结构，内容，样式，还可以改变元素的内容与属性。...
JavaSciipt之DOM（二）：事件组成与执行过程·事件进行注册和删除
白龙网认为，对于JS事件，我们需要了解事件组成、执行；另外，对于事件注册、删除、对象、委托、流、冒泡、、类型也要熟练运用。...
JavaSciipt之DOM（一）：获取页面元素·搞懂五点即可
白龙网指出，文档页面由上往下加载，所以要先有标签，再有JS，即JS放到文档的最后面。或者给window添加事件load，让页面所有内容加载完毕，或者DOM加载完毕之后，再执行JS。...
JavaScript内置对象：数学对象、日期对象、数组对象、字符串对象
JavaScript常用的内置对象有数学对象、日期对象、数组对象、字符串对象等，白龙网学习其它内置对象，都是从MDN文档或者W3C上去查找学习的。...