javascript
文章平均质量分 63
苦海123
专研前端,探索后端,热爱技术,不断汲取
展开
-
Echarts数据可视化
数据可视化,echarts简介:ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。ECharts最初由百度团队开源,兼容性极好,支持pc和移动等多端,开源免费,社区活跃,并于2018年初捐赠给Apache基金会,成为ASF孵化级项目;JavaScript数据可视化库有很多种,常用的如:D3.js、Recharts、Chart.js等,ECharts 其官网:https://echarts.apache.org/zh/index.html原创 2022-10-06 19:33:22 · 2441 阅读 · 0 评论 -
eslint语法报错解决
eslint语法报错解决原创 2022-07-31 11:12:23 · 4930 阅读 · 0 评论 -
JS十六进制转浮点、字符串转为ArrayBuffer、ArrayBuffer转16进制字符串、16进制转10进制、crc校验位、十六进制转中文字符串(小程序、浏览器)、十六进制字符串转ascall字串
javaScript中十六进制转浮点、字符串转为ArrayBuffer对象、ArrayBuffer转16进度字符串、16进制转10进制、crc校验位、十六进制转包含中文的字符串(包含小程序和浏览器),浮点型转十六进制,h5实现一键复制文本到剪切板、十六进制字符串转ascall码对应的字符字符串、十六进制ascall码转十进制ascall码原创 2022-07-19 11:21:59 · 3289 阅读 · 0 评论 -
微信小程序蓝牙连接硬件设备并进行通讯,小程序蓝牙因距离异常断开自动重连,js实现crc校验位
微信小程序蓝牙连接硬件设备并进行通讯,小程序蓝牙因距离异常断开自动重连,js实现crc校验位等原创 2022-07-02 11:41:54 · 2419 阅读 · 0 评论 -
JavaScript,nodejs实现保留n位小数点
JavaScript,nodejs实现保留n位小数点原创 2022-06-24 11:56:48 · 1292 阅读 · 0 评论 -
JavaScript异步处理问题,循环处理异步任务,并拿到数据,Nodejs循环异步任务接口处理
JavaScript异步处理问题,循环处理异步任务,并拿到数据,Nodejs循环异步任务接口处理原创 2022-06-03 11:08:54 · 643 阅读 · 0 评论 -
三级菜单数据实现,实现嵌套三级菜单数据
将数据库中通过关联(inner join)查询多张表没有嵌套但有嵌套关系的数据进行处理,得到具有嵌套层级且嵌套的父级二级属性不可重复出现原创 2022-05-24 17:42:10 · 633 阅读 · 2 评论 -
js中将有层级关系的一维数据转换为父子级关系的二维数据、菜单权限三级层级数据实现(树形结构数据)
js中将有层级关系的一维数据转换为父子级关系的二维数据(树形结构数据)原创 2022-04-08 17:09:35 · 1485 阅读 · 0 评论 -
javascript中es6语法
es6语法简介:// 1.历史: // 1995-----JavaScript诞生 // 1997-----ECMAScript标准确立 // 1999-----ES3出现,与此同时IE5风靡一时 // 2009-----ES5出现,现在绝大所数使用的是ES5 // 2015-----ES6/ECMAScript2015出现// 2.函数的Rest参数和扩展:----rest参数实际就是一种动态的参数,不知道外面传递多少个参数的时候可以说传入rest参数,语法...m,m是可以写成原创 2021-06-04 11:04:32 · 493 阅读 · 2 评论 -
chartjs和echartsjs库简介
chart.js和echarts.js:尽管我们已经掌握了canvas绘图和SVG矢量图,在实际开发中我们依旧不会使用canvas和SVG,因为考虑到开发成本,一般会采用相关的图表库进行辅助开发,市面上常用的图表库有chart.js和echarts.js;如果想要了解更多,建议访问以下相关文档:chart.js : 是国外工程师开发的,一般的图表都可以使用它能够做出来;但是它在国外服务器上面,国内访问官方网站:https://www.chartjs.org/有时候上不去;这里推荐相关国内中文文档:htt原创 2021-05-07 14:59:12 · 1108 阅读 · 5 评论 -
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据,表单序列化(异步获取表单内容)
jQuery中使用ajax:在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中;市面上有多个版本的jQuery库,这里到官网:https://jquery.com/download/随意找个比较老的版本即可,后面学完node可以使用npm更方便地下载到具体的版本,这里就不做过多强调了;下载完后要找到文件:jquery-1.12.4.zip\jquery-1.12.4\dist - 这个位置的文件就是要引入项目的文件,解压大小原创 2021-05-06 12:56:12 · 442 阅读 · 4 评论 -
ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP
AJAX简介:ajax背景:1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌浏览器,是在浏览器端进行网络编程(发送请求、接收响应)的技术方案。它可以使我们通过JavaScript直接获取服务端最新的内容而不必重新加载页面,让web更接近桌面应用的体验。2.涉及到ajax操作的界面‘不能’使用文件协议(文件的方式)访问,实际是可以访问的。3.ajax是一套API,核心提供的类型:XM原创 2021-05-06 12:39:49 · 281 阅读 · 6 评论 -
正则表达式简介
正则表达式正则表达式(Regular Expression),用于匹配字符串中字符组合的模式,在javascript中正则表达式也是对象。这些模式被用于 RegExp 的 exec和 test方法, 以及String 的match、matchAll、replace、search、split方法。元字符:创建正则表达式:1.通过RegExp对象的构造函数创建: var regexp = new RegExp(/表达式/); //MDN文档中/表达式/可以写成'表达式',仅在调用构造函数创建对象适用原创 2021-04-27 07:44:07 · 107 阅读 · 0 评论 -
javascript中实例对象和构造函数关系、原型语法、原型链、call实现继承、apply调用函数、bind拷贝函数、拷贝继承、class类、super、严格模式、高阶函数、闭包、递归、es6简介
实例对象和构造函数的关系及原型:实例对象是通过构造函数创建出来的,实例对象的构造器constructor就是指向构造函数的;每个实例对象中的同一方法的指向是各不相同的,但是其属性值相同的属性可以相同,这样会造成内存浪费,可以将这个方法的函数提到构造函数的外面,这样就不会造成内存浪费了,但是这种方式容易造成命名问题,实际开发中会通过原型来解决这个问题(原型的作用:共享数据,节省内存空间,将需要共享的属性或方法直接写在原型中即可 ),如下: <script> // 解决多个对象中原创 2021-04-27 07:38:55 · 210 阅读 · 6 评论 -
javascript中本地储存、离线缓存、地理定位、网络状态
本地储存:实际开发中某些内容是不需要放到服务器中,而是放到了浏览器中,需要的时候可以快速的访问,甚至页面刷新也可能不会丢失数据,容量较大;这里介绍两种数据存储方式:sessionStorage约5M大小、localStorage约20M大小。其缺点是只能储存字符串,因此要使用JSON.stringify()编译后储存。1.window.sessionStrage:关闭浏览器窗口为一个生命周期,在同一个页面下任何地方可以访问此数据,以键值对的方式存储数据。sessionStorage.setItem(ke原创 2021-04-27 07:14:23 · 343 阅读 · 0 评论 -
javascript中BOM介绍、屏幕尺寸、历史记录、URL解析、计算机信息获取、定时器、三大系列及兼容代码、封装动画函数、同步和异步
BOM介绍:BOM指的是浏览器对象模型,是用来操作浏览器的,例如浏览器弹窗、地址栏、滚动条等,浏览器顶级对象:window;页面中的所有内容都是属于window的,window可以省略;confirm(‘带有取消功能的弹框’)和alert相似,但是它有返回值,点击确定是true,点击取消是false;window.οnlοad=function(){};页面加载完后触发事件执行,onload指页面上dom和图片及CSS等加载完;onDOMContentLoad指页面中的dom加载完触发事件执行,注意仅仅原创 2021-04-27 07:00:11 · 203 阅读 · 0 评论 -
javascript中节点操作、节点属性、节点获取、创建节点、删除节点、克隆节点
节点操作节点操作实际是利用DOM树把节点划分为不同的层次关系,常见父子兄弟级关系节点属性:节点一般有三个属性:nodeType节点类型(其中元素节点值为1,属性节点值为2,文本节点值为3)、nodeName节点名称、nodeValue节点值父级节点和父级元素获取:.parentNode父级节点、.parentElement父级元素;找不到就返回null: <body> <div> <div class="box"><原创 2021-04-27 06:44:12 · 625 阅读 · 10 评论 -
transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段
transitionend过渡监听事件:过渡监听事件transitionend指的是CSS3中过渡效果执行一次后触发事件处理函数,如下案例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div {原创 2021-04-26 07:53:26 · 227 阅读 · 0 评论 -
web api、获取DOM元素的方式、事件理解、click事件在移动端300ms延时、事件对象、事件委托、常见事件类型
web api:API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用使用即可。Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。前面对ECMAscript语法进行了学习,接下来将学习DOMScript文档对象模型(处理HTML和XML及CSS的接口)和BOMScript原创 2021-04-26 07:40:43 · 223 阅读 · 0 评论 -
javascript中parseFloat(x)、parseInt(num,radix)、Promise、ReferenceError、Reflect、get和set
parseFloat(x)对象:将传入的字符转化为浮点数,若传入的字符不能被转化为数字型,则返回NaN <script> console.log(parseFloat(0.0314E+2)); //3.14 </script>parseInt(num,radix)对象:将num看成radix某进制的数后转化为十进制整数,radix的取值范围为2-36 <script> console.log(parseInt(0.031原创 2021-04-26 07:23:44 · 245 阅读 · 0 评论 -
javascript中NaN属性、null对象、Number对象、Object对象
NaN属性:表示不是一个数字,是全局对象的属性,其初始值为NaN <script> console.log(NaN == NaN); //false </script>null对象:特指对象的值未设置 <script> console.log(null == undefined); //true console.log(null === undefined); //false consol原创 2021-04-24 18:34:01 · 339 阅读 · 3 评论 -
javascript中Math对象及方法
Math对象:其所有属性与方法都是静态的,其相关属性和方法如下:继:继:提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:[email protected]联系笔者 删除。笔者:苦海原创 2021-04-24 17:39:50 · 83 阅读 · 0 评论 -
javascript中encodeURL对象、Boolean对象、Function对象、globalThis对象、Infinity对象、isFinite对象、isNaN对象、JSON对象
encodeURI()对象:用于对特殊字符进行编码,decodeURI()对象:将特殊字符进行解码,常用于URL地址编码中 <script> var url = 'https://mozilla.org/?x=шеллы' var urlEncode = encodeURI(url); console.log(urlEncode); //https://mozilla.org/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B原创 2021-04-24 17:31:11 · 230 阅读 · 0 评论 -
javascript中Date对象及方法
Date对象:该对象呈现时间中的某个时刻。其本质是自1970年1月1日(UTC)起经过的毫秒数,相关属性的方法如下:(如果Date对象中传入指定的时间,则以传入的指定时间返回相关数据,就不会以本地时间为准返回数据了)继:继:继:继:自定义一个格式的时间对象: <script> // 格式化后的指定的日期和时间----封装一个函数 function getDate(dat) { var years = dat.getF原创 2021-04-24 17:24:14 · 351 阅读 · 0 评论 -
javascript中内置对象简介、Array
内置对象:javascript的三种对象:1.内置对象—JavaScript自带的对象;2.自定义对象—自己定义构造函数创建对象;3.浏览器对象— BOM时候介绍,几个常用内置对象:Math Date String Array ObjectArray对象:是构造数组的全局对象,数组类似列表的高阶对象,其属性和方法总结如下:继:继:继:继:继:继:继:继:提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:[email protected]联系笔者 删除。原创 2021-04-23 11:00:57 · 91 阅读 · 0 评论 -
javascript中对象、JSON格式数据、创建对象的方式、数据类型分类及特点
对象对象指:具体的一个实物,javascript中对象是指一组没有顺序的属性和方法的集合,所有的事物都是对象,例如:函数,数组,字符串等。属性指事物的特征,一般为名词表示;方法指对象的行为,一般用动词表示。对象使用来存储一组没有规律的信息的数据类型。JSON格式的数据:一般都是成对的,是键值对。JSON也是一个对象,数据都是成对的,一般JSON格式的数据无论是键还是值,都是用双引号引起来的 //编程思想:把生活中的事融入到程序中 //面向过程:凡是亲力亲为,每件事的过原创 2021-04-23 10:40:32 · 366 阅读 · 0 评论 -
javascript中作用域、全局作用域、局部作用域、隐式全局变量、块级作用域、作用域链、预解析
作用域作用域指的是代码的作用范围,按照作用域划分变量可分为全局变量和局部变量;作用域可分为:全局作用域:指全局变量作用的范围;全局变量指的是通过var在函数外面声明的变量,在js中任何位置都可以使用;但是在函数中通过var定义的变量,在函数外面是不可以使用的,也是局部变量;如果页面不关闭,内存就一直被占用,不能被 delete删除。 <script> var num = 10; console.log(num); //10 delete n原创 2021-04-23 10:36:10 · 412 阅读 · 0 评论 -
javascript中数组、冒泡排序、函数及函数实参形参、arguments伪数组、异步函数等介绍
数组:指一组有顺序的数据,其作用就是用来一次性存储多个数据。(数组元素:数组中的每一个数据;数组长度:数据中元素的个数;数组索引:用来存储或访问数组中的数据,也叫下标,索引从0开始,即第一个数组元素的索引为0)创建数组的方法有两种:1、通过构造函数创建数组:var 数组名 = new Array(); <script> var array = new Array(4); console.log(array); //[empty × 4],new Array(原创 2021-04-23 10:31:26 · 229 阅读 · 0 评论 -
流程控制介绍,顺序结构、分支结构、循环结构、Promise对象、throw语句、break和continue关键字
流程控制流程控制:指代码的执行顺序,有三种方式:顺序结构、分支结构、循环结构顺序结构:代码从上到下,从左到右的执行顺序。分支语句:if语句、if-else语句、if-else if-else···语句、switch-case语句、三元表达式:<script> // if-else语句: // if (条件) { // 要执行的代码1 // } else { // 要执行的代码2原创 2021-04-22 09:49:40 · 266 阅读 · 1 评论 -
javascript中基本包装、算数运算符、递增递减运算符、赋值运算符、比较运算符、逻辑运算符、运算符优先级
基本包装类型:指基本类型的数据变量通过调用属性或者方法包装成了复杂类型,这个变量也称为基本包装类型对象<script> var str = 'hello'; str = str.replace('ll', 'ee'); console.log(str); //heeeo //通过基本包装,无论Boolean对象中传入true还是false,在逻辑与中其结果都是&&后面的值: var flag = new Boolean(false)原创 2021-04-22 09:26:30 · 146 阅读 · 0 评论 -
javascript中数据类型及转换、String()和toString()的区别
数据类型:JavaScript中的数据类型:在计算机中,不同的数据类型所占的储存空间是不同的。1、原始数据类型:number (数字)、string(字符串)、boolean(布尔值)、null(空对象)、undefined(未定义)、object(对象)6种,前面5种分为简单数据类型,后面的object为复杂数据类型;2、ECMAScript6中新增symbol,共7种。1、number:数字类型(整数和小数)2、string:字符串类型(值一般是用双引号或者单引号括起来的)3、boolean原创 2021-04-21 11:08:37 · 276 阅读 · 2 评论 -
javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量
JavaScript简介JavaScript历史:JavaScript是一门解释型、动态类型、基于对象的脚本语言(不需要编译,直接执行,与之相对的是编译型语言),由美国网景公司的布兰登·艾奇发明,起初称LiveScript,其简称js。JavaScript作用:起初表单验证----网页特效-----服务端开发(Node.js)-----桌面程序(Electron)-----App(Cordova)-----控制硬件物联网(Ruff)-----游戏开发(cocos2d.js)浏览器执行javascr原创 2021-04-21 11:01:50 · 163 阅读 · 1 评论 -
计算机基础简介、编程语言、翻译器、数据储存
计算机基础:编程语言:编程语言分机器语言、汇编语言、高级语言,机器语言只有计算机本身认识,是二进制的;汇编语言是较低层的指令式语言,有很多指令单词发出命令,程序员可以认识,前两者直接对硬件操作;高级语言是指常用的Java、c#、php、JavaScript等较易学的计算机语言。翻译器:把编程语言翻译成计算机认识的二进制的工具。计算机组成:数据存储:计算机内部使用二进制表示数据,所有的数据都是以二进制的形式存在硬盘中,所有程序、系统、各种文件在计算机内部都是以二进制保存在硬盘和内存中。其单位从原创 2021-04-21 10:51:39 · 345 阅读 · 1 评论 -
SSE事件作用,错误分析
Server-Sent(SSE):server sent用于自动接收服务器更新,当服务器发生数据更新时,此事件将自动执行来更新页面数据,常用于博文、股价等不断变化的项目中。下面将简单介绍SSE中三个常用事件:onopen,当通往服务器的链接被打开时执行处理函数;onerror,当服务端发生错误时,执行处理函数;onmessage,当服务端发生变化时执行处理函数;首先创建一个实例对象如:new EventSource(‘test.php’),实例对象括号中用于传入一个服务端文件,用于此对象中onme原创 2021-04-21 09:40:49 · 1038 阅读 · 0 评论 -
web Worker简介、web Worker报错分析、作用
web Worker:web Worker是运行在后台的javascript,不会影响性能,常用于高耗费CPU的任务,必须部署到线上才可以正常使用,这里有三个方法比较重要,需要注意:postMessage(),发送消息,指的是在创建的后台web works文件中发送消息,供主页中onmessage()事件接收,此事件的对象将包含要发送过来的值。terminate(),用来停止web worker,使用方法:在Worker对象调用即可。onmessage(),使用web worker后,要new 创建原创 2021-04-21 08:34:57 · 881 阅读 · 0 评论 -
Web SQL介绍,web sql中增删改查、数据存储位置、运行脚本、建表建库
Web SQL:Web SQL是一种简单的存在服务器中的数据库,运行在javascript脚本中,其数据储存在计算机Application中Web SQL中。web sql提供了三个核心方法:1.openDatabase(‘dbname’,‘edition’,‘explain’,‘size’),此方法用于查找数据库,如果没有则会创建一个新的数据库,其参数依次代表:数据库名称,版本号,描述文本,数据库大小。2.transaction(),用于控制一个数据库,里面传入一个函数,函数的参数作为操作数据库的原创 2021-04-20 20:42:49 · 5126 阅读 · 0 评论 -
html5中Canvas、绘制线条模糊、常见绘制工具、绘制基本图形、绘制图片、面向对象的方式绘制图形图片、绘制文本、帧动画绘制
Canvas容器:canvas标签用来定义图像的容器,必须配合脚本来绘制图像,canvas也运用于游戏开发。注意:canvas绘制图时会出现线条模糊情况,这是因为显示屏像素和canvas中定义的一个点不完全重合(相差0.5)导致,若要解决这个问题,就要计算canvas中0.5的坐标值。创建画布:注意:一个页面可以创建多个canvas画布,每个画布建议给一个id属性方便配合脚本。<canvas id='canvasBox' width='200' height='200'></can原创 2021-04-20 11:50:38 · 727 阅读 · 0 评论